Web UI设计的3大流程

    本文和大家分享的主要是web端的UI设计流程，一共有三个阶段，分别是草图绘制、素材整理、具体操作，一起来看看吧，希望对大家有所帮助。

 

　　1.草图绘制

　　1）吃透需求：吃透需求方的要求。

　　2）画出草图：根据要求简单画出草图。

　　3）关键标注：对细节进行标注。主要包含标准色可以用代码的形式标注出来。如文字的颜色、背景的颜色、常用的字体等。模块之间的间距。网站的风格。

　　一些商业性的网站可能预先预留广告位，需要标出大小以及应该摆放的位置。界面设计规范的好处：大型网站开发时要求多、时间紧迫，需要团队合作，如果按照界面规范的统一要求，就可以同时开动，即使不同的设计人员，也可以最后的设计效果保持统一性、风格的一致性。这样可以缩短界面设计的时间，而且后期网页前端人员制作网页时，可以非常轻松地根据设计规范得出一些数据，减少误差，节约沟通成本。

　　2.素材整理

　　1）图片：广告图片、设计用到的装饰性图片。

　　2）文字：用文本文档形式进行整理。

　　3）Logo：一个网站标志，一般网站原有，争取拿到psd文件，可以适应各种场合应用。

　　4）动画效果

　　3.具体制作

　　1）合理布局：比较常用的上中下、左中右的设计。栅格设计。

　　2）背景制作：考虑背景的材质，一些静态的视觉效果特效、配色与整体风格要求是否满足。

　　3）文字排版：包括字体大小、颜色、字体间距、文本段前短后、模块与模块之间的对齐等。

　　4）图形加工：装饰性的图标、边框、以及banner。

　　5）整体调整：对色彩、光照效果、页面结构进行调整，对细节部分进行优化。

原文链接：http://www./wiki/ui/process/