「 本文参与 少数派 2017 年度征文 」

2017 年，Sketch 从 Version 42 更新到了 Version 48，每个版本都带来了许许多多实用的功能和变化，其中对我来说最喜欢的应该是 Libraries 功能，也是这个功能对我使用 Sketch 的方法带来了很大的改变。

先看一下最终效果

在 Sketch 增加了 Libraries 功能之后，我就一直在思考，怎么将自己常用到的内容，都整合成一个自己的 Library，不仅包含自己常用的内容，又可以结合 Symbol 的特性达最大的可定制性，下面就是我最后实践出的结果。

通过我制作好的 Library，就可以很轻松的完成我日常工作的需要，简化我的工作流程和重复劳动了。

从最基础的 Symbol 说起

Library 归根到底，就是将自己创建的 Symbol 集合在一起，并且可以在任何的一个 Sketch 文件中插入使用。那么如何使用好 Symbol 功能就是关键了。

1. Symbol 与 Overrides

Symbol 是将你要使用的元素整合在一起，方便你的重复使用，当你对 Symbol 进行更改后，所有使用到该 Symbol 的地方都会同步更新。Symbol 最重要的一个功能是 Overrides，你可以对 Symbol 中的元素进行重新定义，也正是这个功能，可以让 Symbol 做到可定制性，最基础的 Overrides 包括文字和图像。

从「Insert - Symbol」中插入 Symbol 时，会根据字母顺序进行排序，当你 Symbol 的名称用「/」来分割，会根据相同名称来进行分组排列。

2. 嵌套 Symbol

当明白了 Symbol 最基础的用法之后，下面来说一下如果进一步的提高 Symbol 的可定制性。Symbol 是可以进行嵌套了，在 Symbol 中是可以添加其他 Symbol，并且同样支持 Overrides。利用这个特性，我们可以使得 Overrides 变得更加强大，满足我们针对不同条件显示不同内容的要求。例如，我们可以用这个特性，来制作可以更换颜色的 icon。

1. 创建所需颜色的矩形，并将该矩形创建为 Symbol
2. 将添加好的颜色矩形 Symbol 放到 icon 图层上面
3. 使用 icon 对颜色矩形做 Mask（蒙板）操作
4. 将 icon 和颜色矩形一起创建为 Symbol
5. 这个 icon  Symbol 的 Overrides 选项中就可以选择不同的颜色矩形 Symbol 来更换 icon 的颜色了

当我们嵌套了 Symbol 时，嵌套的 Symbol 也是可以 Overrides 的，这样会造成我们添加了一个带有嵌套的 Symbol，它的 Overrides 选项会有很多，会给我们带来很多的困扰，因为有些用得到，有些用不到，而有些我们并不知道是用来控制哪些部分的，那么我们可以通过一些小技巧来使我们的 Overrides 更加的易用。

• 禁用不需要的 Overrides 选项
  

当你不想让某个元素出现在 Overrides 的选项中时，你可以将该元素进行锁定，你只需要选中该图层，然后点击方菜单栏中的 「Arrange - Lock Layer」或者使用快捷键「⇧ + ⌘ + L」就可以了，锁定后的图层会出现一个锁的 icon 来标明。

• 通过命名明确 Overrides 用途
  

可以对需要 Overrides 的图层进行命名，来改变 Overrides 选项中显示的名称，这样可以更加明确每个选项的作用。当你嵌套 Overrides 时，可以在命名中加入「↳」符号来命名，可以更加明确 Overrides 选项的层级关系。

3. 可以自适应的 Symbol

Sketch 中可以使用 Resizing 工具，来保证元素在伸缩时可以根据设定的条件来进行自适应。Symbol 同样可以使用 Resizing 工具，来保证 Symbol 在缩放的时候，可以得到正确的自适应显示。

1. 在不设定自适应设置时，放大 Symbol，两个端点的形状会发生变形
2. 双击该 Symbol，进入编辑状态
3. 选择左上角的端点图层，在 Resizing 工具中，设置 「Fix Width & Fix Height」（固定图层宽和高的大小），并设置该图层固定在左边和上边
4. 选择右下角的端点图层，在 Resizing 工具中，设置 「Fix Width & Fix Height」（固定图层宽和高的大小），并设置该图层固定在右边和下边
   
5. 再次放大该 Symbol，两个端点的大小不会改变，并且会固定在正确的位置上

多个 Library 分开管理

你在一个 Library 文件中，可以插入另外一个 Library 的内容，当一个 Library 更新后，所有引用了这个 Library 中元素的地方，都会进行同步的更新。这样，我们将我们 Library 根据不同的功能来分开管理，我们可以创建专门管理颜色的 Library，管理 icon 的 Library 等等，通过这样的细化，我们可以将复用性比较多的 Library 拆分出来作为一个 Library 进行单独管理，这样既方便了重复使用，也方便了统一进行修改。

1. 将含有颜色 Symbol 的文件作为 Library 导入 Sketch
2. 在制作 icon Symbol 时可以引用含有颜色 Symbol 的 Library
3. 当颜色 Library 发生了改变，进入引用了该颜色的 icon Symbol 的文件时，会提醒 Library 有更新
4. 同意更新 Library 后，所有相关的内容，都会一起更新

总结