五.产品设计基础流程

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

5.1针对已有产品_新增功能

·STEP1_基础要素

拿到项目前，先了解再动手。前期明晰基础要素会决定后续的设计风格方向例：SensePass1.0项目（大家可以根据这个表格去填写产品基础信息）

·STEP2_着手设计

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

01.了解产品原有设计规范：（遵循规范设计，超出规范的需要符合整体设计DNA）

02.整理页面功能优先级：（用于划分页面主次关系，用视觉美感提升交互图的层次）

03.遵循设计基本原理：（确保设计的舒适度及合理性有理有据）

04.设计的创新表现：（视觉的美观度与提高操作功能的效率相呼应）

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

*页面层级划分参考

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

·STEP3_设计评审

01.视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）

02.产品功能评审（确保视觉表达与产品功能一致）

·STEP4_上线对接

01.上传设计图及图标切图（根据不同平台有不同的使用规则，见协同基础知识）

02.研发跟进（及时解答研发对界面的疑问，及提供相关设计素材）

03.上线后校对（100%的设计还原度需要设计师不断的校对和跟进的过程）

5.1针对已有产品_新增功能

·STEP1_基础要素，拎出关键词

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

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

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

01.整理并确认产品的关键词

02.根据典型页面搜集3个风格方向的设计图（见下图）

03.写出优势和劣势

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

*以SensePass为例（曾经项目）

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

01.针对选定风格提炼设计DNA（设计DNA作为设计评判的最主要标准，穿整个设计判断设计是否偏离主线的标准）

02.针对选定风格设计3个形式的主界面（三三原则）

03.写出设计理念及优缺点（同时对标竞品设计，设计的优点及创新点）

·STEP4_设计评审

01.视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）

02.产品功能评审（确保视觉表达与产品调性一致）

·STEP5_输出其他界面设计

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

·STEP6_二次设计评审

01.视觉内部评审（视觉评审：确保视觉质量，交互设计：确保交互功能一致；统一出口）

02.产品功能评审（确保视觉表达与产品功能一致）

·STEP7_上线对接

01.上传设计图及图标切图（根据不同平台有不同的使用规则，见协同基础知识）

02.研发跟进（及时解答研发对界面的疑问，及提供相关设计素材）

03.上线后校对（100%的设计还原度需要设计师不断的校对和跟进的过程）

六.遵循团队规则

5.1设计耗时评估表

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

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

作为新手，或是管理者，如何评估设计耗时以下给出我们团队对于初级设计师的评估维度表：每个团队性质不同，所以标准耗时可做相应调整。就以上评估方式算出基础设计执行时间，但整体设计时间还需要加上：前期了解时间+设计评审时间+设计修改时间=整体设计耗时

5.2归于KPI的打分机制

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

01.时间节点把控

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

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

02.效率且透明化的沟通

·设计前期：

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

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

·设计中期：

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

·设计完成后：

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

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

·校对期间：

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

03.输出质量的保证

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

七.定制化培养

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

01.设计思维的提升

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

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

·推荐网站：优秀网页设计/UI中国/https://muz.li/

·推荐APP：Flipboard

·推荐公众号：IXDC/UXDA/UX小学

02.技能技法提升

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

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

·二维：Sketch/Xd/Ai/PS

·动态：AE/Pr

·三维：C4D/

·技术：Unity/UE4/

03.创意思维提升

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

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

04.临摹+Redesign界面

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

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

八.技巧干货

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

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

·结语

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

其实整篇我是整理了PDF给团队内部分享的白皮书，方便横向的观看更为直观，若需要就小窗我私发吧～

感谢～

感谢各位的支持和点赞，给我更多继续的动力。整理和原创不易，若受用就请给我一个赞吧，也欢迎各位一起讨论～

Powered by Froala Editor