Sketch建立组件库

Library 其实只是一个普通的 Sketch 文件，利用 Library，团队成员们可以在 Sketch 文件之间共享 Symbol等，并使其更新以始终保持同步。

使用Sketch的组件Symbol、文本共享样式、图层共享样式以及全局颜色变量可以将设计规范固化，便于规范的落地与规范的使用。

一、组件库理论思想

通过原子设计Atomic Design（原子、分子、组织、模板、页面），实现整个组件库的建立。

原子：

全局样式颜色、文字、容器、图标等

分子：

基础组件库

组织、模板：

业务组件库

页面：

页面模板

二、全局样式库构建

三、组件Symbol化方案

1、构建思路

组件的构建思路主要是解构、拆分、重构(嵌套设计)。

在解构、拆分、重构(嵌套设计)的基础上，实现组件的动态布局，已适应不同的业务需求：

2、组件库分类

四、业务组件

业务组件其实更像是全Symbol理念，对项目页面、以及个性化模块都要进行Symbol化。HUI提取功能公用Symbol以及项目常用业务，组成业务组件symbol库，是Atomic Design的组织、模板、页面理念。