UI组件库——工业化思维方式

首先想来聊一个话题：未来，UI设计师会被机器代替吗？ 

答案是肯定的。

Why?  国内的互联网行业已经过了上一个阶段野蛮生长，人口红利时期，到了下半场便是真正展现实力的时候了。从UI设计师的薪资水平就可以得到很好的体现，原来UI岗位的薪资水平普遍高于行业标准，那么现在呢？市场冷静下来了，原来不那么优秀的，也再也没有办法滥竽充数了，而优秀的UI设计薪资越来越高。正如那句话：只有在潮水退去的时候才知道谁在裸泳。

保持独立思考，以下三种人在职场中不那么容易被取代

1、 建立秩序者

2、做事先做人，有管理能力的人

3、本身自带背景和资源的人

第一种人：建立秩序者，什么是秩序？秩序就是一种规范。大到一个国家的法律，小到一个家庭一日三餐吃什么，建立秩序者制定规律和标准，有着毋庸置疑的话语权。前提是有足够的能力建立这套规则、推行并有效实施。

第二种人：有管理能力的人，什么是管理？管理是你感觉不到被管理，而是找到归属和认可。我见过的优秀管理者，无一例外给人的印象：跟他接触，你能很清楚地感觉到对方很尊重你，而且他能给你真正的帮助，你心甘情愿地被管理。

第三种人：本身自带背景和资源的人，这种就不用多说了，总是让你羡慕忌妒恨的那一小群人。

建立组件库，不仅能提高你在团队里的重要性，是一件利己利他的事情。言归正传，那么我在工作中是如何从0-1地建立一套控件库呢？

首先：审视一下我们的原型和产品文档，理清我们的思路，打开思维导图软件MindNote，把要做的都罗列出来，这一步把可能的都写出来，后期我们发现也许没有这么多，再来修改也没关系，这一步很锻炼你的抽象思维能力；

照着思路，一步步去做，首先是基础样式/颜色，一般会根据你的产品特质来制定色系，这一步需要你有很好的色感，明度和纯度，还有对整体色调的把握，有时候也可以先做一个主要页面来模拟下，看看效果；

确定我们色彩规范之后，将颜色控件化得到下图中的可选项，功能色中性色都已经包含在里面，这时候我们可以在更多的页面中沿用了；为了更清晰，我在这里建议把色号也在上图中标出来，信息尽量明确一些；

接下来，当我们通过评审把一些核心页面确定下来之后，就可以规范化了，这就好比盖高楼之前可以在平地的时候就把一些部件组准备、组装好，到时候再来“搭积木”；

在这一步有一个非常关键的小窍门要提醒大家，就是我们控件的命名方式，命名中的“/”在sketch中是分组的作用，比如：Buttons/card/white

好了，以上就是在工作中摸索和积累到的经验，如果能帮到大家便是我的荣幸！谢谢～