XD中文用户手册:共享原型和设计规范

您可以发布原型和/或设计规范,并与审阅者或利益相关者共享链接。使用 XD,您可以通过以下方式进行发布:

- 将原型发布到 Web — 您可为利益相关者提供公共或私有 Web 链接,以供其查看或评论您的原型。您还可以将原型嵌入到任何支持 iFrame 的网站中。如需更多信息,请参阅发布原型

- 与开发人员共享设计规范 — 开发人员可以检查设计的测量值、颜色和字符样式,并进行复制。您可以为利益相关者提供公共或私有 Web 链接,以供其查看或评论您的设计规范。如需更多信息,请参阅为开发人员发布设计规范

注意:

从 Adobe XD 9.0 版本开始,Adobe Systems 已从设计规范中删除 BETA 标签。

前提条件

如需使用 Adobe XD“在线共享”功能共享原型,您必须使用 Adobe 帐户登录到 Adobe Creative Cloud 桌面应用程序或任何其他 Adobe 应用程序。

注意:

如果您使用的是免费的 XD 入门计划,您一次只能共享一个原型和一个设计规范。如果您想继续使用免费的 XD 入门计划,那么在共享新链接之前,请删除现有链接。如需有关如何删除原型和设计规范的信息,请参阅删除发布的原型和设计规范

如需从 XD 中升级计划,请单击“帮助”>“升级”。您也可以单击在尝试发布多个原型或设计规范时打开的弹出屏幕中的“立即升级”

您可以为审阅者提供 Web 链接,以供其在 Web 浏览器中查看原型,从而与他们共享整个项目(或者一个流程中的部分画板)。

例如,如果您只希望发布为移动设备创建的画板,请选择移动设备的“主页”画板,并生成新链接。所有与“主页”画板关联的画板均会被包含在原型之中。

- 打开要共享的 Adobe XD 文件。

- 单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,然后单击“发布原型”

- 为原型指定标题。然后设置以下原型选项:

  • 允许评论:默认情况下,此选项处于选中状态。选中此选项后,用户将能够为原型提供反馈。如需有关如何在 XD 中进行审阅的信息,请参阅审阅工作流程
  • 全屏打开:如果您希望用户单击链接后全屏打开原型,请选择此选项。原型将以实际大小的 100% 全屏打开,使观众可以了解设计体验的真实效果。如果设计无法 100% 地在屏幕上显示,用户必须通过滚动来查看整个屏幕。
  • 显示热点提示:默认情况下,此选项处于选中状态。选中此选项后,用户将能够看到原型中的热点提示。如果用户点击的区域不可交互,则会框出可点击的交互区域。
  • 需要密码:选中此选项后,您可以为共享的公共原型添加安全层。如果您选择了此选项并设置了密码,则审阅者需要先输入密码,然后才能查看原型。如需更多信息,请参阅使用密码保护共享原型
- 如需生成 URL,请单击“创建公共链接或新建私有链接 (BETA)”

注意:

如果已设置密码保护,则您可以创建受密码保护的公共链接。

如果您对设计进行了编辑并想刷新之前生成的 URL,请再次单击“发布原型”,然后单击“更新”。如果您希望生成新的 Web 链接,请选择“新建链接”。如果您希望编辑之前共享的私有链接,请单击“编辑私有链接”

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
为原型创建新链接或更新现有链接
 - 单击“复制链接”,复制生成的 URL,并将其粘贴到您的电子邮件客户端或其他通信渠道,与他人共享。

如需在 Web 浏览器中打开已发布的原型,请单击“打开链接”

如需复制嵌入代码,请单击“复制嵌入代码”。然后,您可以将此代码粘贴到任何支持内联框架的网站。

注意:

您还可以深层链接到设计中的特定画板。单击共享原型的链接,导航到特定画板,然后复制该画板的 URL。然后,您可以与审阅者共享该 URL。

