使用“资源”面板管理项目中的资源和符号。

使用“资源”面板轻松管理资源

您可使用“资源”面板管理项目中的所有资源。

“资源”面板会显示您在项目中添加的资源(如颜色、渐变和字符样式)。它还会显示您在 XD 中创建的任何符号(特殊类型的链接资源)。

如需打开“资源”面板,请单击工具栏中的 ,或按 Command + Shift + Y(在 Mac 上)或 Ctrl + Shift + Y(在 Windows 上)。

“资源”面板
“资源”面板

A. 颜色 B. 字符样式 C. 符号 D. 添加资源 E. 表示缺失字体或禁用字体的图标 

添加和删除资源

将颜色和渐变(线性或径向)添加到“资源”面板:在画板上选择一个对象或一组对象,然后单击“资源”面板中“颜色”旁边的 + 图标。

将字符样式添加到“资源”面板:在画板上选择文本或文本框,然后单击“资源”面板中的“字符样式”旁边的 + 图标。

从“资源”面板中删除资源:在“资源”面板中选择资源,右键单击(在 Windows 上)或在按住 Ctrl 键的同时单击(在 Mac 上),然后从上下文菜单选择“删除”

您也可以选择一个画板或一组画板,然后单击 + 图标,将所有颜色和字符样式从画板添加到“资源”面板。

注意:

即使您从画板中删除了资源,已添加到“资源”面板的颜色、渐变、字符样式和符号仍会留在原处 — 这样,您便可以在下次需要时重复使用它。

为资源添加标签

您可以为 Adobe XD 文件中的资源添加自定义标签。在“资源”面板中,切换到列表视图并单击标签以重命名它。 例如,您可以将颜色的名称从 HEX 值自定义为标题背景颜色。

当您重命名“符号”时,更改适用于“图层”中的符号的所有实例以便更好地标识。

Adobe XD 还允许您向标签添加表情符号。

为资源添加标签
为资源添加标签

应用“资源”面板中的颜色

选择现用 XD 文档中的对象,然后执行下列操作之一:

  • “资源”面板中单击某个颜色或右键单击该颜色,然后选择“作为填充应用”
  • 如需应用颜色笔触(边框),请选择该对象,在“资源”面板中右键单击某个颜色,然后选择“作为边框应用”

应用“资源”面板中的字符样式

在画板上选择一个文本对象。在“资源”面板中,单击一个字符样式。

重新排列“资源”面板中的元素顺序

您可以重新排列项目中的资源(例如颜色、字符样式和符号)的顺序。您可以将常用资源移动到列表顶部或以组为单位排列它们。

重新排列“资源”面板中的元素顺序
重新排列“资源”面板中的元素顺序
  1. “资源”面板中,单击并按住资源,然后在该面板中拖动它们。

  2. 如果您想要在面板中拖动移动多个资源,请按住 Ctrl (Win) 或 Cmd (Mac) 并选择多个资源。

使用符号

符号是可在文档中的画板上多次重复使用的对象。项目中使用的符号的所有实例是链接在一起的。也就是说,对一个实例做出的任何更新将会立即反映到所有其他实例中。

如需将某个对象转换为符号,请执行以下操作之一:

  • 右键单击该对象并选择“制作符号”
  • 选择该对象并按 Command + K(在 Mac 上)或 Ctrl + K(在 Windows 上)。
  • 在 Mac 上,选择该对象,然后选择“对象”>“制作符号”
  • 选择该对象并在“符号”库中单击 +
符号库。单击“+”,将选定的对象制成符号并添加到符号库中。
符号库。单击“+”,将选定的对象制成符号并添加到符号库中。

编辑符号

双击符号,即可进入符号编辑模式。在此模式下,符号会带有较粗的边框。您可以对样式、大小、阴影和/或位置做出更改,并会看到这些更改将会反映到所有链接实例中。

如果您的符号是一组对象,那么在符号编辑模式下,您可以编辑该组中的各个对象。 

如需从“符号”库中删除某个符号,请右键单击该符号并选择“删除符号”

重复使用符号

如需重复使用某个符号,请将其从“符号”库拖到画板上。您也可以在画板中复制并粘贴一个符号,或者将其从一个画板复制并粘贴到另一个画板。系统会使用绿色边框标示符号的所有链接实例。您也可以将符号从一个 XD 文档复制并粘贴到另一个 XD 文档。 

