ui设计师的工作流程

平面设计的工作流程和基本操作步骤

平面设计的过程就是有计划、有步骤的渐进式不断完善的过程，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。所谓没有规矩不成方圆，做事情总要有程序和步骤的。本文就来介绍下平面设计的工作流程和基本操作步骤，希望对大家能有所帮助！

基本流程和操作

一、调查 调查是设计的开始和基础（背景知识）。设计需要有目的和完整的调查包括：背景、市场调查、行业调查（关于品牌、受众、产品等）、关于定位、表现手法。

二、内容 内容分为主题和具体内容两部分，这是设计师在进行设计前的基本材料。

三、理念 构思立意是设计的第一步，在设计中思路比一切更重要。理念一向独立于设计之上。也许在你的视觉作品中传达出理念是最难的一件事。

四、调动视觉元素

在设计中基本元素相当于你作品的构件，每一个元素都要有传递和加强传递信息的目的。真正优秀的设计师往往很"吝啬"，每动用一种元素，都会从整体需要出发去考虑。在一个版面之中，构成元素可以根据类别来进行划分，如可以分为：标题、内文、背景、色调、主体图形、留白、视觉中心等等。

平面设计版面就是把不同元素进行有机结合的过程。例如在版式当中常常借助框架（也叫骨骼），就有很多种形式，规律框架和非规律框架，可见框架和隐性框架；还有在字体元素当中，对于字体和字型的选择和搭配的好坏就是一个非常有讲究的。选择字体风格的过程就是一个美学判断的过程，还有在色彩这一元素的使用上，能体现出一个设计师对色彩的理解和修养。色彩是一种语言（信息），色彩具有感情，能让人产生联想，能让人感到冷暖、前后、轻重、大小等等。善于调动视觉元素是设计师必备的能力之一。

五、选择表现手法

手法即是技巧，在视觉产品泛滥的今天要想把受众打动以并非易事，更多的视觉作品已被人们的眼睛自动的忽略掉了。要把你的信息传递出去有几种方法呢？一种是完整完美的以传统美学去表现的.设计方式，会被受众欣赏阅读并记住。二种是用新奇的或出其不意的方式可以达到（包括在材料上）三种是疯狂的广告投放量，进行地毯式的强行轰炸。而我们更需要那一种呢？虽然三种方法都能达到目的，但我们清楚他们的回报是不同的。

我们在三大构成中学过很多种图形的处理和表现手法，如对比、类比、夸张、对称、主次、明暗、变异、重复、矛盾、放射、节奏、粗细、冷暖、面积等形式。另外还有从图形处理的效果上又有手绘类效果，如油画、铅笔、水彩、版画等等。还有其他的如摄影、老照片、等等。具体的选择取决于你的目的和目标群体，以及你的设计水平。

六、平衡

平衡能带来视觉及心理的满足，设计师要解决画面当中力场的平衡，前后衔接的平衡，平衡感也是设计师构图所需要的能力，平衡与不平衡是相对的，以是否达到主题要求为标准。平衡分为对称平衡和不对称平衡，包括点、线、面、色、空间的平衡。

七、出彩

记住，你要创造出视觉兴奋点来升华你的作品。

八、关于风格

作为设计师有时是反对风格的，固定风格的形成意味着自我的僵死，但风格同时有是一个设计师性格、喜好、阅历、修养的反映，也是设计师成熟的标志，以为“了解大同，才能独走边缘”。

原型分析：分析产品框架里面的功能结构，梳理清楚功能的层级关系，页面之间的流程以及逻辑关系。

界面视觉设计：当对产品框架全部理解了以后，就可以开始动手做设计稿了，做设计稿的时候需要注意的就是我们需要出两种版本的设计稿，一种给苹果用户，一种给安卓用户(除非公司产品只做某一种版本)。

标注切图：将设计稿进行标注，同样标注两个版本，苹果界面的一个，安卓界面的一个，标注完成以后，我们需要做的就是切图了。切图这里大家需要注意的就是要切所有设备需要的图。比如：苹果设备目前流行的是两种图，一种是@2x，一种是@3x。那么设计师在切图的时候，就需要把这两种图都切出来。

2、独立完成UI相关制作，能根据产品的设计思路设计相应配套的UI。

3、参与产品构思及软件界面优化，提出对产品界面规划，把握产品最终界面实现效果。

4、结合用户体验，优化完善设计，制定可行的产品品质提升方案。

5、维护现有的应用产品，不定期收集和分析用户对于GUI的需求等。

下面给你整理了1个来自知名大互联网企业招聘信息中的岗位工作职责：

1、负责公司移动端UI界面设计，为公司新产品与新功能提供创意及设计方案。

2、参与设计讨论，和开发团队共同创建用户界面，跟踪设计效果，提出设计优化方案。

3、参与移动产品设计体验、流程的制定和规范，以及有参与过上线项目设计实战经历优先。

4、熟悉品牌文化与产品调性，具备丰富的平面设计和广告创意设计能力。