注意:

  • 如果您发布的是不带交互的设计,则所有画板均会被上传,用户可以使用键盘上的箭头键进行导航。画板顺序为从左到右,从上到下。
  • 如果您的设计包含交互,则仅会上传和共享与“主页”画板关联的画板。

 

为开发人员发布设计规范

 

使用设计规范功能,可以自动共享文件的设计属性。通过发布设计规范,您可以为开发人员提供元素高度、宽度、大小、对齐方式、两个图标/元素之间的相对间距、颜色和字体设计等关键信息。

除了各个画板的详细规范(包括测量值、颜色和字符样式),开发人员还可以查看画板的顺序和流程,并使用评论选项来分享反馈。

如需有关开发人员如何检查已发布设计规范的信息,请参阅使用通过 Adobe XD 发布的设计规范

- 打开要向开发人员交付的 Adobe XD 文件。

- 单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,然后单击“发布设计规范”

- 根据需要编辑标题,并单击“创建公共链接或新建私有链接 (BETA)”

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库

 

注意:

XD 会根据为主屏幕设置的选项设置默认测量单位。

- iOS:默认单位是 pt

- Web:默认单位是 px

- Android:默认单位是 dp

- 自定义:默认单位是 px

这些默认单位均不可编辑。

XD 可以快速发布设计规范。XD 首先会以 0.5 倍分辨率发布设计规范,并在发布流程过半时开始发布 2 倍分辨率版本。此功能可以确保您能够更快地获取可用链接。

发布流程结束后,设计规范中的 0.5 倍分辨率图像会自动刷新为 2 倍分辨率。

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
正在发起图像上传

 

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
显示图像上传的进度条
 - 如果选择的是“公共链接”,请单击“复制链接”以复制公共链接并将其发送给开发人员进行检查。如需在默认浏览器中打开设计规范,请单击“打开链接”

如果选择的是“新建私有链接 (BETA)”,请输入审阅者的电子邮件地址,添加选填消息,然后单击“邀请”

注意:

未链接的画板不会在设计规范中发布。UX 流程视图中画板的位置与设计文件中画板的位置相同。

 - 发布设计规范后,您可以继续对设计进行更改。当您准备好重新发布时,如果要为设计规范创建链接,请指定“新建链接”

如果您希望用您做出的更改更新现有链接,请单击“更新链接”。刷新链接后,查看设计规范的开发人员便可以看到您的更改。

单击“编辑私有链接”,即可编辑共享的私有链接。

之后,开发人员可以单击设计人员发送的链接。开发人员也可以在利益相关者门户中查看设计规范,并检查原型中使用的测量值、字符样式和颜色的设计规范,或使用评论选项来分享反馈。

如需更多信息,请参阅使用通过 Adobe XD 发布的设计规范

注意:

如果您在发布设计规范或查看发布的设计规范时遇到了任何问题,请参阅常见设计规范错误的解决方法,了解有关如何解决问题的提示。

使用私有邀请 (BETA) 发布原型和设计规范

注意:

