技术文章

在 Sketch 中进行设计时，很少有功能像符号一样强大和动态。事实上，我们的许多客户以完全不同的方式使用符号——通常是为了达到相同的结果！

符号可能已经成为 Sketch 工作流程中不可或缺的一部分，但您知道如何充分利用它们吗？今天，我们将向您展示如何将符号与其他功能结合使用，以真正最大限度地发挥其威力。

符号🤝颜色变量

颜色变量 可帮助您保持设计井井有条，同时加快工作流程。您可以使用它们来存储可能会重复使用的颜色，这些颜色将在颜色选择器中显示为颜色样本。

您可以将颜色变量应用到符号的任何部分，无论是其中的填充、边框、阴影还是文本图层。这将从两个方面帮助您：

1. 保持您的符号更新。您对颜色变量所做的任何更改也将自动与您的符号同步。

2. 轻松覆盖颜色。您可以使用“覆盖面板”在颜色变量之间进行交换，从而可以轻松地在项目的原色之间进行切换。

符号🤝样式

与颜色变量类似，使用样式，您可以存储一组文本或图层样式，在您的设计中重复使用它们，甚至将它们应用于符号。当您更改样式时，它们会立即更新使用它们的每个符号。同时，您将能够使用“覆盖面板”轻松交换它们。

请记住，您可以双击深入到符号实例并选择其中的各个图层。

符号🤝 库

库是让您的设计在多个文档中保持一致的最佳方式。您可以使用它们来存储符号、文本和图层样式、颜色变量和画板模板等组件。然后，您可以使用库将对源组件所做的任何更改同步到任何其他文档。

因此，您可以利用我们之前提到的所有好处 - 将符号与颜色变量和样式相结合 - 并将它们乘以跨文档！

符号🤝智能布局

使用智能布局，您可以创建自动调整大小以适合您的内容的设计。当覆盖更改其大小时，此功能可保持符号中各层之间的填充和间距。将其应用于符号时，您可以选择水平或垂直调整大小。

处理副本更改时，只需确保您已设置文本图层的自动高度或自动宽度设置以匹配智能布局方向。

符号🤝 切换

当开发人员交接时，我们的网络应用程序就会发挥作用。在网络检查器和画布上，我们确保符号可以轻松识别为重复组件，因此开发人员可以轻松发现编写一次代码并在项目中重用它的机会。更好的是，他们可以直接从 Web 应用程序复制符号的 CSS。