跳过导航
学习设计

如何在 Sketch 工作流程中融入符号

您是否充分利用了符号?

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

不熟悉符号? 查看我们的 入门系列

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

符号 🤝 颜色变量

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

您可以将颜色变量应用于符号的任何部分,无论是填充边框阴影 还是其中的 文本图层。 这将以两种方式帮助您

  1. 保持符号更新。 您对颜色变量所做的任何更改都将自动与您的符号同步。
  2. 轻松覆盖颜色。 您可以使用 覆盖面板 在颜色变量之间切换,从而可以轻松地在项目的主色之间切换。

您可以在网格或列表视图中查看所有颜色,并将鼠标悬停在它们上面以获取方便的信息,例如名称或十六进制值。

符号 🤝 样式

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

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

符号 🤝 库

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

因此,您可以将我们之前提到的所有好处——关于将符号与颜色变量和样式相结合——并在文档中成倍增加它们!

符号 🤝 智能布局

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

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

符号 🤝 交付

当需要进行开发者交付时,我们的 Web 应用程序就发挥了作用。 在 Web 检查器和画布上,我们确保符号很容易被识别为重复组件,因此开发人员可以轻松找到编写一次代码并在整个项目中重复使用的机会。 更好的是,他们可以直接从 Web 应用程序复制符号的 CSS。

请查看我们在 交付 页面上以了解更多信息

好了,就这些了! 我们是否遗漏了您最喜欢的符号组合? 请在我们的 论坛 😉 中告诉我们

您可能也喜欢

免费试用 Sketch

无论您是 Sketch 的新手,还是回来看看有什么新内容,我们都会让您在几分钟内完成设置并准备好做到最好。

免费开始
免费开始