写给 UI 设计实习生的成长指南（下篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

于团队：高效的管理+高质的项目输出
于实习生：快速了解团队+学习系统性知识+质量完成工作
于个人：作为一名前辈对后浪的社会责任+致力于提高国内互联网设计环境的理想

写给 UI 设计实习生的成长指南（上篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

阅读文章 >

写给 UI 设计实习生的成长指南（中篇）

作为一名在互联网行业摸爬滚打好多年的一位 UI 设计师，也在团队里带过众多 UI 设计师和实习生，所以深刻认识到无论于团队还是实习生个人来说，制定这个《实习生入职白皮书》是相当必要的。

阅读文章 >

产品设计基础流程

主要从两个维度阐述产品 UI 设计的基础流程，即针对已有产品（新增功能）和针对新产品/产品全新迭代。

1. 针对已有产品_新增功能

STEP1_基础要素

拿到项目前，先了解再动手。前期明晰基础要素会决定后续的设计风格方向

例：SensePass1.0 项目（大家可以根据这个表格去填写产品基础信息）

STEP2_着手设计

明晰本次设计目的：产品优化及迭代

• 了解产品原有设计规范：（遵循规范设计，超出规范的需要符合整体设计 DNA）
• 整理页面功能优先级：（用于划分页面主次关系，用视觉美感提升交互图的层次）
• 遵循设计基本原理：（确保设计的舒适度及合理性有理有据）
• 设计的创新表现：（视觉的美观度与提高操作功能的效率相呼应）

初级设计师很容易陷入被交互图牵鼻子的误区，整体失去视觉整合及创造力价值。主要是因为设计师未对界面进行重新思考和信息重组，导致很多时候的初级视觉设计师的图与交互图几乎一模一样。

*页面层级划分参考

页面整体划分整理页面功能的优先级（根据重要程度调整页面内容占比大小）

STEP3_设计评审

• 视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）
• 产品功能评审（确保视觉表达与产品功能一致）

STEP4_上线对接

• 上传设计图及图标切图（根据不同平台有不同的使用规则，见协同基础知识）
• 研发跟进（及时解答研发对界面的疑问，及提供相关设计素材）
• 上线后校对（100%的设计还原度需要设计师不断的校对和跟进的过程）

2. 针对新产品/产品全新迭代

STEP1_基础要素，拎出关键词

拿到项目前，先了解再动手。前期明晰基础要素会决定后续的设计风格方向（如上）

STEP2_风格探索（自创“三三原则”）

风格方向设定（根据设计专业角度为需求方提供建议，经过与需求方讨论后敲定产品风格的最终方向）

• 整理并确认产品的关键词
• 根据典型页面搜集 3 个风格方向的设计图（见下图）
• 写出优势和劣势

三三原则：同一范畴不同维度三个方向

*以 SensePass 为例（曾经项目）

STEP3_设计主界面（依然贯穿“三三原则”）

• 针对选定风格提炼设计 DNA（设计 DNA 作为设计评判的最主要标准，穿整个设计判断设计是否偏离主线的标准）
• 针对选定风格设计 3 个形式的主界面（三三原则）
• 写出设计理念及优缺点（同时对标竞品设计，设计的优点及创新点）

STEP4_设计评审

• 视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）
• 产品功能评审（确保视觉表达与产品调性一致）

STEP5_输出其他界面设计

确认风格形式后，在设计其他界面的时候，提炼设计关键词，完善并统一 DNA

STEP6_二次设计评审

• 视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）
• 产品功能评审（确保视觉表达与产品功能一致）

STEP7_上线对接

• 上传设计图及图标切图（根据不同平台有不同的使用规则，见协同基础知识）
• 研发跟进（及时解答研发对界面的疑问，及提供相关设计素材）
• 上线后校对（100%的设计还原度需要设计师不断的校对和跟进的过程）

遵循团队规则

1. 设计耗时评估表

