感觉您的工作流程需要一点动力吗? 让我们谈谈 Symbol! 也许您已经尝试过 Symbol,但尚未 完全将它们集成到您的工作流程中。 或者您可能是 Sketch 的新手(欢迎!)。 无论哪种情况,这篇文章都适合您。
下面,我们将带您了解 Symbol 可以帮助您更好地设计和更快地工作的关键方式。 您可能会发现一些以前没有想到的用途!
但首先,快速回顾一下。
Symbol 是什么?
简单来说,Symbol 是一种特殊的 画板,其中包含您可以重复使用并在任何地方更新的图层。 您可以在项目中无限复制 Symbol,从而可以轻松地在文档中的任何位置重复使用设计的关键部分。
总的来说,Symbol 是设计师和您团队的巨大节省时间工具。 如果您是 Symbol 的新手或正在寻找复习,请查看我们关于 如何在 Sketch 中创建 Symbol 的指南。
在 Sketch 中使用 Symbol 的优势
使用 Symbol 有很多好处,从帮助您保持一致性到只需单击一下即可在整个文档中进行有影响力的更改。 项目越复杂,Symbol 就越有帮助。
它们可以帮助您更快地工作
Symbol 非常适合在您的设计中创建易于编辑和更新的可重用元素。 Symbol 的好例子是按钮或图标。 假设您已经完成了应用程序的第一个按钮的设计。 您可以将该按钮转换为 Symbol,并轻松地在应用程序的设计中重复使用它。
如果您想更改按钮的外观,可以调整 Symbol 的源,所有其他实例都将跟随。 因此,无需担心以后想要更改徽标的颜色或按钮的副本。
它们使您的设计更灵活
使用嵌套 Symbol,您可以将简单的 Symbol(如按钮或徽标)放置在更大的 Symbol 中,例如导航栏。 这有助于使您的设计更加灵活,因为您可以单独编辑每个部分,同时保持一切同步。 例如,如果您更新徽标,它也会在导航栏中更改。
您还可以将智能布局应用于 Symbol,以使其在内容更改时自动调整大小。 例如,如果您将按钮的标签从“Home”更改为“Go Home”,则按钮本身可以自动调整大小以保留填充和间距。 有关更多详细信息,请查看我们的 智能布局 文档。
它们让您可以轻松迭代
当您需要更改 Symbol 实例时,覆盖是您最好的朋友。 在 覆盖 面板中,您会找到 Symbol 中每个可编辑元素的列表,从而可以轻松地交换、编辑或隐藏它们。
假设您的设计具有同一按钮的三个实例。 您可以使用“覆盖”面板更改颜色、样式或文本,而不会影响 Symbol 源。 另一种选择是使用备用设计创建一个新的 Symbol,并使用“覆盖”面板将其换入 — 适用于非活动状态按钮或辅助徽标。

它们使协作直观
Symbol 有助于以多种方式简化协作。 如果您想让您的协作者知道他们不应该编辑某些 Symbol,例如徽标,您可以通过取消选中“覆盖”面板中的这些选项来做到这一点。 这样,除非他们可以更改 Symbol 源,否则它们甚至不会显示为可编辑的。
同样,您可以创建 Symbol 的不同版本,以便协作者已经知道可用的设计变体是什么。 这是在不需要同步每次更改的情况下将他们指向正确方向的好方法。 您还可以将 Symbol 包含在图库中,以便您的整个团队可以在多个文档中使用相同的元素。
它们有助于简化交付
每当开发人员检查 Sketch 文档时,他们都可以轻松判断某事物是否为 Symbol。 它们具有独特的紫色轮廓,还可以将它们链接到 Symbol 源。 因为开发人员知道 Symbol 是重复的组件,所以他们可以安全地编写一次代码并在整个项目中重复使用它。 此外,他们可以直接从 Web 应用程序复制 CSS 代码。
我们希望这篇文章能让您更好地了解如何使用 Symbol。 下一步是提升您的 工作流程水平 🚀