ui界面设计流程

UI 设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI, UI 即User Interface(用户界面)的简称。

UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。

UI设计目前的前景还是很不错的，很多企业都缺少 UI设计师。而且可以看到的是，现在社会的发展，更多的智能机和智能机器人研发出现，这些都离不开UI 设计师。所以说 UI 设计的是很有前途的，是不会失业的。而且 UI 设计门槛不高，要入门也不难的。

从工作内容来说，UI 设计在当前的互联网领域、科技领域可以说无处不在，

好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向，一个是交互设计,另一个是视觉设计。

总的来说，UI 设计相比较于编程而言，还是非常适合大众学的并且就业前景很广阔。学完 UI 设计，能获得一份稳定而又不失乐趣的工作，同时有利于追求更高品质的生活，在艺术领域可以获得更多的启迪。

UI设计工作的整个工作流程，大致分为三个部分：需求分析-设计执行-数据分析。

  在需求分析阶段，你需要对产品和行业本身有一个基本的认识。理解产品的基本情况，如产品目标，用户群体，产品定位，需求分析，功能模块，主要竞争对手，产品特点等。使用本产品可以解决什么问题？要达到什么目的？哪些用户使用该系统？对于不同角色的用户有哪些特定权限？每个用户的行为都需要操作日志来生成吗？该产品的主要功能模块是什么？该产品的商业流程如何？同类型的产品是什么？与他们相比，我们的产品有什么特点？做大而全的后台产品成功与否，是整个设计团队和开发团队能力的体现，而对于许多小团队来说，只能做一些大团队不愿意做的产品，或者在某些方面另辟蹊径，专做精。

参考PM给出的功能列表，在设计执行阶段对原型和流程进行梳理，需要重点考虑当前版本计划、功能模块、功能类型、功能描述、任务优先级、完成时间等，并与交互原型相关联，如功能描述、判定规则条件、触发条件等。完成了原型设计，开始进行UI视觉方面的设计，此时的后端同步构建需求的实现方案。界面设计者对前端的实现框架有了解，便于转换和沟通。接口实现时，UI设计师应首先进行测试，力求视觉设计和代码实现没有错误。设计完成后，从信息层次、文字、图标、图片等多个方面对设计进行查核，进行多次设计验证和测试。

资料分析是优化产品迭代的重要依据。在经过多次测试和审查之后，客户(或内部)才能交付使用，根据所产生的具体问题不断迭代，并且要观察产品是否能通过准确的数据反映问题，体现能力，要虚心接受用户的使用建议，认真思考其合理性，用户的使用和反馈是优化产品的重要途径。唯有实现了管理和运营的目标，才能真正创造价值

1. 参与需求评审，理解PRD

2. 用户调研、情绪板梳理（主要针对一些对体验、视觉要求很高的产品，需要更加多关注人的设计，不是必要流程）

3. 交互设计

4. 视觉设计

5. 视觉评审（视觉稿确定过后）

6. UI走查、验收（开发提测后，发布前）了解了大致步骤，我们再来一起看看每个步骤的具体的工作内容：

参与需求评审，理解PRD

一个项目全员开始动工，应该就是从需求评审开始。在产品理清楚需求后，会输出PRD或者原型草图，依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中，项目组成员会对需求、操作流程、业务逻辑等提出不同的问题，产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求，产品会根据大家的疑惑去不断完善需求内容，在多次的需求澄清后，大家达成一致的共识，正式开始动工。

在这个过程中UI设计需要：

（1）反复和产品沟通，确认，协助产品给出原型草图。

（2）协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。

用户调研、情绪板梳理

产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。

在这个过程中UI设计需要：

（1）参与讨论，输出纸稿线框稿、用工具制作线框图。

（2）协助产品初拟产品设计方向和思路，提出可用性设计建议。

交互设计

交互设计阶段一般由交互设计师（UE）和产品一起制定，根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程，可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图，以支持后面做详细的视觉设计。很多公司没有专职的交互设计师，交互设计由产品或者UI完成。

在这个过程中UI设计需要：

（1）这个过程，UI可以依据上一个流程中的输出，初步设计产品的风格，然后和产品不断推敲。

（2）原型设计的不断完善，纸质草图-线框图-低保真-高保真（高保真原型成本较高，很多小规模的公司都不做高保真原型设计）。

视觉设计

视觉设计阶段，UI根据界面原型，对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后，开始制作所有界面的视觉设计。

在这个过程中UI设计需要：

（1）确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。

（2）完成所有界面的视觉设计，交出最终的视觉稿。

视觉评审

在视觉稿确定之后，UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会，发现可用性问题并提出修改意见。当视觉评审过了之后，配合技术部门实现界面设计的实际效果。

