最近在被迫做了很多视觉相关的工作，发现了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 会君
网友评论