了解如何从设计规范导出、下载和发布资源。

从设计规范导出资源

如果您将图层标记为要导出的资源,并在发布设计规范时包括这些资源,则可以从已发布的设计规范链接下载这些资源。矢量资源以 SVG、PNG 和 PDF 格式提供,而位图资源以 PNG 和 PDF 格式提供。

如需了解有关为设计规范导出资源和下载资源的更多信息,请观看此视频。


如需导出资源,请打开“图层”面板并选择一个画板。将指针悬停在图层上,然后单击“添加批量导出标记”图标。

在设计规范中标记资源
在设计规范中标记资源

发布带有资源的设计规范

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

  1. 在 XD 中标记资源以导出到设计规范。

  2. 单击屏幕右上角的“共享”按钮,并选择“共享以开发”。在设计规范中,假设设计采用 1 倍的分辨率。

    共享以开发
    共享以开发
  3. 从“针对下列平台导出”下拉列表中,选择要针对哪一平台导出设计。选择“包括供下载的资源”选项,然后单击“创建链接”

    在原型中包括资源
    在原型中包括资源

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

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

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

    Web 上的资源
    Web 上的资源

从设计规范下载资源

在您与设计人员共享已发布设计规范后,开发人员可以从中下载资源。开发人员可以单独下载资源,也可以同时下载。

您也可以使用 Cmd+ A  Ctrl+A 键选择所有资源,或者按下 Shift 键进行多选。资源会以 .zip 文件的形式下载到计算机上的下载文件夹中。您可以将矢量资源的格式更改为 SVGPDFPNG,并将位图资源的格式更改为 PNGPDF

下载资源
下载资源

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

法律声明   |   在线隐私策略