首页技术文章正文

UI设计流程:UI设计工作全过程

更新时间:2021-11-24 来源:黑马程序员 浏览量:

UI设计的过程是思维发散的过程,一般遵循一定的设计流程。在实际工作中,设计流程并不是绝对的。有的流程可能会被跳过或忽略,如调研与讨论;有的流程会反复停留,如修改与扩展。下面我们介绍下UI设计的流程为大家提供一个关于设计流程的思路,为日后的设计工作奠定基础。

UI设计作品.jpg


1. 视觉风格的定位调研工作

在接到交互设计的原型图后,不要盲目地进行设计。需要对产品面向的客户群做一个用户视觉风格喜好的调研,充分了解产品定位,通过分析目标用户的喜好风格,从而确定视觉设计的方向。


2. 视觉风格提案和深化设计

当做好视觉调研之后,进行视觉风格分析,并提出几套设计方案和样图展示,供团队选择。然后按照选择的某一套提案,对全部页面进行设计。


3. 视觉规范手册

根据最终的设计结果,完成视觉规范手册的制作。规范手册既可以是PPT,也可以是Word文档。规范手册通常会标注页面模块字、字号、颜色值、尺寸等参数,便于前端工程师着手进行后续页面制作的工作。


4. 交互动效制作

交互动效制作是指将设计好的页面运用Axure等软件制作动态交互效果。


5. 切图并协助制作页面

切图是指把效果图中有用的部分剪切下来作为页面制作时的素材。当切图完成之后,就可以配合开发团队制作实际页面效果,保证视觉效果高度还原及小细节修改。



猜你喜欢:

化妆品logo设计案例实战【UI设计教程】

26个Adobe XD快速提示和技巧

ai字体变形设计教程:手把手设计万圣节卡片

黑马程序员UI设计培训班

分享到:
在线咨询 我要报名
和我们在线交谈!