“私有邀请”目前是 Beta 功能。带有 Beta 标记的功能意味着:

  • 该功能可以处理更大的工作流程中的部分使用情形。
  • Adobe Systems 希望收到要求增加功能的深度和广度的请求,这些请求将在删除 Beta 标签前得到处理。
  • 该功能的可用性和交付时间可能会发生变化。
  • 该功能的质量和性能与 Adobe Systems 提供的任何其他功能相同。
  • 打开要共享的 Adobe XD 文件。

  • 单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标并选择“发布原型”“发布设计规范”

  • 选择“新建私有链接 (Beta)”,单击“创建私有链接”“发布私有链接”

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    新建私有链接

     

  • “邀请”选项卡中,添加受邀者的电子邮件地址,添加可选消息(如果有),然后单击“邀请”。将通过电子邮件通知向利益相关者告知评论和邀请。

    评论通知电子邮件会提供指向画板上的特定评论(而不仅仅是主页画板)的直达链接。您可以单击电子邮件通知中显示的评论,它们是指向相应画板的可点击直达链接。

    用户单击画板名称时,该名称会打开原型链接,直接将用户引导至相应画板,并自动打开评论面板。在电子邮件通知中,您可以向下滚动到第一条映射到画板的评论或回复。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    共享邀请
  • 单击收到的电子邮件通知,即可在 Web 中显示共享的原型。

    注意:

    确保您已使用 Adobe ID 和已映射到您的帐户的电子邮件地址登录。

  • 您可以登录 Creative Cloud 中的“您的作品”部分,并执行以下操作:

    • 设计人员:
      • 查看他们已与利益相关者共享的原型或设计规范。
      • “已与您共享”部分中查看收到的内容。
    • 审阅者:
      • “已与您共享”部分中查看收到的供审阅的原型和设计规范。

    如需更多有关“您的作品”中各种选项的信息,请参阅浏览、同步和管理资源

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    设计人员视图

     

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    审阅者视图

使用密码保护原型和设计规范

您可以通过添加密码保护来限制对访问原型和设计规范的访问权限。您可以只通过密码保护新的原型或设计规范。

如需使用密码保护已经共享的(使用 XD 版本 6 或更早版本创建的)原型和设计规范,请参阅使用密码保护现有的原型链接

使用密码保护新的原型或设计规范:

  • 单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,并单击“发布原型”“发布设计规范”

  • 设置好各个选项后,单击“需要密码”。在出现的密码字段中,输入符合密码规则的密码。密码必须包含至少 8 个字符,且必须包含下列字符(每种至少一个):A-Z、a-z 和 0-9。

    在为原型和设计规范创建共享链接时,Adobe XD 会隐藏密码字符。要显示密码,请在键入时单击可见性图标以显示密码。单击“创建公共链接” 按钮。在您共享原型或设计规范时,为了提升安全性,系统不会保存密码。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    使用密码保护您的设计规范

    注意:

    如果您的密码不符合 XD 设置的密码规则,则不会启用“创建公共链接”

    设置密码后,只有知道该密码的审阅者才能访问原型或设计规范。

    XD 不会存储您的密码,也不会将其发送给审阅者。将密码随发布的原型或设计规范链接一起分享给审阅者

  • 更改密码:如需更改已发布的原型或设计规范的密码,请在密码字段内单击并输入新密码。然后您可以更新现有链接或创建链接。

    删除密码:如需删除共享原型或设计规范的密码保护,请取消选中“需要密码”复选框。然后您可以更新现有链接或创建链接。

    忘记密码:XD 不会存储您的密码,所以如果您忘记了密码,您可以为您的原型或设计规范设置一个新密码并更新链接。

审阅者可以单击您通过电子邮件、Slack 或其他消息收发渠道共享的原型链接,然后根据提示输入密码。

审阅者还可以通过 Creative Cloud 中的“您的作品”部分 (assets.adobe.com) 访问原型,并在统一的浏览器界面中查看和评论内容。

如需更多信息,请参阅审阅工作流程

如果您使用 XD 版本 6 或更早版本创建了公共原型 URL,则您无法直接通过添加密码保护来更新这些现有链接。您需要创建一个新链接。

但是,在使用 XD 版本 7 创建新链接后,您便可以随时使用密码更新链接。

删除已发布的原型和设计规范

您可以使用 XD 中的“管理发布的链接”选项删除原型的共享链接。

  • 单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标。然后单击“管理发布的链接”

    注意:

    如果您使用的是入门计划,并尝试发布多个原型或设计规范,则系统会提示您升级计划或管理链接。单击“管理链接”,即可删除现有原型或设计规范链接。

     

    Creative Cloud 中的“您的作品”部分将在浏览器中打开。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    管理发布的链接
  • 在“您的作品”中的“原型和规范”部分,单击原型或规范对应的“删除”图标,并确认您要删除它。您还可以选择多个链接并将其一次性删除。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    从 assets.adobe.com 中删除链接