在这个过程中UI设计需要：

（1）针对提出的问题，对界面进行不断的完善。

（2）参与视觉评审全过程。

（3）配合技术部门实现界面设计的实际效果，给出最后的界面效果图，标注好距离、 尺寸、颜色、文字大小等。

（4）输出前端开发工程师需要的切图。

UI走查、验收

在发布前，测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈，在依据这些问题把设计工作进行细节调整。在正式发布之后，收集市场上真实的用户体验并记录，为下个版本提供强有力的市场需求。

在这个过程中UI设计需要：

（1）不断完善界面设计。

（2）UI人员把可行性建议进行完善，不断总结以备以后产品设计升级。

以上谈到的UI设计流程只是一个大致的框架，一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同，所做的工作有所缩减或精分。

1、根据原型或交互稿设计UI界面；

2、在手机上预览设计稿；（导出图片/PDF）

3、设计稿的沟通修改和确认环节；

4、根据设计稿输出高保真的demo；（AE）

5、设计稿的标注；

6、切图；

7、开发完成后的视觉走查；

一个好的设计绝不是凭空想象，而是依靠强有力的设计理论。

1、基于对产品的理解：所处行业、面向人群、发展阶段，背景、调性、品牌理念等；

2、对流行趋势的高度敏感：分析优秀竞品，结合自身特点；

3、设计能力的体现：图标、配色、排版样式、用户体验的改进；

产品类型不同，其目标用户也会存在一定的差异。因此，设计师在进行ui设计之前，需要先确定目标的用户群体，并获取用户和直接用户的需求。设计师在做用户交互的过程中要考虑到目标用户的不同，引起的交互设计重点的不同。

二、采集用户习惯

用户的年龄、性别、地域、民族等方面的差异造成了用户操作习惯的差异，这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。设计师还要找到用户希望达到的交互效果，并且以流程确认下来。

三、提示、引导用户

我们设计出的产品只是用户的一个工具，是为用户服务的，因此它应该由用户来操作和控制软件的，软件响应用户的动作和设定的规则。对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。

ui设计的一般流程是怎样的？综上所述，由于ui设计的服务对象就是广大用户群体，因此ui设计的整个过程都是需要围绕用户进行的。设计师需要根据用户的需求和操作习惯进行ui设计，才有可能提升自己产品在竞争中的优势地位。

1、UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。从字面上看是用户与界面两个组成部分，但实际上还包括用户与界面之间的交互关系。

2、界面设计不是单纯的平面设计，需要定位使用者、使用环境、使用方式并且为最终用户而设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。

3、好的UI设计基础界面要做到能够吸引人，给人耳目一新的感觉这就要求工作者不仅要具备广告创意和美工艺术，还要了解心理学，抓住用户的心理。UI设计里面最重要的就是交互设计，负责人类与机器之间的交流，这一操作要简单，便捷，直接有效。通过这一操作从而达到用户的使用目的，这也是交互设计的目的。

做一个专业的UI设计师，对UI设计行业相关知识了解清楚是很重要的。UI设计师需要学习的内容有：

1、网页设计

目前的互联网时代中，不管是运输行业、娱乐行业、电商行业的基础都是先由PC端开始的，PC端的用户需求还是比较大的。所以很多公司都需要网页设计人才岗位。

UI设计师学习步骤

网页设计根据大家所学习的知识内容点，先进行构思大方向、了解网页设计的规范等要先对一些自己偏好的网页进行临摹，在临摹的过程中不断提升自己的能力，并且构思自己的项目，再进行自己的网页设计创作，这整个过程才能够让知识掌握更加牢固、水平更能提升。

2.APP设计

移动互联网中少不了APP的一席之地。现在各种APP层出不穷，不论是小型企业还是大公司都会创作发布自己的APP，所以APP设计也成为了高薪招聘要求的一个加分点。

APP设计大概分为Android和IOS两种，所以在设计之前要牢牢记住两种的设计规范，有了这些规范基础知识才能够将APP设计的更加赏心悦目，还有一些线性图标和面性图标也是APP设计中常常用到的。因此设计出吸引用户眼球的APP，让用户有更好的体验。

3. html5

前端开发用代码实现好用户使用的页面，UI设计师学习一些代码知识，更便于和前端开发人员进行沟通，减少不必要的冲突。

4、交互设计

交互设计师对整个产品要进行把控，不论是整体上规划、原型设计还是用户体验和反馈。这个部分往往是很多UI设计师会忽略的一点，因为我们大多数设计都是从自身出发。所以说每一个作品的劳动成果都会进行用户体验反馈的调研，也能够让我们更加实际地掌握到交互设计的知识内容。