用户指南 取消(C)

导出和下载设计规范中的资源

  1. Adobe XD 用户指南
  2. 简介
    1. Adobe XD 的新增功能
    2. 常见问题
    3. 利用 Adobe XD 进行设计、原型创建和共享
    4. 系统要求
      1. 硬件和软件要求
      2. Adobe XD、Big Sur 和 Apple Silicon | macOS 11
    5. 工作区基础知识
    6. 在 Adobe XD 中更改应用程序语言
    7. 访问 UI 设计套件
    8. Adobe XD 中的辅助功能
    9. 键盘快捷键
    10. 提示和技巧
    11. Adobe XD 订阅选项
    12. XD 入门计划的更改
  3. 设计
    1. 画板、参考线和图层
      1. 开始使用画板
      2. 使用参考线和网格
      3. 创建可滚动画板
      4. 使用图层
      5. 创建滚动组
    2. 形状、对象和路径
      1. 选择对象、调整对象的大小和旋转对象
      2. 移动、对齐、分布和排列对象
      3. 对对象进行编组、锁定、复制、拷贝和翻转
      4. 为对象设置描边、填充和投影
      5. 创建重复元素
      6. 使用 3D 变换创建透视设计
      7. 使用布尔运算编辑对象
    3. 文本和字体
      1. 使用绘图和文本工具
      2. Adobe XD 中的字体
    4. 组件和状态
      1. 使用组件
      2. 使用嵌套组件
      3. 向组件添加多个状态
    5. 蒙版和效果
      1. 创建一个形状蒙版
      2. 使用模糊效果
      3. 创建和修改渐变
      4. 应用混合效果
    6. 版面
      1. 响应式调整大小和约束
      2. 为组件和组设置固定的内边距
      3. 使用堆叠创建动态设计
    7. 视频和 Lottie 动画
      1. 使用视频
      2. 使用视频创建原型
      3. 使用 Lottie 动画
  4. 原型
    1. 创建交互式原型
    2. 制作原型动画
    3. 自动制作动画支持的对象属性
    4. 使用键盘和游戏手柄创建原型
    5. 使用语音命令和播放创建原型
    6. 创建定时过渡
    7. 添加叠加
    8. 设计语音原型
    9. 创建锚点链接
    10. 创建超链接
    11. 预览设计和原型
  5. 共享、导出和审阅
    1. 共享选定的画板
    2. 共享设计和原型
    3. 为链接设置访问权限
    4. 使用原型
    5. 审阅原型
    6. 使用设计规范
    7. 共享设计规范
    8. 检查设计规范
    9. 设计规范导航
    10. 审查和评论设计规范
    11. 导出设计资源
    12. 导出和下载设计规范中的资源
    13. 企业版的组共享
  6. 设计系统
    1. 带 Creative Cloud Libraries 的设计系统
    2. 在 Adobe XD 中使用文档资源
    3. 在 Adobe XD 中使用 Creative Cloud Libraries
    4. 从链接资源迁移到 Creative Cloud Libraries
    5. 使用设计令牌
    6. 使用 Creative Cloud Libraries 中的资源
  7. 云文档
    1. Adobe XD 中的云文档
    2. 协作与协同编辑设计
    3. 协同编辑与您共享的文档
  8. 集成和插件
    1. 使用外部资源
    2. 使用 Photoshop 中的设计资源
    3. 从 Photoshop 中复制和粘贴资源
    4. 导入或打开 Photoshop 设计
    5. 在 Adobe XD 中使用 Illustrator 资源
    6. 打开或导入 Illustrator 设计
    7. 将矢量从 Illustrator 复制到 XD
    8. 用于 Adobe XD 的插件
    9. 创建和管理插件
    10. XD 的 Jira 集成
    11. XD 的 Slack 插件
    12. XD 的 Zoom 插件
    13. 将设计从 XD 发布到 Behance
  9. iOS 和 Android 版 XD
    1. 在移动设备上预览
    2. 适用于移动设备的 Adobe XD 常见问题解答
  10. 故障排除
    1. 已知问题和已修复问题
      1. 已知问题
      2. 已修复的问题
    2. 安装和更新
      1. XD 似乎与 Windows 不兼容
      2. 错误代码 191
      3. 错误代码 183
      4. 安装 XD 插件时出现问题
      5. Windows 10 上提示卸载并重新安装 XD
      6. 迁移首选项有问题
    3. 启动和崩溃
      1. XD 在 Windows 10 上启动时崩溃
      2. XD 在您注销 Creative Cloud 时退出
      3. Windows 上订阅状态相关问题
      4. 在 Windows 上启动 XD 时出现“应用程序被阻止”警告
      5. 在 Windows 中生成故障转储
      6. 崩溃日志收集和共享
    4. 云文档和 Creative Cloud Libraries
      1. XD 云文档相关问题
      2. 链接组件的问题
      3. 库和链接的问题
    5. 创建原型、发布和预览
      1. 无法在 macOS Catalina 上录制原型交互
      2. 工作流程发布相关问题
      3. 浏览器中未显示发布的链接
      4. 浏览器中的原型呈现不正确
      5. 共享链接上意外出现评论面板
      6. 无法发布库
    6. 导入、导出和使用其他应用程序
      1. 在 XD 中导入和导出
      2. XD 中的 Photoshop 文件
      3. XD 中的 Illustrator 文件
      4. 从 XD 导出到 After Effects
      5. XD 中的 Sketch 文件
      6. 第三方应用程序在导出中不可见

