前言

要保证一个项目具有一个完整的、统一的视觉语言，就需要在设计的时严格遵守UI设计规范定义了项目的颜色、文字、图标以及各种组件。光有UI设计规范在实际项目工作中，还是会经常遇到样式不统一、文字不统一、颜色不统一等细节问题。无论是一个人完成项目设计工作，还是团队协作完成设计工作，作为UI设计师的你应该很想建立一套UI组件库吧！
先来了解Sketch的Library组件库，由控件、文本样式、图层样式（Symbol、Text style、Layer style）共同组成的Library。从UI的设计思路开始分解：页面-模块-组件-控件-样式。
接着用xmind来做个梳理，顺便把每个样式、控件、组件、图层、文本等命名规则都想好，就像小到原子都有自己的名字氢氦锂铍硼是吧。方便团队协作时的沟通哪怕是自己用也方便日后查找调用。

和图层样式有关的暂时想到的就这么多，以后要是更新样式也方便。

文本内容要考虑文本背景色，如果文本颜色和背景颜色太接近就会难以阅读。正文文本、标题和背景色之间保持在了 7:1 以上的 AAA 级对比度。

控件的内容就比较多了，这里暂时只梳理了大分类。
对以上内容作了梳理后再打开sketch开始制作Library组件库会起到事半功倍的效果。