1.2 UI设计流程

UI设计作为开放性工作，其流程并不是固定不变的，根据项目、用户需求的不同，有些流程会被跳过，有些流程会被多次执行。下面就UI设计的一般性流程进行介绍。

1.2.1 需求分析

确定要进行UI设计后，首先要进行产品需求分析，主要包括用户群体分析和竞品分析等。

1.用户群体分析

作为UI设计师，首先要与产品经理进行项目沟通，对用户需求展开全方位调研、分析，针对用户提出的各种需求进行产品规划。例如，要设计一款美食类App，若面向的群体为年轻人，就可以选择清新、浪漫的风格；若面向的群体为商务人士，则可以选择简洁、稳重的风格；若面向的群体为老年人，则可选择层级简单、文字偏大的设计风格。

可以通过调查问卷、电话调研等方式，深入了解用户需求，挖掘用户体验内涵，对调研数据进行合理分析，总结提炼用户关注点，在产品中合理体现和表达。

2.竞品分析

明确具体的用户群体后就要开始竞品分析工作了：根据产品定位收集符合要求的竞品，深入了解这些产品的使用情况，从前期的用户调研中可以得出用户常用的类似软件有哪些，对这些主流、热门产品展开用户研究、产品核心竞争力研究。竞品分析的目的是寻找竞品的优缺点，其为用户提供了哪些服务，解决了用户的哪些痛点，存在哪些用户期望完善的地方，用户的满意度如何，等等。从产品功能和架构，到图标、导航菜单、工具菜单等各部分，从整体到细节逐一对竞品进行分析，通过对比，思考如何在自己的产品中创新、突破。

1.2.2 原型设计

需求分析完成后进行产品架构设计，开展原型设计与开发工作。此环节是对产品构思的表达，强调用户体验的重要性，设计好的原型应再次与需求方确认。及时沟通交流能有效避免进行视觉设计后的界面不符合用户需求所导致的重复工作，为项目的顺利开展提供保障，大大提高设计的工作效率。

1.2.3 视觉设计

视觉设计是在审核通过的原型设计基础上进行的直观界面视觉展示，此环节非常考验UI设计师对整体视觉的把握能力。基于前期工作，确定设计风格，选取主色调，完成如首页、注册登录页、主页、各子页等界面的产品视觉设计稿。

1.2.4 切图与标注

产品设计完成后对界面元素进行切图和标注。切图的质量会直接影响到前端开发工程师对界面的实现效果，因此切图要符合切图规范，做到高质量切图。完成界面元素切图后，分类保存在文件夹中，提交给前端开发工程师。

从前面的UI设计流程可以看到，UI设计师的工作贯穿了UI设计的全过程，从产品需求分析开始，到后面的原型设计、视觉设计，都离不开UI设计师。整个设计是一个不断迭代、不断优化的过程，需要更加深入地了解产品思维，想用户之所想，做用户之所需。只有开发跨平台使用的UI设计产品才能满足市场需求，在市场上具有竞争力。

知识拓展

设计稿完成后，UI设计师不要着急将设计稿输出，应与产品经理进行二次沟通，确认之前提出的各种要求是否都已经实现，有没有遗漏的设计要求等。产品经理一般在看完设计稿后会提出一些细节层面的建议，UI设计师应根据这些建议修改并最终确认无误后再进行输出和切图，这样较为稳妥。

课后实训

客户想要开发一款美妆App，主要功能包括妆容参考、发型设计、美妆达人交流、商品售卖等，作为UI设计师，你将如何开展需求分析？