了解如何导出和下载设计规范中的资源。

导出设计规范中的资源

如果您为图层添加了导出标记,并在发布设计规范时,在其中包含了资源,则您可以通过已发布的设计规范链接下载这些资源。矢量资源可以 SVG、PNG、PDF 和 JPG 格式提供,而位图资源可以 PNG、PDF 和 JPG 格式导出。

为图层添加导出标记

将已添加导出标记的图层作为资源包含在设计规范中。如需为资源添加导出标记,请选择画布上的任意图层,并选择以下任一选项:

  • 单击任意画板图层,然后从弹出菜单中单击“添加导出标记”复选框。
  • 右键单击画布上的该图层,然后从弹出菜单中选择“添加导出标记”
  • 在 macOS 中使用 快捷键,在 Windows 操作系统中使用 快捷键。
  • 打开图层面板,然后单击图层名称旁的 “添加导出标记”图标。

如需导出多个资源,请选择同一画板的多个图层,并单击“添加导出标记”

“添加导出标记”选项

发布带有资源的设计规范

发布设计规范时,如果您在其中包含资源并与开发人员共享已发布链接,您就向开发人员提供了一个集中位置来下载这些资源。

  1. 在 XD 中为图层添加导出标记。

    为图层添加导出标记
    添加导出标记

  2. 单击“共享”以切换到“共享”模式。选择“开发”

    共享设计

  3. “设计”模式下,选择要导出的资源。在“属性检查器”中,选中“添加导出标记”复选框。要导出的资源随即出现在“共享”模式下。

  4. 共享模式下,选中可下载资源复选框以标记要导出的资源,然后单击创建链接

    由于平台所对应的设计有所不同,每个平台都具备单独的一组分辨率设置:

    • Web:资源将以“1 倍”“2 倍”分辨率导出。
    • iOS:资源将以“1 倍”“2 倍”“3 倍”分辨率导出。
    • Android:资源会针对以下 Android 屏幕密度进行优化并导出:
      • ldpi — 低密度 (75%)
      • mdpi — 中等密度 (100%)
      • hdpi — 高密度 (150%)
      • xhdpi — 超高密度 (200%)
      • xxhdpi — 超超高密度 (300%)
      • xxxhdpi — 超超超高密度 (400%)
  5. 要在浏览器中打开已发布的设计规范,请单击“在浏览器中打开”图标,然后选择画板以查看资源。浏览器会显示所选资源以及其他画板详细信息。

    在将指针悬停在资源上时,上下文选择会用蓝色突出显示所选资源。

