跳过导航
学习设计

如何组织你的符号并管理覆盖

学习如何保持符号的井然有序,并为填充你的设计做好准备

在这篇文章中,我们将了解如何保持符号的井然有序。这样,你就可以准备好深入研究更复杂的符号编辑,这将帮助你解锁更广泛的设计可能性。

如果其中一些概念对你来说听起来很陌生,请查看我们之前关于符号基础知识编辑和调整符号大小的文章。


一旦你开始掌握符号,你可能会开始在你的设计中到处实现它们。虽然这对于加速你的工作流程来说很棒,但符号的数量有时会让你难以找到你需要的那个。学习如何有效地组织你的符号将帮助你轻松完成大型项目中更重复的任务,例如更新徽标或添加按钮。

在这篇文章结束时,你将能够维护和更新你的符号,而无需怀疑哪个实例附加到什么。

实践练习:按照我们的练习文档,尝试你所学的一切!

了解符号页面

当你在文档中创建你的第一个符号时,我们会询问你是否希望我们生成一个符号页面。 如果你说是,我们会将所有新符号添加到此页面,当你创建它们时。

如果你放弃了符号页面,任何新的符号都会出现在你的画布中。

对于日常项目,符号页面足以保持一切井井有条。 但是,如果你想将它们分成更多部分,你始终可以创建多个符号页面。 如果你采用这种方法,我们建议你命名你的页面以反映你存储的内容,例如“图标”、“按钮”。

随着你的前进,请记住,你可以始终使用 快捷方式直接跳转到符号源。 因此,无需记住你将每个符号放在哪里!

如何命名你的符号

首先:命名约定。 当你使用 Sketch 时,新的图层带有标准名称,例如“矩形”、“椭圆”或“直线”。 虽然这对于快速识别你选择的图层的类型很方便,但对于大型项目来说可能会变得混乱。 换句话说,总是命名你的图层!

例如,你如何区分五个矩形图层? 我们建议以它们的功能命名你的图层——例如将“矩形”替换为“背景”或“标题”。

你可以将相同的逻辑应用于符号。 例如,假设我们取我们的“矩形”图层,在其上添加一个文本图层并将其变成一个符号。 我们可以将此符号命名为“按钮”。

这种描述将帮助你更快地找到你需要的。 但是随着你的文档增长,你可能会发现你有几个不同的按钮,它们有不同的颜色、样式或大小。 那么你如何区分它们呢? 下面,我们将讨论如何使用更高级的命名约定来保持你的符号的井井有条。

分组符号

如果你充分利用符号的潜力,你最终可能会得到很多符号。 这就是为什么我们建议你将你的符号分成尽可能多的类别。 例如,假设你需要两个版本的“按钮”符号——一个激活,一个非激活。

你可以创建替代版本并将其命名为“按钮/激活”和“按钮/非激活”。 通过应用“组名/符号名”约定,我们会自动将这些符号组合在一起。

Image showing two button Symbols using the group naming convention

命名约定可以帮助你快速有效地组织你的符号。 在这里,我们使用相同的“按钮”组命名了我们的激活和非激活按钮,以便将它们存储在一起。

但这有什么帮助呢?

在分组你的符号之后,你会注意到当你尝试将新符号插入到你的文档中时,会出现一个子菜单。 这是它在我们的“按钮”示例中的样子

Image showing a dropdown menu listing our active and inactive button Symbols under the group “Button”.

分组符号可以保持你的插入菜单的井井有条。 通过将我们的两个按钮命名为 Button/[符号名称],我们创建了一个新的“按钮”组,我们可以将其用于我们将来创建的任何其他按钮。

使用组件视图

组件视图是你创建、管理、搜索和查找本地组件(如符号)的地方。 换句话说,它是分组你的符号的另一个方便的地方。 要做到这一点,按住 并选择你要分组的符号。 完成选择后,控制单击任何选定的符号,然后在上下文菜单中选择

你的符号现在将在左侧边栏中列为“组”。 控制单击 并选择 重命名 以给你的符号组一个标题。

你也可以在组件视图中对符号进行分组,这与手动重命名你的符号的方式相同。 通过将组重命名为“按钮”,你的“激活”符号现在将变为“按钮/激活”,依此类推。

你可以直接从组件视图中的检查器重命名单个符号,或者将它们拖到左侧边栏上列出的任何现有组中。

限制覆盖

保持整洁的另一种方法是限制可用的覆盖的数量。 正如我们上次讨论的那样,检查器中的 覆盖 面板会自动按类型分组实例中的所有可编辑项目。

但是如果列表有点失控怎么办? 你可以返回你的符号源并禁用 管理覆盖 下的一些覆盖选项。 一个好的开始是禁用那些你知道你不会使用的覆盖类型。 通过这样做,当你选择该符号的实例时,这些覆盖将不再显示为可编辑选项。 这样,你可以专注于仅编辑你希望更改的元素。

如果你不希望任何人覆盖你的符号的特定部分——例如颜色或文本——你可以在检查器中禁用这些覆盖。 别担心! 如果你以后需要它们,你始终可以重新启用任何覆盖选项。

如果您的文档是很多人使用的设计系统的一部分,这将特别有用。通过限制人们可以在 Symbol 中编辑的内容,您可以确保其他人无法更改徽标等元素。同样,这可以帮助您向工作区中的其他设计师示意他们可以在每个组件中调整的内容。

动手实践:请记住,您可以使用我们的练习文档测试您的技能,并尝试您正在学习的所有内容!

下一步是什么?

您正在成为 Symbols 专家的道路上!下次,我们将了解复杂的 Symbols,以便您在设计中获得更大的灵活性。敬请关注!

您可能还喜欢

免费试用 Sketch

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

免费开始
免费开始