Sketch最强功能 —— Symbol

最近在被迫做了很多视觉相关的工作，发现了Sketch最强功能 Symbol，能够通过创建Symbol样式大大提高设计效率。

优势：

1，清晰：帮助设计师梳理清楚最小化的组件粒度，强交付能力。

2，一改全改：应对评审后变化的设计需求。

3，强大的组件化能力：任意元素均可以组件化

4，强大的配置能力：组件内状态切换、icon替换等

限制：

适配性差：内容跨行等情况下，不会自动适配，需要右键从组件抽出Detach from Symbol，对当前样式单独定义。

---

如何操作

1，创建一个TitleBar样式，把页面元素都铺陈上

设计完成的Titlebar

2，选中TitleBar，鼠标右键，选择Create Symbol 创建一个组件

3，给组件命名，以“大分类/名称”的路径格式命名，（注意，最多不要超过3级，每一级不要超过20个，不然很难找），假设我以AA/BB，AA/CC，为名称命名了2个组件，那BB、CC这两个组件均属于AA这个组。

命名对话框

在Insert的Symbols/AA分类下就会找到这两个组件

4，选中任意一个Symbol，能够被更改的内容会显示在右边的Overrides上根据场景定义当前文案。（Tips：创建模板的时候，请严格命名，原因是图层名和类型名会作为Overrides里的标题/提示存在）

Override属性列表，在Sketch界面右侧

同样的模板可以通过更改Overrides来应用到不同的场景

5，彩蛋，可以通过Overrides组合配置 icon、字、区域来表现一个组件的多个状态，也可以是一个状态的多个组件。

在同一个目录下，放置一个类型组件的不同状态，相同字段已设置的Overrides文案是可以自动保留的

例如我都设置了主文案是Hello，描述是word，切换不同状态时会保留文字。

To 会君