纳金网

标题: 简述实用的网页UI设计流程 [打印本页]

作者: 五十六个民族 时间: 2017-4-10 19:12
标题: 简述实用的网页UI设计流程
新手或者初入职的小伙伴常常搞不清楚自己的工作范围。小编现在根据前人的工作经验简单的介绍一个非常实用的UI设计流程。
1.产品需求分析
当产品经理给出一个产品的需求，我们首先需要对这个产品进行一个大致的分析，分析这个产品的方向，定义产品的用户群体及特征；
2.深层次的用户体验研究与分析
这个时候我们就要对已定义的目标用户群体及特征进行深层次的剖析，包括目标用户群体的年龄，性别及目标户群体的一些情感习惯，心理特征等，这样我们就可以有针对的对这个产品构想设计出一个大概的色系搭配及元素控件设计；
3.初稿设计
这个时候我们就可以把产品经理的原型需求和自己对产品的体验研究分析结合起来设计初稿。（大概的色系搭配，框架布局，元素控件，图标ICON等设计都可以在这一步呈现出来）
4.视觉规范设计及细节优化设计
初稿设计完成了，产品大概的样子都出来了，接着我们就是要做好视觉规范设计及细节优化设计。视觉规范设计就是要对整个产品的颜色，字体，字号，元素控件，图标ICON，间距及交互效果做个统一的规范，这样才可以做出一个成熟的产品，对前端制作也是有很大的好处的。
接着就是细节的优化设计了，这个我们就要细心的做好细节上的设计，比如一些对齐，间隙，图标虚边，线条像素，模块阴影等等；
5.跟进前端工程师实现设计效果
设计稿完成了接下来就是前端工程师制作了，这时我们就不要以为我们的工作完成了，我们要继续跟进前端工程师实现还原我们的设计效果，有必要我们可以设计出一份交互图出来，这样便于他们更好的更准确的更快捷的实现我们的设计；
6.产品体验

欢迎光临纳金网 (http://old.narkii.com/club/)