跳过导航

符号

上次更新于 2023 年 10 月 31 日
10 分钟阅读

符号 Symbol instance 通过让您保存和重用设计中的常见元素,可以加快您的工作流程。 当您更改符号时,这些更改会出现在您在设计中使用它的所有位置。 您还可以为单个符号的特定部分创建 覆盖

创建符号

创建符号

观看课程

要创建符号,请选择一个组、画板或一系列图层,然后在工具栏中选择创建 Create Symbol,在菜单栏中选择图层 > 创建符号,或者按键盘上的 Y。 为您的符号命名,然后选择将其源版本发送到单独的符号页面,还是将其保留在您当前查看的页面上。 按照视频说明学习如何创建符号。

在 Mac 应用程序中创建符号

符号源和实例

当您创建一个符号时,我们将创建它的*源*和*实例*。您可以创建任意数量的相同符号实例,但您只会拥有一个源。如果您更改一个源,这也会显示在文档中该符号的任何实例中。

如果您选择将符号发送到符号页面,您将在图层列表上方看到一个名为符号的新页面。 在这里,您会找到您的源。

如果您在创建符号时没有选择将符号发送到符号页面,它将以其自己的画板形式出现在当前页面上。

将符号恢复为图层

要将符号恢复为常规图层,请在图层列表中选择符号的源,然后选择图层 > 符号 > 将符号转换为画板。 与之相关的任何实例都将变成组,并且编辑源将不再更改这些实例。

用符号替换图层

创建符号后,您可以将其插入到设计中的任何现有图层的位置。 为此,请按住 Control 键单击一个图层,选择替换为,然后选择一个符号。 您选择的符号将调整大小以适应图层的大小。

插入符号

插入符号

观看课程

在 Mac 应用程序中,有三种方法可以访问和插入您的符号:通过组件视图、插入窗口或插入菜单。

插入窗口

C 打开插入窗口,或选择窗口 > 插入。 选择“符号”选项卡后,搜索或浏览您要查找的符号,然后将其预览拖放到您的画布上。

插入菜单

或者,您可以通过工具栏中的“插入”或使用“插入”菜单 Insert 插入符号 Symbol instance。 在这里,您可以浏览文档或库符号,或者使用搜索字段快速找到您要查找的内容。

组件视图

通过单击工具栏左上角的选项卡切换到 组件视图(您也可以使用 12 在画布 Canvas 和组件视图 Components View Tab 之间切换)。

默认情况下,您将看到文档中的所有符号。 您可以通过单击左侧边栏中为您的符号创建的任何组来过滤此视图。 您还可以使用组件视图右上角的搜索栏快速找到您要查找的符号。 找到您想要的符号后,单击 Inspector 中的插入符号将其插入到您的画布上。

编辑符号

编辑符号源

观看课程

有两种主要方式可以编辑符号。 您可以编辑符号源中的内容,也可以使用覆盖来编辑单个实例。

编辑符号源

在您可以编辑符号源之前,您首先需要导航到它。 有几种方法可以做到这一点

  • 如果您使用符号页面来组织您的符号,请转到它并编辑您的符号的画板上的图层。
  • 如果您不使用符号页面,您可以在画布上查找符号的画板并编辑图层。
  • 在画布上选择符号的任何实例,然后点击 或单击 Inspector 的 设计 选项卡中的 Create Symbol 编辑源 — 这会将您带到符号源画板。
  • 嵌套符号中,使用 Inspector 的“覆盖”部分中符号名称旁边的箭头图标 Forward arrow

提示: 按住 并单击符号内部以立即选择嵌套符号或用作背景的形状。 这样做之后,您会在选择的左上角看到一个返回父级按钮 — 单击该按钮可再次返回到父级符号。

您对源所做的任何编辑都将同步到设计中的任何实例。 完成更改后,单击返回实例以返回实例并查看您的更改是如何同步的。

通过 Mac 应用程序中的实例编辑符号源

覆盖原型热点

Inspector 还在“覆盖”面板中显示所有可用的 热点。 如果您已将 热点 Add Link to Artboard tool 添加到您的符号源作为原型的一部分,您可以覆盖其目标画板,或者选择以禁用它。

从符号源分离符号实例

分离符号实例

观看课程

要在不使用覆盖的情况下编辑单个符号实例,您需要通过从菜单中选择图层 > 符号 > 从符号分离或按 Y 从其源分离 Detach 它。 您也可以按住 Control 键单击符号实例,然后在那里选择从符号分离

右键单击任何实例以从符号源分离所有内容。 这会将任何实例及其包含的任何嵌套符号转换为组。 您还可以通过按 Y 或转到菜单栏中的图层 > 符号 > 从符号分离所有内容来从符号分离内容。

交换符号

交换符号实例

观看课程

