认识达内从这里开始

我们都知道，每一个设计师和工程师都有自己的电脑，在这里我们不是说电脑的问题，而是说在这些电脑上都有他们自己积累和建造的一些资源库和模板，这些才是在工作中能够提高工作效率的利器。也许你会问了，到底有哪些资源库和模板呢？这些我们在山西达内ui培训的课程中都会有介绍的，这里就不多说了，感兴趣的朋友可以与我们的咨询老师联系了解。

下面， 我们就来了解一下，对于设计师来说，这些资源库的作用吧。

1、组件库的概念

组件库就是界面设计常用控件或元素的集合，从某种意义上说，交互设计线框图的组件库比视觉设计阶段的UI组件库价值更高。UI设计阶段，不同产品、不同项目的常用组件即使有共通之处，也一定是不完全相同的。而在交互设计的线框图阶段，一个优秀的组件库可以同时在许多项目中发光发热。

一个好的组件库，衡量标准主要包括灵活性、复用性、全面性。灵活性指一个组件的字段、icon、配色都应该可以灵活改写，以应对多样化的需求。复用性指对于通用组件，应当是可以在不同项目间复用的。全面性则指一套组件库应当覆盖尽可能多的常用元素。

组件化的初衷并非提高一致性、利于团队合作这些高大上的目的，而是人类进步的第一生产力——「懒」。消灭重复劳动是提高效率的主要途径，勤劳如小蜜蜂的设计师也不例外，那么组件化就是无论交互还是UI设计中我们不得不思考的问题。

虽然之前总是强调大家不要过分关注工具，对交互设计师而言，业务目标、流程和信息架构上的思考才是我们的核心价值所在。但这不代表工具就不需要思考和积累，一把更锋利的工具才能帮助我们把有限的时间和精力放在上面所说的核心思考上，而不是沦为埋头画图的线框仔。

2、复用性：组件库的意义

上面说到组件化是源于「懒」，并不是说组件化的作用仅限于简化重复操作。除了提高设计师个人的设计效率这一显而易见的好处之外，在交互设计阶段对常见的元素控件进行组件化，还有很多更深层次的意义：

一致性「从娃娃抓起」：从交互稿阶段开始，就让整个项目的产出物具有高度的一致性，使用同一组件库画的每个顶栏、每个列表、每个弹框都是遵循同一规则的。

与视觉设计无缝衔接：Sketch为交互设计和视觉设计阶段的无缝衔接提供了最好的平台，交互组件库可以直接交付视觉设计师进行视觉设计，形成真正的UI组件库(UI Kit)。

有助于形成设计规范：当UI组件库形成后，「设计规范的积淀」——这个贯穿交互和UI设计管理工作中的老大难问题，就已经解决了一大半了，经过评审确认的UI组件库可以直接作为视觉设计规范的一部分。

利于团队合作：无论是交互设计组件库还是UI组件库，经过整理和完善，在项目或者团队中推行开来，对项目内，或者不同项目间设计成果的一致性、合作效率都大有裨益，也有助于让整个品牌形成有效的辨识度。

既然组件化有这么多的好处，哪些元素可以进行组件化呢?其实很简单，凡是你觉得已经重复画了很多次的元素，不同场景下都会用到的元素，都可以考虑将其单独拿出来进行组件化。

3、灵活性：「Symbol套Symbol」

Sketch 41的一个让设计效率产生质变的更新就是Symbol可以内嵌Symbol了，尺寸相同的符号可以在Symbol Override的下拉列表中直接选择切换——想必大家已经等这个功能很久了。

有了「Symbol套Symbol」的功能后，在组件化时进行合理的拆分和嵌套，可以让你做出一个很”聪明“的Symbol——可以帮你「以一敌十」的那种。

虽然在第一次建立Symbol时，需要仔细考虑怎样的拆分和嵌套是最有利于设计效率的，也许会觉得太费脑子，还不如直接画多个Symbol方便。但当一个通用性很强的Symbol通过各种内嵌Symbol组合而成后，毫不夸张地说，你会发现它替代的是以往成十上百个Symbol的功能。

而当你为常用的控件制作并积累了许多这些高通用性的Symbol后，一套复用性极佳的组件库库逐渐积淀成型后，你一定会惊叹于把一个方案构想呈现在线框图上原来可以这么快。

4、全面性：循序渐进的积累过程

在积累一个个的组件，逐渐形成组件库的过程中，不要想一下子做得非常全面。组件库的积累是一个不断在项目中补充、维护和更新的过程。而且，即使一个资深的设计师经过几年的工作也很难说能积累出绝对「全面」的组件库，每个项目都有各自的特色，一个能帮我们解决70%问题的组件库已经算得上是复用性很棒的了。

同时，Sketch的Symbol可以通过命名中的「/」符号自动形成目录结构，这有助于使用组件库的设计师快速找到想要的组件，也有助于制作或维护组件库的人随时审视一个类型的组件是否有重复或者不完善的情况。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择山西ui培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。