如需在不影响其他符号实例的情况下,对某个符号实例的样式做出更改,请右键单击该实例并选择“取消符号编组”。然后,您可以继续进行更改。

如需对符号实例进行文本或位图更改,则您不必取消符号编组。如需更多信息,请参阅覆盖符号实例的文本和位图

注意:

如果您取消了某个符号的编组并再次使用相同对象创建一个符号,则会创建一个新符号。

覆盖符号实例的文本和位图

您可以在不影响原始符号的情况下,对符号实例的文本和位图做出更改。通过覆盖,您可以在 XD 文档中重复使用同一符号,并且每个符号实例均具备不同的文本或位图。

当您需要创建使用相同的设计元素但需要不同的文本块或图像的按钮或其他导航元素时,覆盖功能特别有用。

如需覆盖符号实例中的文本或位图,请选择相应的文本并输入新文本。或者,将符号实例中的位图替换为另一个位图。

对文本或位图做出的更改仅会作用于单个实例,而不会影响原始符号。

如需将符号实例中的文本或位图更改应用到其他链接符号,请右键单击该符号并选择“推送覆盖”

替换符号

您可以将一个符号的所有实例替换为另一个符号。将一个符号从“资源”面板拖到另一个符号上。当您将其拖到目标符号的上方时,图标会变成一个箭头,这表示该符号及其所有实例均将被替换。

将一个符号的所有实例替换为另一个符号
将一个符号的所有实例替换为另一个符号

使用链接的符号

通过链接符号,您可以跨文档共享符号,并维护 UI 工具包、样式指南和标签页的单个真实来源。如果源文档中某个链接符号有更新,您将源链接符号复制到其他文档时会收到 Adobe XD 发送的相关通知。

如需了解如何使用链接符号,请参阅使用链接符号

搜索和筛选资源和符号

按资源类型筛选资源

您可以从 Adobe XD 中的“资源”面板中筛选资源。默认情况下,所有资源都显示在该面板中。您可以使用“资源”面板中的下拉箭头,按类型筛选资源。单击下拉箭头并选择一种资源类型:“颜色”“字符样式”“符号”。系统会根据您的选择列出特定的资源类型。

在 Adobe XD 中筛选资源
在 Adobe XD 中筛选资源

搜索资源

您可以在“资源”面板中搜索颜色、字符样式和符号。如需搜索颜色,请输入您需要的颜色的十六进制代码。同样,如需搜索字符样式和符号,请输入与资源名称相匹配的字符串。Adobe XD 会根据搜索字符串,在“资源”面板中显示相关结果。

在 Adobe XD 中使用十六进制代码搜索颜色
使用十六进制代码搜索颜色

Adobe XD 会记住每个会话的最后五个搜索查询。这些查询会显示在搜索历史记录中。

突出显示和查找资源及符号

使用 Adobe XD,您可以快速地突出显示和查找元素。如需查找某一资源在项目中的所有使用位置,请在“资源”面板中选择颜色、字符样式或符号。右键单击并选择“在画布上突出显示”。无论资源被用在哪一位置,相关元素都会在画板中突出显示。

在画布上突出显示和查找资源
在画布上突出显示和查找资源

此功能可用于确定您在 Adobe XD 文件中的哪些位置使用了特定资源或符号。 

当某个符号未在项目中的任何位置被使用时,应用程序将显示以下消息:使用了此符号的 0 个副本

在“资源”面板中反向突出显示选定内容

使用 Adobe XD,您还可以反向突出显示您选择的元素正在使用的资源。在画布上选择了一个对象后,您可以快速地查看该元素使用的颜色、字符样式或符号。

如需从某个元素反转突出显示,请从画板中选择该元素。右键单击该元素,然后选择以下选项之一:

  • 选择颜色:在“资源”面板中突出显示已使用的颜色。
  • 选择字符样式:突出显示已在元素中使用的字符样式。
  • 选择符号:匹配已添加到面板中的符号。

应用程序会突出显示所选元素使用的资源。

在 Adobe XD 显示在选定对象中使用的资源
显示在选定对象中使用的资源

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略