UI设计师到底要做什么。今天千锋就来为大家介绍一下UI设计的工作流程，相信即使是零基础的小伙伴也可以轻松理解。
首先，大家要知道，UI设计的整个工作流程有许多人的参与。第一个是产品经理，主要的工作是竞品分析等工作，也是UI设计最核心的一个领头人物。
第二个交互设计师，根据产品经理提供的方案，设计出一套原型图设计。第三个视觉设计师，工作内容是根据交互给的原型图，设计出视觉图。其实无论是交互设计师，还是视觉设计师都统称为UI设计师。
第四个程序员，根据视觉设计师提供的图片，用代码的方式实现其功能，也就是开发APP的过程。第五个运营，负责把已经开发出来的APP推广出去，让更多人来的使用这个产品。
归纳起来就是，产品定位与市场分析阶段，主要由产品经理负责牵头，相关需求部门与产品需求专员、市场人员进行多次会议研讨，经过上级领导同意，确立好需求后即将进入交互设计阶段，这也是UI设计的主要阶段。下面是一个UI设计师的具体工作流程：
1、了解项目分析需求文档
2、草图快速沟通
3、设计开工前沟通需求
4、视觉设计
5、界面输出
（1）目的（配合好技术开发人员完成相关的界面规范沟通、设计需求沟通）
（2）主要执行人员（技术）
（3）沟通（UI、UE、需求部门、销售）
（4）UI设计师的主要职责（对界面设计阶段的最后结果配合技术部门实现界面设计的实际效果）
6、可用性测试阶段
（1）目的（针对一致性测试；信息反馈测试；界面简洁性测试；界面美观度测试；用户动作性测试；行业标准测试）
（2）主要执行人员（技术开发测试部门）
（3）沟通（UI/UE、技术开发部门、产品需求部门、营销运营部门）（4）、UI设计师的主要职责（可用性的循环研究、用户体验回馈、测试回馈、UI人员把可行性建议进行完善）
7、产品上线
8、开发后期，细节跟进
9、项目总结
完成了设计工作后，要做的事情就是出一份视觉规范，然后检查一下整体的视觉层级。无论是小型项目还是大型项目，视觉规范都有其存在的必要性。无论是对你自己，还是对于同事，都能起到很好的规范作用，避免不一致的设计。
作为一个专业UI设计师，不仅仅要了解整个产品在UI界面设计，交互设计中的工作流程，更需要了解整个产品从需求提出到产品上线的整个工作流程。
以下是互联网产品各部门的工作分配及流程：
从图中可以看到，一个互联网产品从策划到最后的上线营销，都需要由不同的部门分担其责，而每个部门中，根据岗位的划分，在细分到每个工种上来，所以一个互联网产品的开发流程，并不是单个的人，或者个别的部门可以实现完成的，它是一个完整的团队通力合作的产物。部门与部门，岗位与岗位相互协作配合，才会出色高效的完成项目。
一般互联网公司会有几个部门划分：
1、产品部门（产品经理、产品专员）
2、设计部门（GUI设计师、交互设计师、前端工程师）
3、研发部门（构架工程师、程序开发）
4、测试部门（测试专员）
5、市场部门（销售、渠道、公关、品牌）
6、运营部门（客服、运维）
各部门的工作职责如下：
产品部门：负责产品调研，产品方案策划，产品原型图设计，和技术开发对接，后续可能和运营部门对接。
设计部门：负责产品视觉设计，交互设计，前端布局。有一些公司会把前端这一块划分到开发部门，理由是前端的工作和程序开发一样，都是码代码，设计部门就是单纯的只管视觉设计方面。但是这种说法其实不太正确，前端的代码实现和后台的程序开发，虽然都是码代码，但是运用的技术是不一样的，实现的功能和效果也是不相同的，所以前端工程师划分到设计部门会更合理一些。
研发部门：产品构架设计，数据库设计，前后台编码设计，后期的运维，网络安全。
测试部门：测试程序中的bug，编写测试计划、测试用例及测试报告等文档，优化流程。
市场部门：产品企划策略，促销活动的策划及组织，品牌规划和品牌的形象建设，市场广告推广活动和公关活动。
运营部门： SEO/SEM优化推广，平台活动策划（线上线下），广告投放，客户关系管理，数据分析。
设计部门的岗位划分通常有UI设计师、交互设计师、前端工程师，小型公司岗位划分不完善，会把交互设计师的工作（交互流程、交互线框、交互动效）交由产品人员来完成，以下梳理出UI设计师参与和需完成的流程：
一、需求梳理、分析
发生在产品开发前，以APP产品为例，会对市场和用户进行调研分析：市场定位（用户定位、产品定位、技术定位），市场需求分析（目标客户群分析、竞争对手分析）。在前期的产品需求分析会议中，UI设计、技术工程师都会参与。此过程UI设计师了解清晰的用户定位，产品定位，竞争对手分析，为后期的素材收集和风格把控做准备。
在这个过程中会根据提炼的真实用户需求来确定产品需求，产品经理将根据沟通中的相关资料的word、ppt、jpg等等东西翻译成逻辑语言，最简单的就是产出一张产品功能脑图或者一份功能列表。
产品功能脑图：
产品功能列表：
大家开始讨论用户体验流程，在白板上边画流程边添加粗略的UI元素。之后产品经理会在纸上做手绘版线框图。这阶段产品经理、UI设计师、包括技术工程师会一同作大量的讨论，而且主要讨论的是流程和主要功能，因此手画故事版最快最方便并易于修改的。此环节要敲定userflow，用户流程及其中的关键步骤，每一步骤都是一个主要界面。之后产品经理绘制纸质版低保真交互原型图（可借用专业的模板本和工具）
二、关键界面线框图（可不带交互功能）
初步产品功能需求梳理清楚之后，产品经理持续跟进，反复沟通，在确定的用户流程中，选出几个关键的，有代表性的步骤，做1:1细化线框图。此环节要确定关键界面里的UI元素和布局，以及全局的布局排版风格。
三、关键界面视觉设计
此环节UI设计师会做关键界面的整体视觉设计，尝试不同风格、颜色的搭配，UI元素的运用，最终确定产品的视觉设计风格。
四、 全部界面线框图（带交互功能）
产品经理完成1:1带交互和流程的全部界面线框图设计并确认。
界面线框图（为交互功能添加释义和说明。）
线框流程图
五、 全部界面视觉设计
UI设计师输出全部界面的视觉设计图，并确认。
六、 界面标注、切图
1、在确认全部界面视觉稿以后，首先对每个界面进行标注，标注图移交前端工程师。
标注图（像素大厨、蓝湖等软件）
2、界面切图，移交前端工程师
切图文件夹
切图文件
至此，UI的工作流程才算完成，但是现实项目中，很多环节是一个交替迭代的过程，需要不停地修改和优化，包括整个流程进入到开发以后，也会需要UI设计师协同调整，所以UI设计师的工作，不单单是只完成单纯的界面视觉设计，前面包括用户定位，线框绘制，流程梳理，交互实现，后面包括前端布局，很多环节，UI设计师都必须参与进来，只有多角度地了解项目，了解各岗位的工作流程，才能做出符合市场需求，符合用户需求的产品。
UI设计的工作流程会根据公司性质、规模、项目性质、项目规模、UI职能要求等的不同有所区别。
UI设计参与完成的流程大致为：
1. 参与需求评审，理解PRD
2. 用户调研、情绪板梳理（主要针对一些对体验、视觉要求很高的产品，需要更加多关注人的设计，不是必要流程）
3. 交互设计
4. 视觉设计
5. 视觉评审（视觉稿确定过后）
6. UI走查、验收（开发提测后，发布前）
在工作过程中，可能会组织团队成员对设计方案、项目进行复盘，这样细致的分工会把每个环节都打磨得非常到位。我们再来细分工作中的每一步，具体的工作内容是什么？
1.参与需求评审，理解PRD
一个项目全员开始动工，应该就是从需求评审开始。在产品理清楚需求后，会输出PRD或者原型草图，依据PRD或者原型草图来和项目组的全体成员澄清需求。在需求澄清会中，项目组成员会对需求、操作流程、业务逻辑等提出不同的问题，产品完善问题。需求澄清不会一次就让项目组全体成员清晰的明确所有需求，产品会根据大家的疑惑去不断完善需求内容，在多次的需求澄清后，大家达成一致的共识，正式开始动工。
在这个过程中UI设计需要：
（1）反复和产品沟通，确认，协助产品给出原型草图。
（2）协助产品明确产品的市场定位、产品定义、客户群体、运行方式等。
2. 用户调研、情绪板梳理
产品、UI、UE等相关人员会依据产品的定位、竞品分析、目标用户的使用场景、需求、心理等提出用户的研究报告。
在这个过程中UI设计需要：
（1）参与讨论，输出纸稿线框稿、用工具制作线框图。
（2）协助产品初拟产品设计方向和思路，提出可用性设计建议。
3. 交互设计
交互设计阶段一般由交互设计师（UE）和产品一起制定，根据可用性分析结果制定交互方式、操作流程、跳转流程等。在线框图阶段去设计交互流程，可以减少由于交互流程改变而带来的视觉设计的改变。这个阶段会输出原型图，以支持后面做详细的视觉设计。很多公司没有专职的交互设计师，交互设计由产品或者UI完成。
在这个过程中UI设计需要：
（1）这个过程，UI可以依据上一个流程中的输出，初步设计产品的风格，然后和产品不断推敲。
（2）原型设计的不断完善，纸质草图-线框图-低保真-高保真（高保真原型成本较高，很多小规模的公司都不做高保真原型设计）。
4.视觉设计
视觉设计阶段，UI根据界面原型，对界面原型进行视觉效果的处理。该项目组的UI在明确界面风格、要求后，开始制作所有界面的视觉设计
在这个过程中UI设计需要：
（1）确定整个界面的风格、界面、窗口、图标、色调、按钮的表现。
（2）完成所有界面的视觉设计，交出最终的视觉稿。
5. 视觉评审
在视觉稿确定之后，UI设计组针对界面做一致性测试、简洁性测试、美观度测试、用户体验测试、行业标准测试等。然后召集项目组所有人员召开原型的可用性测试评审会，发现可用性问题并提出修改意见。当视觉评审过了之后，配合技术部门实现界面设计的实际效果。
在这个过程中UI设计需要：
（1）针对提出的问题，对界面进行不断的完善。
（2）参与视觉评审全过程。
（3）配合技术部门实现界面设计的实际效果，给出最后的界面效果图，标注好距离、 尺寸、颜色、文字大小等。
（4）输出前端开发工程师需要的切图。
6. UI走查、验收
在发布前，测试会针对可用性、用户体验、测试界面等对设计问题进行一下回馈，在依据这些问题把设计工作进行细节调整。再正式发布之后，收集市场上真实的用户体验并记录，为下个版本提供强有力的市场需求。
在这个过程中UI设计需要：
（1）不断完善界面设计。
（2）UI人员把可行性建议进行完善，不断总结以备以后产品设计升级。
当然，以上谈到的UI设计工作只是一个大致的流程，一个项目UI参与的流程肯定是会依据公司性质、规模、项目性质、人员配比等不同，所做的工作有所缩减或精分。
