草图是一个轻量级的设计工具，特别适合有条件的(Macbook)交互设计师提高审美能力，设计出更引人注目的作品。自从Sketch 3更新了符号之后，Sketch就已经和原型工具接轨，可以和原理无缝实现交互效果。本文将详细介绍草图核心功能——符号在原型设计中的正确打开方式。友情提醒：适合有一定基础的素描用户。
00-1010也有很多关于符号用法的在线教程，但或多或少都有一些问题，列举如下：
解释的太简单，混合术语很多，没有具体的例子。这部分教程来自官方中文使用手册；直接操作，项目实际应用介绍不全，仅针对学习工具，多见于民间汉语教程；介绍项目的具体应用，但跳过中间实现的步骤，以外文教程发布。所以，我想拿这篇文章来梳理一下。目标是：让大家熟练掌握符号用法，具体应用到项目中，提高交互设计的效率。
00-1010
1.写作背景
Symbol翻译为“符号”。是一个可以被多个页面反复引用的特殊群体。如果在符号中修改样式，其他页面将同时被修改。如果你熟悉Axure，应该更容易理解。是的，它的功能类似于Axure中的“master”，但它的应用在某种程度上比Axure的master更方便。
00-1010注意上面提到的符号特征：可以重复引用，可以批量修改，在所有页面生效。产品的一些元素往往会在多个页面中重复出现，比如菜单、搜索框、登录头像等。我们可以提取它们并将其创建为符号，并将其应用于以下两种常见场景。
场景一：交互设计需要制作多个页面，每个页面使用相同的控件，比如相同的菜单。
传统处理方式：复制粘贴，效率低下。
用法：使用符号而不是复制和粘贴，首先创建符号，然后在每个页面上重用符号。
场景二：一个页面上的一个控件的样式发生了变化，涉及到多个页面的变化，比如菜单背景颜色的变化。
传统处理：每页修改一遍，改到吐血。(真实的项目体验：由于一个菜单的改变，视觉设计师使用PS调整了所有100多个页面)
用法：在符号中修改，所有页面同步生效。试想一下，如果Axure没有master功能，效率值会下降多少？
场景3:提供完整和最新的可视化设计规范
传统处理：先制作页面，然后从页面中提取规范内容，形成规范文档。如果页面有了新的规范，需要更新到设计规范，最后的结果往往是更新不及时。
用法：符号库本身就是一个设计规范文档。维护符号=维护规范文档，并同步更新所有页面。
00-1010以一张数据卡为例，具体介绍如何在草图中创建、维护和应用符号，体验符号的强大功能。
00-1010我们首先以最小单位创建一个符号，例如，一个头像。先在画布上画出头像，然后右键点击头像，选择创建符号，在弹出框中输入符号的名称。
注意：符号名称应仔细输入。尽量用英文名。如果你把它加到符号名里。
斜杠 “ / ”，Sketch 会将它视为组的分隔标志，分组能方便地复用Symbol（后面详述），且符号始终会按照字母顺序排列，而不是创建时间，方便维护Symbol。
为了方便讲解，第一个Symbol的命名为“头像/Q版头像”，分在“头像”组，其他Symbol的创建同理。创建完成后，得到下图所示的基础Symbol库，其中各Symbol的命名规范如下：
头像组：头像/Q版头像；头像/美女头像文字：文字/黑色；文字/蓝色；文字/灰色背景：背景/Q版背景；背景/美女版背景
（2）复用一个Symbol
如图所示，把创建好的Symbol组合成一个资料卡，就完成了Symbol的复用，使用相同的方式，可以在多个页面复用。
有读者看到这里估计已经忍不住了：这有个卵用，跟复制粘贴还不是一个鸟样，别急，见证奇迹的时刻马上到了。如果要将Q版资料卡变为美女版资料卡，还用上面的方式组合一遍？如果只替换头像/背景呢？这个时候，我们要用到上述所提及的Symbol分组了。
右键选中头像后，依次选中“Replace With”→“头像”→“美女头像”即可，从下图也可以看出，利用“/”规范命名后，Symbol自动分好组了，更方便进行复用替换操作。
（3）维护Symbol
在页面双击任意Symbol，或者点击pages下方的Symbols，可以进入Symbols页面，在里面对Symbol进行更改即可，所有更改会生效在复用的页面用。
4.Symbol嵌套教程
随着 Sketch 39 41 两次重大的版本更新，Symbol新增嵌套功能，变得更加强大了，还是用上述的资料卡例子，来看看怎么实现资料卡的整体替换，局部替换。
（1）制作嵌套Symbol
把制作好的资料卡进行组合选取（Group Slection），里面包括多个Symbol，如图所示。
组合完成后，针对资料卡Group，生成一个Symbol，命名为资料卡/Q版，资料卡美女版本同理。
（2）复用嵌套Symbol
嵌套Symbol有两种复用方式，第一种同单个Symbol的方式，直接替换整块资料卡即可。
第二种方式才是嵌套Symbol复用的核心，如图所示，选中一个嵌套Symbol后，软件右侧出现了Overrides，里面包括多个下拉选项，这些选项实际上是由单个Symbol组成，可以通过下拉选项切换为其他单个Symbol。
如图所示，在右侧切换头像后，嵌套Symbol资料卡的头像已经更换了单个Symbol。
（3）个性化文本
这里还有另外一个功能，如果Symbol属于文本类，那么可以在右侧相应文本的地方替换为自己输入的文字即可，可以满足同一个菜单样式，不同菜单名称的情况。
5.Symbol使用小tips
同一组的Symbol尺寸应保持一致，如果尺寸不一致，替换后样式会出现问题在画步上画任意形状图形（矩形或者其他），都可以直接替换为Symbol，并且沿用Symbol的样式和视觉设计师合作维护Symbol，项目效果更佳
本文由@夜雨 原创发布于人人都是产品经理，未经许可，禁止转载。
