UI设计能力质变方法论 - 设计师, 请理解什么是组件

此文是我2016年对UI设计行业的一些理解，和本身将来能力发展的规划，里面有许多观点属于本身的猜想，只是分享给你们，但愿你们有判断的阅读。 转发请标明连接。

市场逼着你变

行业现状

2016年下半年开始， UI设计领域的人才市场发生了变革：

以设计师投递简历面试为例，在2015年时，一个工做经历2年以上的设计师投递5份简历大约有1次面试机会。而在2016年下半年平均20份简历才有1次面试机会。

如何理解以上现象?

• UI设计师的从业人员在2012年开始逐年增长。
• 2016年资本寒冬，中小企业手头的资金相对紧张。
• 因为全球通货膨胀，人员薪资逐年上升。
• 预计2017年开始，移动互联网从上升期进入稳定(衰退)期。

也就是说中小企业钱少了, 人员开销成本上升了, 从业人员变多了。 竞争天然激烈了。

行业将来

一个行业从业人员越多，说明这个行业的市场越大，同行的贫富差距也会越大。

UI设计行业的将来形态有一个最好的参照物，就是平面设计领域。 或许有不少UI设计师看不起平面设计师，他们的理解是大部分平面设计师就是在路边的小广告店设计名片，展架，广告牌。这类平面设计师的薪资在2012年从4K/月均价到2016年的8K/月均价。这比起UI设计师2012年6-10K/月到2016年12K/月-25K/月的薪资范围差距很大。 其实在国内电脑刚普及的时候，当年他们的薪资等同于今年的UI设计师，一样属于社会中工薪阶层的中上层。 可是随着这个领域的泛滥，从业人员变多，平面设计师之间就被拉开了巨大差距。好的平面设计师进入4A广告公司历练， 厉害的平面设计师例如韩家英、靳埭强、陈幼坚等等都成为该领域大师。他们的收入远超一线互联网企业中的UI设计总监(年收入50W), 这些平面设计大咖月收入过几十万很轻松，一个7-8年4A经验的视觉设计师也有30-50w/年。 我预计在UI设计领域，将来也会出现这样一批精英，这个领域越泛滥，人员越多，行业精英反而越值钱。前提是精英的能力必须和行业内的人拉开一个数量级差距. 成为行业的精英，让行业从业人员泛滥变成“行业的人口红利”，也就是本文提到的主题:

设计能力须要一个质变。

向大师学习

我母亲以前问我，她们那代人想学一行，须要找到该行业的大师，去拜师学习。只有向大师学习才能成为那个行业的精英。 UI设计行业如今还太年轻，如今公认的大师还未诞生。基于这个行业的性质咱们也无从去找一个大师“拜师学艺”。 可是我认为iOS7以后的UIKit的缔造者会被评为大师之一。因此UIKit就是我心目中的大师，向它学习，和我母亲所述的价值观吻合。 一套好的UI并不仅是设计几个界面, 制定几条设计规范。他是一个系统。 我的认为iOS的UIKit的综合设计理念远超如今业界全部。

本文所指的UIKit，并非狭义的指Cocoa中开发组件UIKit。而是指从UI设计到开发组件一整套体系，这篇文章统一称做UIKit。

经过分析我把一套UIKit分为如下几个组成部分：

• 有一套本身的设计理念
• 有一套完整的设计规范
• 有一套完整的控件
• 有一套完整手势规范
• 有一套通用的默认动效
• 有一套开发者使用的代码库

以上几条组合起来能够作什么？

一个产品经理若是把功能设计完了，交互设计师必须根据苹果的设计规范进行设计，交互设计完成以后，开发人员只要使用UIKit的控件就能够把整个应用开发完成。甚至页面交互动画，弹框形式，动画都使用UIKit原生的就已经设计完了。 简单的来讲就是使用“系统原生设计”去设计产品。 因此说苹果的UI设计师已经把绝大部分产品的UI设计已经作完了，只用这一个UIKit。 客观来讲，咱们平时UI设计师的工做本质上只是替换这些系统默认设计，让咱们的App变得更有“特点”。 还记得我以前说的在小广告店的平面设计师么？这么看来，平庸的UI设计师和他们没有区别。

设计一套UI系统，达到质变

UI设计能力按个人理解分为几个阶段(贴地气的版本)：

1. 想画什么效果就能画得出来(动手能力)
2. 看到别人好的设计能够偷过来(运用能力,审美能力)
3. 能原创设计出一些很好的设计(设计能力,客观讲,这个得看发挥)
4. 能很系统的设计一套设计规范(设计风格规范能力)
5. 能设计一套完整的UI系统(视觉设计的架构能力，对UI程序实现的理解能力)

以上前4条，相信一些从业5年以上的伙伴们有的已经达到，质变就是率先到达第5条。让咱们设计的UI达到“系统原生”级别。

一套好的UI系统应该是怎么样的,怎么制做？

• 漂亮的设计风格
• 有一套合适的设计理念
• 有一套完整的设计规范
• 有一套完整的控件库
• 有一套通用的默认动效
• 交互设计师使用此UI系统能够搭建各类的通用应用

简单阐述一下项目中如何使用UI系统进行项目分工。

将来基于UI系统的分工

将来有多远? 吴晓波老师说，移动互联网出现才5年，如今已通过了峰值，到了产业转向的时间节点。 因此将来有多远我不知道，可是必定比咱们想象的近。

产品

一个一线的互联网公司应该有一个UI系统小组专门设计属于本身企业的UI系统，而且逐年完善它，就好像iOS7-iOS10同样。 而其余实际的项目组的产品经理和交互设计师只须要使用此UI系统搭建本身心目中的产品形态。 而且设计产品交互时，须要在UI系统规定的框架之中去设计，这样也能保证用户在使用此企业不一样产品时一致的体验（就比如使用iOS系统）。同时也能节省更多的设计人力成本。 产品设计中遇到UI系统未能实现的部分，须要和UI系统小组商讨，在UI系统的设计理念的范围下设计这些额外部分，而且在将来由UI系统小组把这部分优化并入UI系统。

运营

把更多的设计人力资源投放到运营中, 不论是内容运营仍是活动运营，都须要更多更好的设计师，因为运营的内容不是一致的，因此须要差别化，这刚好是设计的本质。用更有设计的运营内容用来点缀产品的差别性和展示各类新鲜的设计。会使得产品质量上一个新台阶。

UI系统是一个壳，咱们须要最漂亮的那个壳子, 用来装最漂亮的珠宝。

UI系统造就大师

若是您是这套库的缔造者，而且把此系统设计达到(超过)苹果的UIKit的高度。又若是产品达到必定的高度，在某些时段成为现象级产品。 那么在将来回头看，咱们或许会说某某，是某UI系统的缔造者，是当代无愧的UI设计领域的大师。

挑战

罗胖说得好，就是由于作不到因此才要当众许诺，以此要挟本身努力去尝试。 你能够摸索着设计一套UI系统，而且把过程分享出来给你们。

后记

以上是2016年编写的内容, 如今看前端领域, 除了UIKit, Antd 等组件库已经有本身完整的设计语言和UI系统, 在团队明晰设计语言的前提下, 使用这些组件库能够很高效的生产设计语言范畴内的产品, 预计将来愈来愈多的企业会有本身的Antd.

若是团队中的产品和设计不能很好的理解 UI系统 的概念, 不能很好的把设计语言贯穿项目始末, 就会致使与前端开发人员很是痛苦, 也失去了如今围绕组件化的开发优点.