从设计规范下载资源

如果您是开发人员,则可从与您共享的已发布设计规范链接下载资源。在屏幕详细信息视图中,您可以同时下载画板上的所有可下载资源。您也可以在图层详细信息视图中逐个下载资源。

屏幕详细信息视图

在画板外部单击时,您将进入其屏幕详细信息视图。 

在屏幕详细信息视图中,您可以在“属性检查器”的资源部分中查看归类为图像、视频、动画和音频的所有可下载资源。

屏幕详细信息视图
画板的屏幕详细信息视图,画板中包含已选择下载的资源

要下载资源,请在资源部分中执行以下操作:

1. 单击以选择要一起下载的资源:

  • 要选择多个资源,您可以使用 Shift 键。
  • 要选择某个资源类型的所有资源,请单击一个资源,然后使用 Cmd或 Ctrl+A

这将显示已选定资源部分,其中显示归类为图像、视频和音频的已选定资源的数量。

2. 单击下载

资源会以 .zip 文件的形式下载到计算机上的 Downloads 文件夹中。在下载图像时,您可以将矢量图像的格式更改为 SVG、PDF、PNG 和 JPG,并将位图图像的格式更改为 PNG、PDF 和 JPG。

注意事项

  • 如果您将鼠标悬停在“资源”部分中的视频和音频资源上,则系统将显示它们的文件扩展名。
  • 如果一个视频有多个副本,则在画板上的“资源”部分中,仅显示该视频的一个实例。将鼠标悬停在“资源”部分中的视频上时,画板上将突出显示该视频的所有实例。
  • 如果多个视频具有相同的封面图像,则在画板上的“资源”部分中,将显示该封面图像的每个实例。
  • 将不同类别的资源一起下载时,下载的 .zip 文件夹将包含这些类别的子文件夹。
  • 您在下载视频文件时,只能采用设计人员将视频文件导入其 XD 设计文档时使用的格式。要了解支持的视频格式,请参阅使用视频
  • 在屏幕详细信息视图中,对于给定组件,“资源”部分中仅显示该组件的上次检查状态或活动状态以供您下载。要下载所有状态的资源,请在画板上选择组件图层并切换到图层详细信息视图。

图层详细信息视图

在画板上选择一个图层时,您会切换到图层详细信息视图。在图层详细信息视图中,您只能下载选定图层的资源。

图层详细信息视图
选定图层具有可供下载的视频、海报图像和链接的音频文件

要下载选定图层中的某个资源,请在“属性检查器”的资源部分中,单击该资源旁边的下载

下载视频

在画板上选择视频图层时:

  • 您可以下载视频和海报图像。
  • 如果视频连接到音频播放,您还可以下载该音频文件。

Lottie 下载

在画板上选择 Lottie 图层时:

  • 您可以按 JSON 文件形式下载 Lottie 动画。
  • 如果 Lottie 连接到音频播放,您可以下载该音频文件。

组件下载

要下载某个组件的资源,请在画布上选择该组件。然后,在“属性检查器”中,切换到每个状态以下载其资源。

在 XD 应用程序中,如果设计人员为一个组件的多个实例添加导出标记,则只会导出“图层”面板中的最后一个实例。

XD 44 及更高版本的下载体验

对于从 XD 44 及更高版本发布的链接:

在单击下载时,将显示一个指示进度的对话框。下载完毕后,即可继续检查画板或从一个画板导航到另一个。

显示下载进度的对话框
从 XD 44 和更高版本发布的链接中显示下载进度的对话框。

如果下载资源时出错,请让设计人员重新发布链接并再次共享它。

下载资源时出错
下载资源时出错

Adobe 徽标

登录到您的帐户