您可以使用 Inspector 中“符号”面板中的弹出窗口来交换符号。 从列表中选择一个符号或搜索您要查找的符号,然后单击以将其与当前选择的符号交换。

如何在 Mac 应用程序中使用组件弹出窗口交换符号(v94 2022 年 10 月)

默认情况下,交换符号会将您选择的实例调整大小以适应其新的符号源。 要在交换符号时保持实例大小不变,请取消选中“组件弹出窗口”顶部的“按原始大小交换”选项。

注意: 对于 Sketch 61 及更早版本,交换符号将始终保持您选择的实例的大小相同,无论新符号源的大小如何。

缩放和调整符号大小

缩放符号实例

观看课程

您可以像任何其他图层或组一样缩放和调整符号大小,使用“缩放”命令。 从菜单中选择图层 > 转换 > 缩放(或按 K)。 样式和属性(如边框)将与符号本身成比例地增加或减少,而不会影响源。

创建嵌套符号

嵌套符号可以通过让您更精细地控制您的设计,来帮助简化复杂的项目。 例如,嵌套符号可以代替设计元素,例如徽标,在更大的符号(如横幅)内。 这样,您对徽标所做的任何编辑都将自动反映在横幅的符号源上。

您可以通过在不同的 符号源 中插入符号实例来创建嵌套符号。

为此,请转到您的 符号 页面,然后在您的符号内插入一个实例。 现在,当您编辑该实例的源时,它将在所有位置更新,包括在您的符号源内部。

您还可以通过在画布上选择两个或多个符号源并在工具栏中选择创建符号 Create Symbol 将它们转换为嵌套符号。

在 Symbol Source 中,您可以嵌套的 Symbol 数量没有限制。但是,您不能在 Symbol 实例内部使用它自己的 Source。

如果您选择了嵌套的 Symbol,或者另一个 Symbol 内部的图层,您可以使用 编辑 > 选择 > 选择包含的 Symbol () 来选择父 Symbol。

使用嵌套 Symbol 覆盖

为了获得更大的自定义性,您可以创建嵌套 Symbol 的其他版本以用作覆盖。例如,您可以将几个图标转换为嵌套 Symbol。然后,每当您想要将一个图标与另一个图标交换时,您可以从 Inspector 的“覆盖”部分中选择它。这是一个例子

在 Mac 应用程序中,使用覆盖来更改 Symbol 实例中不同嵌套 Symbol 的示例。

要快速访问某个嵌套覆盖的 Symbol Source,请单击 Inspector 中嵌套 Symbol 覆盖名称旁边的箭头图标 Forward arrow

在 Mac 应用程序中,使用编辑 Symbol 实例中的嵌套 Symbol 的示例。

想要保留隐藏的、具有智能布局属性的嵌套 Symbol 留下的空间吗?当您在 Symbol 实例中选择一个嵌套 Symbol 时,您将在 Inspector 中看到一个新的隐藏时保留空间选项。启用此选项将在您隐藏该嵌套 Symbol 时保留其空间。

嵌套 Symbol 的覆盖反映了嵌套的结构。Inspector 按类型对覆盖进行分组——因此您将看到所有 Symbol 的颜色、文本、图像和样式覆盖,以及嵌套 Symbol 和热点。您可以通过选择整个 Symbol 实例,或选择 Symbol 中的单个嵌套 Symbol 或图层来 覆盖 这些特定的元素。

组织 Symbol

创建 Symbol 组

要将 Symbol 组合在一起,使其出现在“组件”视图和“插入”菜单中,请使用以下格式命名它们:组名/Symbol名称。例如,两个名为 Button/NormalButton/Pressed 的 Symbol 将成为名为 Button 的组的一部分。

注意: 您需要在一个组中至少有两个或多个 Symbol,它们才会显示在自己的子菜单中。

在“组件”视图中组织 Symbol

您还可以通过 组件视图 Components View Tab 来组织您的 Symbol。要将多个样式组合在一起,请按住 并选择您想要分组的 Symbol。Control-单击任何 Symbol,然后在上下文菜单中选择分组。通过双击新组 Folder closed(您将在“组件”视图的左侧边栏中找到它)来命名新组。

要重命名单个 Symbol,请单击该 Symbol 并使用 Inspector 重命名它。要重命名组,请双击左侧边栏中的组名称,然后为组添加一个新名称。

您还可以将 Symbol 添加到现有组,方法是将其拖到左侧边栏中的任何现有组中。

“组件”视图中的 Symbol 按字母顺序排列。

使用 Symbols 页面

将 Symbol Source 发送到 *Symbols* 页面可以帮助保持组织性,尤其是在复杂的设计中。它还有助于减少使用 Symbol Source 或实例时的混淆。

要手动移动 Symbol Source,请将其拖到“图层列表”中的 *Symbols* 页面标题上,或者 Control-单击它并选择 *发送到“Symbols”页面*。