为什么把时间评估放在团队规则第一讲，是因为团队协作过程中，我们必须要树立正确的时间观念。学会尊重他人的时间，便是对他人生命的尊重；相应的，设计师自己才会获得他人的尊重。

初级设计师在评估设计所需时间上缺少经验，但团队在管理上又需要设计师的产出量化，所以很多时候当设计师不会评估时间便会被需求方推着走，处于一种被动的状态。

作为新手，或是管理者，如何评估设计耗时以下给出我们团队对于初级设计师的评估维度表：

每个团队性质不同，所以标准耗时可做相应调整。就以上评估方式算出基础设计执行时间，但整体设计时间还需要加上：前期了解时间+设计评审时间+设计修改时间=整体设计耗时

2. 归于 KPI 的打分机制

当一个团队多人组成时，需要透明化的管理才能做到公平公正，才能更好的激发团队成员的积极性和目标感。这个章节既是让新手了解团队规则的重要性，不至于在团队迷茫；更是给管理者一个启示，标准化及透明化的管理是十分必要的，不仅避免主观评判导致的团队的不稳定性，更能激发团队成员的积极性和目标感。

时间节点把控

根据难度级别评估设计所需时间+输出时间节点

（设计内部评审时间节点+设计修改时间+设计输出时间节点）

效率且透明化的沟通

• 设计前期：

认识接手项目的相关对接人员（产品经理+交互设计+前端开发）

提前约会议了解项目需求，并评估预期点+风险点+时间节点

• 设计中期：

根据时间节点，在企业微信及时沟通

• 设计完成后：

设计输出上传蓝湖后，先知会团队（交互设计+视觉设计负责人）内部评审

内部评审确认后，微信群+邮件形式知会项目负责人

• 校对期间：

在企业微信+面对面与研发和产品经理及时沟通

输出质量的保证

根据以上为度，管理者需要每月针对同学给出一个可视化的成绩单：

定制化培养

针对设计师的培养，可以根据前要部分「UI 设计师图谱」根据设计师天赋去定义设计师是属于“系统思维型”还是“创意表现型”，再拟定设计师的初级成长的目标及方向。后续若想往全栈设计师方向发展，便可针对本身的弱势去突破训练。

1. 设计思维的提升

任务一：养成阅读与沉淀习惯：每周规划阅读书籍+文章，并沉淀读书笔记（每周三发至公共平台）

推荐书籍：《在你身边为你设计》《形式感+》《Don't make me think》

推荐网站：木子设计网/https://muz.li/

推荐 APP：Flipboard

2. 技能技法提升

任务二：不断精进手头上的功夫，即技能技法的提升。同时具备不断革新接触和学习新软件的精神。

学习软件的技能技巧可自行在 bilibili 和 Youtube 上搜索诸多免费资源。或是一些针对网站：优优教程网

二维：Sketch/Xd/Ai/PS

动态：AE/Pr

三维：C4D

技术：Unity/UE4/

3. 创意思维提升

任务三：每天 30 分钟看优秀的设计作品，并建立素材库，针对收集的素材要建立学习意识（一张图是哪方面吸引了你：构图/色彩/排版/材质/传达…有意识的收集素材，而不是一扫而过）

推荐网站：Pinterest/Behance/Dribble/开眼 APP/

4. 临摹+Redesign 界面

任务四：针对提升方向，临摹+redesign 界面（每周日发）

在收集了一定素材后可以针对性的临摹，或者再进行 redesign。针对发展方向，去挑选临摹作品。

集思广益的一章，成员自主填充相应的视觉软件技巧

此章看大家需求，后续单独可能总结一篇……

结语

在此，《管理者寄语：UI 实习生成长指南》已完结，希望对大家有所帮助。如第一篇结语：“其实对于管理者而言，不仅仅针对实习生甚至是团队其他成员，在用人到育人最后到向社会输出人才上，整套思维或是方法论都应该不断的思考与沉淀，或是验证再推翻革新的过程。路漫漫其修远兮，吾将上下而求索……”