UI设计的整个⼯作流程是怎样的？
作为⼀个专业UI设计师，不仅仅要了解整个产品在UI界⾯设计，交互设计中的⼯作流程，更需要了解整个产品从需求提出到产品上线的整个⼯作流程。
以下是互联⽹产品个部门的⼯作分配及流程：
从图中可以看到，⼀个互联⽹产品从策划到最后的上线营销，都需要由不同的部门分担其责，⽽每个部门中，根据岗位的划分，在细分到每个⼯种上来，所以⼀个互联⽹产品的开发流程，并不是单个的⼈，
或者个别的部门可以实现完成的，它是⼀个完整的团队通⼒合作的产物。部门与部门，岗位与岗位相互协作配合，才会出⾊⾼效的完成项⽬。
⼀般互联⽹公司会有⼏个部门划分：
1、产品部门（产品经理、产品专员）
2、设计部门（GUI设计师、交互设计师、前端⼯程师）
3、研发部门（构架⼯程师、程序开发）
4、测试部门（测试专员）
5、市场部门（销售、渠道、公关、品牌）
6、运营部门（客服、运维）
各部门的⼯作职责如下：
产品部门：负责产品调研，产品⽅案策划，产品原型图设计，和技术开发对接，后续可能和运营部门对接。
设计部门：负责产品视觉设计，交互设计，前端布局。有⼀些公司会把前端这⼀块划分到开发部门，理由是前端的⼯作和程序开发⼀样，都是码代码，设计部门就是单纯的只管视觉设计⽅⾯。但是这种说法其实不太正确，前端的代码实现和后台的程序开发，虽然都是码代码，但是运⽤的技术是不⼀样的，实现的功能和效果也是不相同的，所以前端⼯程师划分到设计部门会更合理⼀些。
研发部门：产品构架设计，数据库设计，前后台编码设计，后期的运维，⽹络安全。
测试部门：测试程序中的bug，编写测试计划、测试⽤例及测试报告等⽂档，优化流程。
市场部门：产品企划策略，促销活动的策划及组织，品牌规划和品牌的形象建设，市场⼴告推⼴活动和公关活动。
运营部门： SEO/SEM优化推⼴，平台活动策划（线上线下），⼴告投放，客户关系管理，数据分析。
设计部门的岗位划分通常有UI设计师、交互设计师、前端⼯程师，⼩型公司岗位划分不完善，会把交互设计师的⼯作（交互流程、交互线框、交互动效）交由产品⼈员来完成，以下梳理出UI设计师参与和需完成的流程：
⼀、需求梳理、分析
发⽣在产品开发前，以APP产品为例，会对市场和⽤户进⾏调研分析：市场定位（⽤户定位、产品定位、技术定位），市场需求分析（⽬标客户分析、竞争对⼿分析）。在前期的产品需求分析会议中，UI设计、技术⼯程师都会参与。此过程UI设计师了解清晰的⽤户定位，产品定位，竞争对⼿分析，为后期的素材收集和风格把控做准备。
在这个过程中会根据提炼的真实⽤户需求来确定产品需求，产品经理将根据沟通中的相关资料的word、ppt、jpg等等东西翻译成逻辑语⾔，最简单的就是产出⼀张产品功能脑图或者⼀份功能列表。
产品功能脑图：
产品功能列表：
⼤家开始讨论⽤户体验流程，在⽩板上边画流程边添加粗略的UI元素。之后产品经理会在纸上做⼿绘版线框图。这阶段产品经理、UI设计师、包括技术⼯程师会⼀同作⼤量的讨论，⽽且主要讨论的是流程和主要功能，因此⼿画故事版最快最⽅便并易于修改的。此环节要敲定userflow，⽤户流程及其中ui素材网站
的关键步骤，每⼀步骤都是⼀个主要界⾯。之后产品经理绘制纸质版低保真交互原型图（可借⽤专业的模板本和⼯具）
⼆、关键界⾯线框图（可不带交互功能）
初步产品功能需求梳理清楚之后，产品经理持续跟进，反复沟通，在确定的⽤户流程中，选出⼏个关键的，有代表性的步骤，做1:1细化线框图。此环节要确定关键界⾯⾥的UI元素和布局，以及全局的布局排版风格。
三、关键界⾯视觉设计
此环节UI设计师会做关键界⾯的整体视觉设计，尝试不同风格、颜⾊的搭配，UI元素的运⽤，最终确定产品的视觉设计风格。
四、全部界⾯线框图（带交互功能）
产品经理完成1:1带交互和流程的全部界⾯线框图设计并确认。
界⾯线框图（为交互功能添加释义和说明。）
线框流程图
五、全部界⾯视觉设计
UI设计师输出全部界⾯的视觉设计图，并确认。
六、界⾯标注、切图
1、在确认全部界⾯视觉稿以后，⾸先对每个界⾯进⾏标注，标注图移交前端⼯程师。标注图（像素⼤厨、蓝湖等软件）
2、界⾯切图，移交前端⼯程师
切图⽂件夹

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。