一个产品首页的设计过程
施工现场管理平台首页的需求分析及视觉稿设计过程解析
需求
某个风和日丽的下午，我正愉快的在工位上工（mo）作（yu），BOSS悄没声的来到我身后拍了下我的肩膀，在我落地的瞬间，BOSS一脸平静的对我说：
“这儿有个东西你做一哈”
“好，您说！”
“咱们在做的施工现场管理平台，需要个首页，你给做一下。嗯，放个项目概况，整个日期，整个天气预报，哦，对了，再搞个施工相册，就这些，你先出个草稿。”
半个小时后...
我对BOSS提出了我的疑问：
-展示内容是否过于简单，缺乏数据分析
-天气预报是否有必要进行大区域展示
-工地相册数据源从哪里来，如果进行工地相册展示，就必须设置照片的来源，从而进行延展设计
-在不同的屏幕尺寸下，自适应的布局难免会造成相册展示变形
BOSS赞许的看了我一眼，说：不错，我刚想到这些，你就说了出来。那这样，搞一个质量安全问题的统计图，工地相册去掉，天气做为单独模块进行设计，嗯，施工方项目经理特别喜欢看现场的监控，你就再展示一下当前项目剩余完工天数跟监控接入情况。
我：
又半个小时后...
BOSS看完后：很好，跟我想的一样，你去画图吧
我：
视觉
综合考虑了用户群体的使用环境及产品性质，首页默认尺寸设计为宽度1920，高度自适应，同时界面不能过于死板，初稿视觉效果：
1.整体风格
整体风格这一块没什么好说的，采用2.5D插画的形式减轻产品的刻板印象，尽量简洁的图表及icon设计，增强界面的可读性
2.细节设计
以区块的形式加上线性图标进行展示，同时考虑【接入监控数量】及【在线监控数量】反应的都是监控情况，因此采用同一基础色调，以图标进行区分
右侧区域采用日历样式设计时间，并使用连接线修饰，强调右侧图表数据的关联性
到这里我觉得OK了，于是拿给BOSS
BOSS：我觉得不OK
我：
思考过后，仔细审视了下布局，发现有两点不合适的地方：
1.头部项目选择框采用主题色，过于抢眼，且样式缺乏设计，针对此点进行重新设计
修改前
修改后
2.左侧顶部三个区域块过于分离，在整体视觉上分离了界面的统一性
修改前
修改后
经过以上两点的调整，整体视觉如下：
我忐忑的拿给BOSS
BOSS：还行吧。
总结
在我看来，做为一个合格的UI，不单单要善于作图，更要站在需求的角度，理解背后的使用场景及界面中的数据支撑，否则，就是无尽的返工与沟通。
喜欢请点赞呀~
