查看: 2130|回复: 0
打印 上一主题 下一主题

[UI设计] 简述实用的网页UI设计流程

[复制链接]

1240

主题

11

听众

6720

积分

版主

Rank: 7Rank: 7Rank: 7

纳金币
5474
精华
6

荣誉管理 论坛元老 突出贡献 优秀版主

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



分享到: QQ好友和群QQ好友和群 腾讯微博腾讯微博 腾讯朋友腾讯朋友 微信微信
转播转播0 分享淘帖0 收藏收藏0 支持支持0 反对反对0
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

手机版|纳金网 ( 闽ICP备2021016425号-2/3

GMT+8, 2024-11-24 21:01 , Processed in 0.104637 second(s), 32 queries .

Powered by Discuz!-创意设计 X2.5

© 2008-2019 Narkii Inc.

回顶部