审阅工作流程

使用 Adobe XD,设计师和利益相关者可以轻松地协作处理共享原型。

完成设计流程后,作者可以为原型创建私有或公共 Web 链接,并将其发送给审阅者。审阅者可以对原型进行注释和反馈。

作者还可以控制在通过单一门户共享资源以供审阅时,利益相关者可以看到哪些资源。

作者可以查看反馈并进行更改,还可以根据需要将原型 Web 链接发送给审阅者,以供其再次查看。

如需更多有关工作流程的信息,请参阅:

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
审阅工作流程

作者工作流程

当原型准备好接受审阅时,作者可以与审阅者共享原型并启用评论。当有评论添加到原型时,作者会收到通知。然后他们可以更新原型,并再次与审阅者共享。

  • 当您准备好共享原型以供审阅时,请单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,然后单击“发布原型”

  • 在出现的弹出窗口中,选择“允许评论”,并单击“创建公共链接或新建私有链接(BETA)”

    注意:如果您已经共享了原型,您可以选择启用评论功能并更新旧链接。

  • 单击“复制链接”并将该链接粘贴到您的通信渠道中,例如即时通讯或电子邮件应用程序,与您的利益相关者共享。

    审阅者在浏览器中打开共享链接时,会在右上角看到一个评论图标。

  • 审阅者为原型添加评论时,您会收到通知。打开 Web 链接并查看评论。您也可以选择回复收到的评论。

    在通知邮件中,单击画板名称,打开原型链接,导航到相应的画板,并打开评论面板。在通知邮件中,您可以向下滚动到第一条映射到画板的评论或回复。

  • 返回 Adobe XD 并根据需要更新您的原型。

    然后,您可以在原型的“评论”面板解决评论。如需解决评论,请单击“解决”。已解决的评论将从您的评论列表中消失,但您可以通过单击“查看已解决的评论”来查看它们。您也可以将已解决的评论移回“评论”面板中的“未解决”部分。

  • 如果您已准备好共享经过更新的原型,请单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,然后单击以下选项之一:

    • 更新链接:通过您之前创建的同一链接访问经过更新的原型,并与审阅者共享。
    • 新建链接:创建链接并与审阅者共享。

    如果审阅者正在使用浏览器查看原型链接,则其只需进行刷新,即可立即看到更改(如果您更新了原有链接

  • 如需关闭审阅,请单击 XD中文用户手册:共享原型和设计规范 - US - UI设计素材库 图标,取消选择“允许评论”并更新链接。

审阅者工作流程

审阅者需先使用 Adobe ID 登录,然后才能评论原型。如果您是企业用户,请联系帐户管理员并请他为您提供权限和凭证

如果原型受密码保护,则需要先需输入密码,然后才能查看原型。

审阅者还可以控制利益相关者可以查看并审阅哪些相关资源。

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
输入密码,查看受密码保护的原型

登录后,请单击“显示评论”图标,打开评论面板。

  • 如需使用 Adobe ID 登录,请单击“登录”并提供您的 Adobe 凭据。

    如需以访客身份登录,请单击评论面板顶部的“以访客身份登录”。当系统提示您提供名称时,请输入名称,然后输入 CAPTCHA 代码。

    注意:

    如果您以访客身份登录并发表评论,并(通过关闭或刷新浏览器)结束会话,那么当再次以访客身份登录时,您将无法控制以前的评论。然而,如果您使用 Adobe ID 登录,则可以编辑以前的评论。

  • 使用以下工具,获取最佳查看体验:

    • 热点提示任何查看共享原型的人都可以获取热点提示。这些提示会指明哪些是审阅者需要单击的交互式元素。当您单击画板中没有交互式元素的空间时,系统会显示提示。
      注意:如果设计师在共享原型时禁用了这些提示,则它们将不会出现。
    • 全屏模式在浏览器中以及预览模式下全屏显示原型。在查看共享原型时,单击屏幕右上角的全屏图标。原型将会扩大并填满整个屏幕,让您清楚地看到所有设计细节。如需退出全屏模式,请按 Esc 键。
  • 在评论面板的顶部输入评论。如需在评论中新增一行,请按 Shift + Enter

    您还可以将评论固定或移动到画板中的特定区域。如需固定评论,请单击放置图钉,然后单击画板上的特定位置。然后输入您的评论,并单击“提交”,提交评论。

    您还可以从常规评论切换到固定的评论。评论通知电子邮件会提供指向带有评论的画板(而不仅仅是主页画板)的直达链接。

    注意:

    如需在放置图钉后移动图钉,请将图钉拖至画布上的其他位置。您只能移动您放置的图钉。

    XD 会为每个固定的评论分配一个编号。评论面板中的评论也具有相应编号,这样,设计师便能够轻松确定评论的上下文。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    将图钉拖至画布的特定部分,然后输入评论

    作者可以查看评论,并在处理完毕后将其标记为“已解决”。如需查看已解决的评论,请单击“查看已解决的评论”。如果您认为您的评论被错误地标记为“已解决”,您可以通过单击“移至未解决”,使该评论继续处于待处理状态。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    将评论设为未解决

已与您共享 (BETA)

设计人员和审阅者可以通过“您的作品”“已与您共享 (BETA)”部分访问私有原型和设计规范。“已与您共享”还会显示私有内容以及共享文件夹。

如需更多有关以企业客户身份使用“您的作品”的信息,请参阅资源设置

设计人员和审阅者会基于其角色在 Creative Cloud 中的“您的作品”部分获得不同的用户体验。

如果您是设计人员,则您可以在“您的作品”中查看以下附加选项:

  • 已与您共享 (BETA):显示已与您共享的供审阅的原型和设计规范
  • 原型和规范:显示用户的已发布链接的完整列表

如果您是审阅者,则您仅可在“您的作品”中查看以下选项:

  • 已与您共享 (BETA):显示精简的利益相关者体验,其中会显示已与利益相关者共享的待审阅的原型和设计规范。
  • 文件:除非您已收到来自审阅者的待审阅文件,或者您已在 Creative Cloud 中上传和管理您的资源,否则会显示一个空文件夹。

此视图可以帮助审阅者专注于其主要任务,即审阅和评论已与其共享的内容。

 

如需更多有关“您的作品”中各种选项的信息,请参阅浏览、同步和管理资源

注意:

此功能仅适用于已与审阅者共享的设计规范和原型的私有链接。

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
设计人员视图

 

XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
审阅者视图

设计人员工作流程

  • 创建私有链接后,选择“邀请”选项卡中的“在浏览器中打开”图标,即可自动登录资源的 Web 视图。

  • 单击屏幕左上角的“您的作品”,即可自动在“您的作品”中显示“原型和规范”视图。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    设计人员视图
  • 按浏览器上的后退按钮,即可导航到原型或设计规范的 Web 视图。

 

审阅者工作流程

  • 单击审阅工作流程邮件中收到的链接,即可访问原型并进行评论(如果您已使用 Adobe ID 登录)。

    注意:

    虽然您不需要具备付费的 Adobe ID 即可访问原型,但请确保您已使用审阅工作流程邮件中的同一电子邮件地址登录您的 Adobe 帐户。

  • 单击原型或设计规范的 Web 视图中的“共享项目”,即可转到 Creative Cloud 中的“您的作品”部分。 如果您的 Creative Cloud 帐户已映射到该电子邮件地址,或者如果您已登录您的 Creative Cloud 帐户,则您会自动转到“您的作品”

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    审阅者视图

     

  • “您的作品”中的审阅者视图会显示“已与您共享 (BETA)”“文件”选项。

    XD中文用户手册:共享原型和设计规范 - US - UI设计素材库
    已与您共享:审阅者视图
326