UI设计师的工作流程,ui设计的流程

UI设计入门的小伙伴肯定会问UI设计师的工作流程,ui设计的流程到底是怎样的呢？我接到一个任务的时候该怎么处理呢？今天设计先锋小编就给大家分享一下UI设计师的工作流程：

首页我们大致的说一下一个应用产品从起初的规划到产品上线的一个大致流程：

1、产品定位与市场分析阶段 

2、用户研究与分析阶段 

3、架构设计阶段 

4、原型设计阶段

5、界面设计阶段

6、界面切图标注输出阶段

7、技术开发阶段（此阶段UI设计师偶尔需要和技术开发进行沟通）

8、产品测试阶段（此阶段UI设计师需要参与到UI测试中来，保证产品的UI和设计稿出入不大）

9、产品上线预热阶段（此阶段UI设计师可能需要参与进来设计一些宣传banner图海报等）

10、产品正式上线

11、产品运营阶段（此阶段UI设计师可能需要参与进来设计一些活动专题,活动图标,banner图海报等）

上面基本上就是一个产品从规划到正式上线供用户使用的大致阶段，当然上面的流程中可能有产品、市场、设计、开发、测试等各个部门参与进来，但是需要我们UI设计来参与完成的基本就是标红加粗的这几项！

上面的流程中，设计师主要参与的就是第5和第6阶段，那么接下来我们重点来说下当UI设计师拿到一个产品原型后的工作流程：

１、接到UI设计项目RP线框图（就是原型图），并与pm(产品经理)交流下 。详细了解项目RP图所处的位置，是一级页面还是二级页面，每一级都需要PM阐述它的功能特点，同时下一级要需要PM交待接下来的工作流程。询问下原因（寻找优化点）。

2、对着RP线框图沉思10分钟，思考layout没画出来的所有情况。

举例一个文本输入框，穷举空白原始状态（提示文字）、输入文本中（各种剩余字数提示、键盘杂弹出）、文本输入完（如何删除）等等，UI虽然做的时候是做一个“页面”，但是不仅仅是一个状态，其他的也要加入考虑。

3、去网查查资料，看看同类的设计是如何处理和设计的。还有是如何配色、布局相对大小、可能涉及的图标等等。

4、开工，一般先设计一个首页和列表页，然后与PM交流并仔细询问意见，确定整个产品的风格和配色（千万别把所有的页面都设计完然后才和产品或者老板确认，那样万一老板不喜欢这种配色或者风格，那你前面的工作就白做了，接下来等你的就是熬夜加班吧！）

主要要得到以下信息：

配色是否可以、风格是否可以、布局是否合理（大小要适中）、重点是否突出、UI调整的是否合理（有时候产品思考实用性，UI会从美观性进行一些调整）

5、和产品或者老板看过设计稿后一般都会返回一些修改意见，比如配色、风格等等。接下来我们就收集意见后放松以下...继续往下整。循环整－交流－整，这个流程...直到定稿。

6、确定了风格和配色后接下来我们就要花大量的时间来完成余下的设计任务啦！

7、等到所有的页面UI设计完成后继续让产品和老板确认剩余的页面，看看有没有漏页面或者有没有需要修改的页面，接下来我们就收集意见后放松以下...继续往下整。循环整－交流－整，这个流程...直到定稿。

8、UI设计定稿后：我们开始对UI设计稿进行切图、给稿子打标注等，完成后将这些东西交给程序开发人员，以及和程序员耐心交流。

9、开发中间技术人员偶尔需要和UI设计师进行沟通调整部分UI设计或切图。

10、产品开发完成后需要参与到产品的测试中来，UI设计师重点测试UI的界面美观度和设计稿是否一致，不一致的话和技术开发沟通调整

11、产品上线前一般都有一个宣传预热阶段，这个阶段UI设计师一般需要根据市场或者产品经理提出的文案等设计一些宣传的banner图或海报设计。

12、产品上线后就是漫长的正式运营阶段了，这中间UI设计师一般的工作就是配合市场做一些活动的banner图或专题图标等等。

13、一般一个产品都会有不同的版本，比如V1.0版本，那么产品上线运营一段时间后，根据市场和用户的反应，产品可能会有新的需求那么UI设计就要开始新的版本迭代的设计工作中去了，流程重新从第1步开始啦！