如何使用 Sketch 创建符号

今天，您将学习如何充分利用符号——从您创建它们的那一刻起。符号可以简化您的设计流程，节省您的时间，帮助您坚持品牌的风格等等。

在这篇文章中，我们将带您了解符号的基础知识，并探讨全球数百万设计师每天如何以及为何使用它们。

什么是符号？

简单来说，符号是一种特殊的画板，其中包含可以重复使用和更新的图层。您可以在整个项目中无限复制此图层组。

自从我们在 2014 年推出符号以来，它们已成为全球设计师的主流。这是有充分理由的。符号是现代设计工具的关键功能，允许您在文档中的任何位置重复使用关键组件。对于设计师和您的整个团队来说，它们都是一个巨大的省时工具——稍后会详细介绍。

符号如何工作？

一旦您开始使用符号，“源”和“实例”这两个词将成为您设计过程中的常用词。

您可以将符号源视为模板，即您可以复制到整个文档中的原始元素。您对符号源所做的任何更改都将反映在其所有副本中。您可以通过将符号插入到您的设计中来创建副本。我们将这些副本称为符号实例——或简称实例。与符号源不同，您可以编辑单个实例，而不会影响文档或图库中的其余副本 — 或源本身。

您对符号源所做的任何更改都将影响现有实例。在此视频中，我们可以看到更改符号源的背景颜色如何更改其两个实例。

为什么要使用符号？

符号可以节省大量时间，尤其是在您在设计中多次使用相同的元素（例如按钮或图标）时。在上面的视频中，我们可以看到如何通过直接编辑符号源来快速更改多个按钮的背景颜色。在下面的视频中，您可以看到如何通过编辑一个实例来更改单个按钮的行动号召，而不会影响任何其他实例或符号源。

以下是符号的其他一些用例

• 日常设计。由于大多数设计项目都会经历多次迭代，因此符号在应用于整个设计时最有用。通过使用符号，您只需在符号源中更改它们，即可更新副本、颜色、徽标等。对于那些最后一刻的要求来说，这是一个完美的技巧 😉
• 协作项目。即使您必须将设计移交给团队中的其他设计师，符号也可以让您掌控自己的设计。通过限制人们可以在您的符号中编辑的内容，您可以确保您的徽标字体和品牌颜色永远不会改变，同时仍然让协作者可以自由地创建新设计和编辑现有副本或画板尺寸——非常适合设计系统！
• 用于开发者交付。符号可以像帮助设计师一样帮助开发者。在将您的设计变为现实时，使用重复元素（例如我们的按钮）更容易，因为他们可以在整个项目中重复使用代码。然后，这只是一个自定义问题。同时，您可以替换或移动尺寸相等的组件，而无需调整整体布局。如果可能的话，最好在创建符号之前与您的开发者聊天，以确保结果尽可能方便开发。

何时使用符号？

掌握符号的关键是了解何时将它们融入到您的设计流程中。对于一次性使用的元素（例如插图），您可以像往常一样手动创建它们。但是，当您使用重复元素时，符号可以成为您最好的盟友。

如果您不确定符号是否适合您当前的项目，请问自己

• 我是否在一遍又一遍地重复相同的操作？
• 我是否在同一文档中重复复制和粘贴元素？
• 是否有类似的元素可以用作该元素的起点？

如何创建符号？

您可以从组、画板甚至选定的图层创建符号。从简单的元素到复杂的屏幕，当涉及到符号时，天空才是极限。

当您确定要转换为符号的元素后，单击工具栏中的图层 > 创建符号，或在键盘上按 ⌘Y。然后，您需要为符号命名并决定将其放置在何处。如果您计划创建更多符号，我们可以在文档中添加一个专用页面，其中包含所有符号。或者，如果您愿意，您可以将它们保留在您正在处理的页面上。

可以返回吗？

我们知道设计过程涉及大量的试验和错误，因此如果您在创建符号后对其进行更改，请不要担心。符号源是完全可编辑和可逆的。

要将符号恢复为常规图层，请选择符号源，然后从菜单栏中选择图层 > 将符号转换为画板。这将把符号源及其所有实例恢复为常规图层组。

如果您想分离单个实例，请按住 Control 键单击该实例，然后选择从符号分离或单击检查器中的分离。您现在将拥有一个独立的图层组，您可以随意编辑。 简单！

如何开始使用符号

让我们假设您有一个文档，其中充满了占位符框，等待着您的新徽标设计。现在您知道符号对这个过程有多大的帮助，您已经从您的徽标创建了一个符号。那么现在，您如何用您徽标的符号替换那些占位符框呢？您所要做的就是按住 Control 键单击一个图层，选择替换为，然后选择您需要的符号。它将自动调整大小以适应图层的当前大小，因此无需担心缩放或将符号放入设计中。

下一步是什么？

说到充分利用符号 (Symbols)，我们才刚刚开始。既然您已经知道符号可以帮助您节省时间并保持设计一致性，那么是时候更上一层楼了。下次，我们将探索如何编辑和调整符号的大小。敬请关注👀