5、熟练运用常用设计软件，具备一定插画绘制能力，对后期处理及动效设计有一定了解。

6、设计思路清晰，具有丰富的创新思维、想象力和较强的视觉感知能力。

7、具备良好的沟通协作，并且有高执行能力和抗压能力。

8、熟悉iOS和Android两大平台的设计规范，具有一定的视觉审美能力和原创设计能力。

9、熟练各种UI界面设计，图标设计，动效设计，交互设计，banner海报设计，APP设计，UE设计，小程序设计，H5设计等。

综上所述总结，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，自己拉单跑客户或者是由业务员.实习生发展的客户，进行初次谈单。叙述公司的设计能力，施工能力，包括材料的进货渠道，每个工种工人是哪里的。必要时带客户参观样板间，参观正在施工的工地。以期得到认可。

2，与客户预约，由客户带领进行量房。具体的量房一般是由设计助理进行。设计师要和客户现场沟通。针对户型特点，以及客户的要求，设计风格，大致的预算，喜好，等等。快速应变阐述自己的设计意图。

3，量房完成后，设计师或者安排助理进行cad户型图放图。再进行平面图的设计。再根据初步设计做出装修预算。

4，打电话预约客户来公司商谈设计，预算。及时进行设计，预算的调整修改。在得到客户认可后。

5，进行效果图制作。一般装修公司设计师要么是自己亲手做效果图，要么是指导设计师助理做。还有部分公司会把效果图外包，由专业的工作室或者个人承包效果图。

6，效果图完成后，再次预约客户看图。这个过程一般情况客户会提出一些修改意见。最终效果图满意后。设计师会根据图纸的修改进行预算的调整。客户会商谈预算造价的优惠情况。最终谈妥之后。

7，签单，公司与客户签订合同。这一步骤设计师需要指导，解释合同条款。

8，签订合同后，设计师根据效果图，预算，完善前期的cad设计制图。包括平面图和剖里面图。最终完成后并需客户签字认可。方可进行施工。

9，一般会在签合同的第二天，公司安排工人进场施工。同时，设计师需和施工项目负责人以及客户进行现场交底。即告知项目负责人需要注意的设计要点和难点及要求。或与工长商量具体施工要点。

10，在施工过程中，会时常进行工地巡视，以保证施工与设计的一致性。

11，客户在采购主材时，设计师也会陪同协助。把握材料与设计的风格，色调统一。

12，施工完成后，设计师也会给出软装搭配以及购买的指导建议。

以上12条，基本囊括了设计师工作流程的次序和细节。希望我的回答能帮到你。

第二步：沟通设计师及个性偏好，预算，一般不需要提前支付费用

第三步：设计师设计出软装配色方案，一般包括概念图和色彩搭配理念

整体方案一般包括：依据家庭实拍设计出的概念图、软装配色方案、平面点位图以及软装提案。

设计准备阶段主要是接受设计委托任务书，签订合同，或根据标书要求参加投标等准备工作。

设计前期准备阶段的主要工作有：

1、了解建设方（业主）对设计的要求。

2、根据设计任务收集设计基础资料，包括项目所处的环境、自然条件、场地关系、土建施工图纸及土建施工情况等必要的信息。

3、熟悉设计有关的规范和定额标准，了解当地材料的行情、质量及价格，收集必要的信息，勘察现场，参观同类实例。在对建设方意向及设计基础资料作了全面了解、分析之后确定设计计划。在签订合同或制定投标文件时，还包括设计进度安排和设计费率标准。

二、方案设计阶段

方案设计阶段主要内容包括方案构思、方案深化、绘制图纸、方案比较四个阶段。

1、方案构思

在设计准备阶段的基础上，进一步收集、分析、运用与设计任务有关的资料信息，就平面布置的关系、空间处理及材料选用、家具、照明和色彩等做出进一步的考虑，以深化设计构思。

室内初步方案的文件通常包括：

（1）平面图（包括家具布置）。

（2）室内立面展开图。

（3）平顶图或顶棚平面图（包括灯具、风口等）。

（4）室内透视图（彩色效果图）。

（5）室内装饰材料实样（墙纸、地毯、窗帘、室内纺织面料、墙地面砖及石材、木材等，以及家具、灯具、设备等实物照片）。

（6）设计说明和造价概算。

三、施工图设计阶段

施工设计阶段主要工作由三部分组成：即修改完善设计方案、与各相关专业协调、完成装饰设计施工图。

施工图是设计人员施工时的依据，其绘制方法主要是采用“施工图法”。装饰设计施工图完成后，各专业须相互校对，经审查无误后，才能作为正式施工的依据。

四、设计实施阶段

设计人员向施工单位进行设计意图说明及图纸的技术交底。工程施工期间需按图纸要求核对施工实况，有时还需根据现场实况提出对图纸的局部修改或补充。大、中型工程需要进行监理，由监理机构进行施工的进度、质量和进度控制。

施工结束后，会同质检部门和建设方进行工程验收。