有问题要问或要分享想法?欢迎加入 Adobe XD 社区。我们很乐意倾听您的心声并欣赏您的创意作品!
- Adobe XD 用户指南
- 简介
- 设计
- 画板、参考线和图层
- 形状、对象和路径
- 文本和字体
- 组件和状态
- 蒙版和效果
- 版面
- 视频和 Lottie 动画
- 原型
- 共享、导出和审阅
- 设计系统
- 云文档
- 集成和插件
- iOS 和 Android 版 XD
- 故障排除
- 已知问题和已修复问题
- 安装和更新
- 启动和崩溃
- 云文档和 Creative Cloud Libraries
- 创建原型、发布和预览
- 导入、导出和使用其他应用程序
是否正在寻找关于如何在 XD 中管理文档资源的信息?您来对地方了!
可在“文档资源”面板中统一创建、管理和共享在设计项目中使用的颜色、字符样式、组件和音频资源。
为什么使用文档资源?
结识设计主管 Richard,他负责使在基于云的系统中创建和使用设计资源标准化。他正在自学在各个设计系统上管理颜色、字符样式、组件或音频资源。
- 他要查找有关如何在 XD 中创建和管理资源的信息。
- 需要别人帮助他在 XD 中创建资源管理系统。
继续阅读以了解我们可怎样向他介绍 XD 中的“文档资源”并帮助他入门。
在继续操作之前
熟悉 XD 中的以下概念:
要开始编排您的设计样式和组件,请在工具栏中单击库 ,或按 Cmd + Shift + Y (macOS) 或 Ctrl + Shift + Y (Windows) 以打开文档资源面板。
要一次展开或折叠资源面板中的所有节点,请使用 Cmd + 单击 (macOS) 或 Ctrl + 单击 (Windows),即可节省时间和精力。
一旦进入文档资源面板,请按照以下这些步骤添加要在文档中重用或以后作为库的一部分发布的颜色、字符样式、组件、音频活或视频。
添加视频
- 在画布上选择一个视频,然后单击“文档资源”面板中视频旁边的 + 图标。
- 当您将视频转换为组件时,视频会同时添加到“文档资源”面板中的组件和视频。
注意事项
- 无法将阴影中的颜色添加到“文档资源”。
- 无法将具有共同属性的字符样式分组。
- 只能从“文档资源”中删除音频文件。
- 在“原型”模式下,可以从“属性检查器”添加音频文件。
- 无法对音频文件进行重命名或重新排序。
- 在链接到云文档时,不会链接音频文件。
提示和技巧
- 使用“文档资源”中的列表视图 对资源重命名和排序以满足组织的需要。网格视图 经过优化,即使缩略图和资源演绎版较大,也可重用资源。
- 要进行印前检查,请选择文档中的所有画板以提取文档中使用的每种颜色和字符样式。
应用和重复使用文档资源
现在您可从“文档资源”中查看所添加的资源,请在画板上选择一个或一组对象,然后单击颜色或字符样式以将其应用于选区。
要在设计中使用一个或多个组件,请在“文档资源”面板中选择这些组件,然后将其拖至画布。将在画布上创建这些组件的实例。
执行以下步骤以重复使用颜色、字符样式或组件:
重复使用颜色
- 选择某个对象或文本图层,然后单击色板以将其应用为填充颜色。
- 选择多个对象,然后将某个颜色或渐变应用于选区。
- 从文档资源中右键单击某个色板,然后选择应用边框颜色以将它应用为边框颜色或复制十六进制值以供重用。
- 要将相同的颜色应用于某个对象的边框,请选择该对象,选择颜色,然后按 Opt (macOS) 或 Alt (Windows)。
重复使用组件
- 将组件从“文档资源”拖至画布。
- 选择多个对象,然后在画布上拖动多个组件。
- 在拖动组件时,可以将鼠标悬停在另一个组件实例上来交换它。
提示和技巧
- 为了让用法保持一致,一旦保存颜色和字符样式,务必从“文档资源”中将颜色和字符样式应用于所选物体。
编辑文档资源
添加并重用资源后,即可从“文档资源”编辑这些资源,以便在文档上作出全局更改。此机制提供一种简化的方法以修改文档上的颜色和字符样式。
在继续操作之前,请确保所编辑的资源正确无误:
- 在“文档资源”中右键单击该资源,然后选择“在画布上突出显示”以查找所有使用该颜色或字符样式的对象或查找某个组件的实例。
- 选择在画布上的任何对象,单击右键,然后选择“显示资源中的组件”以在“文档资源”中找到该颜色、字符样式或组件。
执行以下步骤可编辑文档资源:
编辑颜色
- 右键单击色板,然后选择“编辑”以修改整个文档中的颜色值。
- 画布上所有使用该颜色的对象都将实时更新。这是大规模预览颜色更改并进行编辑的有效方法。
编辑字符样式
- 右键单击字符样式,然后选择“编辑”以在文档中修改该样式。
- 画布上所有使用该样式的文本图层都将实时更新。
编辑组件
- 在画布上或在“文档资源”面板中右键单击该组件,然后选择“编辑主组件”以突出显示画布上的主组件或重新创建(如已删除)。
- 对主组件作出的任何更改均传播到其他组件实例。
注意事项
- 在编辑在多个对象(100 个以上)中使用的颜色或字符样式时,所做的更改可能需要一段时间才能从面板传播到画布上的所有相关对象。
提示和技巧
- 要确定编辑对设计产生的影响,请先使用“在画布上突出显示”选项,然后再从“文档资源”中编辑资源。
- 要编辑字符样式中的颜色,请更改颜色值,然后更改全局颜色值以保留字符样式。
- 如果更新链接颜色或链接字符样式,则只更新应用了链接颜色或链接字符样式的对象。
在添加资源后,您可以通过以下方式在“文档资源”面板中管理和组织它们:
- 查看资源和为其排序
- 搜索和筛选资源
- 将光标悬停在资源上
- 重新排序、重命名和删除资源
要了解如何为资源编组,请参阅将资源编为组和子组。
查看资源和为其排序
- 网格视图:经过优化以显示缩略图,您可直观地识别各个资源。
- 列表视图:为编组进行了优化,您可查看所有资源的名称并为资源重新排序。
- 按名称排序:按字母顺序为资源类别和其中的所有资源排序。
在这两个视图中均可添加、重用和编辑资源。
注意事项
- 在列表视图 中操作时,无法查看组件的大型预览。
- 重新排列资源顺序,以跨各个类别对资源进行分组。
提示和技巧
- 通过“文档资源”中的筛选器,可筛选并查看仅特定类别或来源的资源。
- 不确定某项更改将如何影响您的设计?使用“在画布上突出显示”查看该资源在文档中的各个实例。
- 要找出未使用的组件,请选择画布上的所有对象,单击右键,选择“显示资源中的组件”,然后将突出显示的组件拖至列表顶部。
- 如果:
- 将鼠标悬停在渐变上,工具提示将显示渐变的开始值和结束值。值之间的“–”表示具有两个色标的渐变,值之间的“...”表示具有多个色标的渐变。
- 将鼠标悬停在组件上,工具提示将显示画布上该组件的实例数。
- 为列表视图 中的资源重命名时,可使用 TAB 为列表视图中的下一个资源重命名,并可用 Shift+Tab 反向操作。
通过在“文档资源”面板、树视图或路径视图中创建任意数量的组和子组,轻松组织您的文档资源:
- 树视图:您会看到按层次结构排列的组和子组。单击“文档资源”面板右上角的
(树/路径切换)图标以切换到树视图。 - 路径视图:您会看到一个组路径列表,并且在每个路径中,您会看到一个组,它是由正斜杠 (/) 分隔的嵌套子组。路径视图展平了嵌套组结构,可以轻松扫描子组内的所有资源。单击“文档资源”面板右上角的 (树/路径切换)图标以切换到路径视图。
在树形视图和路径视图中,您可以通过以下方式组织资源:
通过以下任一方式在每个资源类别(“颜色”、“字符样式”等)内创建组:
- 选择多个资源,单击右键,然后选择“从选区新建组”。
- 右键单击资源类别(“颜色”、“字符样式”、“组件”等),然后选择“创建子组”。
- 右键单击某个资源,然后选择“从元素创建新组”。
- 右键单击某个资源,选择“移至”,然后依次单击文件夹图标、“创建”、“移动”。
- 选择多个资源,单击右键,选择“将所选项目移至”,然后依次单击文件夹图标、“创建”、“移动”。
创建组后,右键单击它以执行以下任一操作:
- 创建子组:创建多个子组。
- 移至:将资源移动到资源类别中的另一个组。
- 为组重命名:提供自定义名称。
- 取消分组:删除组并将其中的资源上移一级。
- 删除:删除组和其中的资源。
创建组和子组后,只需拖动资源即可将其移至这些组。或者,右键单击资源,选择“移至”,并选择要将资源移至的组。
您可以在组路径中使用正斜杠 (/) 一次创建多个嵌套子组,并通过编辑路径轻松组织资源。要了解更多信息,请参阅使用正斜杠组织资产。
使用正斜杠 (/) 轻松组织任何资源类别中的组和子组。您可以使用正斜杠执行以下任务:
- 创建具有嵌套子组的组
- 编辑路径以取消组合和移动资源
注意事项
- 您是否有旧的 XD 文档,其中资源名称包含正斜杠?当您在 XD 50 及更高版本中打开此类文档时,系统会提示您执行以下操作之一:
a. 将斜杠替换为破折号 (-) 并保留组层次结构。
b. 将斜线转换为新的嵌套级别并为组层次结构增加深度。
- 在 XD 中打开 Sketch 文档时,会保留其资源分组和结构。
- 编辑路径时,不会删除任何资源。要同时删除一个组及其所有资源,请右键单击该组并选择删除。
- 当您在“图层”面板中为主要组件组织组时,它会反映在“文档资源”面板中。
- 从 XD 云文档发布链接库时,所有组和子组均保留在该库中。
- 发布设计规范时,不会显示资源的组路径。
提示和技巧
- 如果已将文档资源整理到某个画板中,请右键单击该画板名称,然后选择“显示资源中的组件”、“显示资源中的颜色”或“显示资源中的字符样式”。随后将在“文档资源”中突出显示并选中由您选择的资源类别中的所有资源。右键单击其中任意资源,然后选择“从选区新建组”即可轻松地创建一个组,其中含有所有这些资源。
- 如果已命名您的文档资源,并且您要快速为其编组,请使用“搜索”缩小这些资源的范围以匹配您的搜索条件。这样即可快速创建一个组,其中仅含这些筛选出的资源。
要获得关于组织文档资源的专业提示,请观看这段视频:
共享和发布资源
现在,您已经在文档资源中创建了所有可重用的颜色、字符样式和组件,学习了如何使用 Creative Cloud Libraries 发布设计系统资源以及与团队的其他成员共享设计系统资源。
了解详情
要详细了解如何使用资源,请观看此视频:
接下来学什么?
我们已介绍了如何在 XD 中使用资源和库。可继续学习如何使用 Libraries 共享资源、组件和设计系统或将现有的 XD 云文档迁移到 Libraries。
有疑问或想法?