写给 UI 设计实习生的成长指南(下篇)

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

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

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

写给 UI 设计实习生的成长指南(下篇)

产品设计基础流程

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

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

STEP1_基础要素

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

写给 UI 设计实习生的成长指南(下篇)

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

写给 UI 设计实习生的成长指南(下篇)

STEP2_着手设计

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

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

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

*页面层级划分参考

写给 UI 设计实习生的成长指南(下篇)

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

写给 UI 设计实习生的成长指南(下篇)

STEP3_设计评审

  • 视觉内部评审(视觉评审:确保视觉质量,交互设计:确保交互功能一致;统一出口)
  • 产品功能评审(确保视觉表达与产品功能一致)

STEP4_上线对接

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

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

STEP1_基础要素,拎出关键词

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

STEP2_风格探索(自创“三三原则”)

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

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

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

写给 UI 设计实习生的成长指南(下篇)

*以 SensePass 为例(曾经项目)

写给 UI 设计实习生的成长指南(下篇)

STEP3_设计主界面(依然贯穿“三三原则”)

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

写给 UI 设计实习生的成长指南(下篇)

STEP4_设计评审

  • 视觉内部评审(视觉评审:确保视觉质量,交互设计:确保交互功能一致;统一出口)
  • 产品功能评审(确保视觉表达与产品调性一致)

STEP5_输出其他界面设计

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

写给 UI 设计实习生的成长指南(下篇)

STEP6_二次设计评审

  • 视觉内部评审(视觉评审:确保视觉质量,交互设计:确保交互功能一致;统一出口)
  • 产品功能评审(确保视觉表达与产品功能一致)

STEP7_上线对接

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

遵循团队规则

1. 设计耗时评估表

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

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

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

写给 UI 设计实习生的成长指南(下篇)

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

写给 UI 设计实习生的成长指南(下篇)

2. 归于 KPI 的打分机制

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

时间节点把控

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

(设计内部评审时间节点+设计修改时间+设计输出时间节点)

写给 UI 设计实习生的成长指南(下篇)

效率且透明化的沟通

  • 设计前期:

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

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

  • 设计中期:

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

  • 设计完成后:

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

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

  • 校对期间:

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

写给 UI 设计实习生的成长指南(下篇)

输出质量的保证

写给 UI 设计实习生的成长指南(下篇)

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

写给 UI 设计实习生的成长指南(下篇)

定制化培养

针对设计师的培养,可以根据前要部分「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 实习生成长指南》已完结,希望对大家有所帮助。如第一篇结语:“其实对于管理者而言,不仅仅针对实习生甚至是团队其他成员,在用人到育人最后到向社会输出人才上,整套思维或是方法论都应该不断的思考与沉淀,或是验证再推翻革新的过程。路漫漫其修远兮,吾将上下而求索……”

给TA打赏
共{{data.count}}人
人已打赏
教程分享

登录页需要注意的设计细节和逻辑,我都帮你总结好了!

2021-5-2 17:17:06

教程分享

用这2个方法,帮你精准洞察场景中的用户需求!

2021-5-7 17:17:04

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索