在 XD 中使用共享的原型

上次更新日期: 2022年3月11日

了解如何在 XD 中使用共享的原型。

原型

使用 Adobe XD,设计师和审阅者可以轻松地协作处理共享原型。 作为审阅者,您可以通过以下方式使用原型:

首先让我们熟悉原型链接设置和选项。

熟悉设置和选项

在原型链接中,您可以检查您的帐户设置、调整缩放设置、查看通知以及邀请其他利益相关者:

与原型交互

A. 邀请 B. 缩放设置 C. 全屏模式 D. 支持和反馈 E. 通知 F. 帐户设置 

  • 邀请:要邀请其他利益相关者访问原型链接,请单击邀请。 在邀请利益相关者时,您可以将访问级别设置为可以查看可以共享。 您必须登录您的 Adobe 帐户才会看到“邀请”按钮。
  • 缩放设置:要放大和缩小原型链接,请使用缩放设置。 可根据需要选择预定义的各种缩放增量:25%、50%、75%、100%、150%、200%。 或者,在触摸板上使用捏合缩放手势,或者按住 Cmd/Ctrl 键并使用鼠标滚轮小幅滚动。 原型链接在打开时采用的默认缩放级别与以前相同。
  • 全屏模式:单击全屏图标可在全屏模式中查看原型。 按 Esc 键可退出全屏模式。
  • 支持和反馈:在任何时候,如果您需要获取帮助或提供反馈,请单击问号图标。
  • 通知:要跨适用于您的原型查看所有活动/通知,请单击铃铛图标。 
  • 帐户设置:要查看您的用户帐户详细信息,请单击个人资料图标。

与原型交互

共享原型具有交互性。 您可以使用触发器与原型交互。 使用设计人员定义的触发器,例如点击、拖动、键盘、游戏手柄和语音输入,从而产生诸如过渡、音频、语音、视频和 Lottie 播放等操作。 您还可以使用屏幕底部的导航控件。

注意事项

  • 如果原型链接的加载屏幕具有设置为自动播放的视频,则视频将始终静音。 单击屏幕底部显示的消息中的取消静音
  • [仅限 Safari] 默认情况下,Safari 上禁止自动播放声音。 要在 XD 原型链接上启用自动播放声音,请参阅在 Safari 上启用自动播放声音。 如果您为 XD 原型链接启用自动播放,则以后无需为视频取消静音。 

要了解视频如何与其他交互配合使用,请参阅了解交互和视频播放行为

为视频取消静音
单击屏幕底部的蓝色横幅中的“取消静音”

浏览原型

  • 在原型底部,您可以单击左右箭头控件按钮在原型的画板之间移动。 单击“主页”回到第一个画板视图。 
  • 当您在浏览器应用程序中单击评论时,屏幕上将显示与该评论对应的画板。 
  • 如需在有连线的原型中创建一个更受控的用户测试环境,您可以隐藏您 Web 原型中的分页和导航控件。

为执行此操作,在 XD 中创建链接时,请依次选择“共享”>“查看设置”>“自定义”>“显示导航控件”。 如需更多信息,请参阅共享原型

如果导航控件

  • 已启用(默认设置):原型 Web 应用程序会显示“主页”、“后退”和“下一步”按钮。
  • 已禁用:原型 Web 应用程序导航控件和画板编号将不会显示。 您可以通过已定义的热点与原型交互,单击“主页”按钮可以导航到主屏幕。 当您在移动设备中打开原型时,左/右控件不会在登录页面中显示,滑动手势也无法使用。
导航控件已启用
导航控件已启用

A. 主页 B. 上一个画板 C. 下一个画板 

导航控件已禁用
导航控件已禁用

如果原型流程有连线,您可以选择在发布原型时显示导航控件。

网格视图

原型和设计规范中的网格视图让您的利益相关者或开发人员可以更轻松地快速导航到最相关的画板。

要切换到网格视图,请单击共享原型右上角的链接名称或网格图标。 

网格视图

A. 带有链接名称的网格图标 B. 折叠评论面板 

在网格视图中,您可以进行如下操作:

  • 查看所有屏幕的缩略图;
  • 查看特定画板的评论数;
  • 根据名称搜索特定画板;以及
  • 单击链接屏幕图标,以查看特定画板的所有链接屏幕。
gridview-breakdown
网格视图

A. 画板的评论数 B. 单击链接屏幕图标以查看链接屏幕 C. 画板 First Cards 的链接屏幕 

添加评论

您可以通过在共享原型上添加评论来审阅原型并与设计人员共享反馈。 该原型链接始终与最新评论保持同步。

前提条件

您可以对公开设计和原型发表评论,而无需先登录。 

您可以使用 Adobe ID 登录或选择以访客身份发表评论。 要以访客身份登录,请单击面板顶部的“以访客身份登录”。 当系统提示您提供名称时,请输入名称,然后输入 CAPTCHA 代码。

  • 可在发表评论部分中键入评论。 使用 EnterShift + Enter 键在评论框中换行,使用 Ctrl/Cmd + Enter提交所添加的评论。
  • 添加评论后,选择评论主贴旁的 选项可“解决”“编辑”“删除”评论。但是,您无法编辑或删除其他用户添加的评论。
  • 使用评论面板左下角的所有屏幕评论切换按钮可在一个视图中查看在多个画板间添加的所有评论。 默认情况下,该开关在已发布的设计规范或原型链接中处于打开状态。
  • 单击以隐藏批注或大头针,然后使用图标根据审阅者姓名、时间或批注状态筛选批注。 
  • 左侧的蓝色高亮显示表示当前画板的评论。 单击不适用于当前画板的评论集后,您将进入该画板以便先设置上下文。 
  • 评论面板右上角的通知图标顶部的数字 3 表示多个画板中未查看的评论数。

 

评论功能
评论功能

A. 邀请选项 B. 缩放设置 C. 全屏模式 D. 支持和反馈 E. 通知 F. 用户配置文件 G. 评论的菜单选项 H. 筛选评论 I. 隐藏批注 J. “所有屏幕评论”开关按钮 

筛选评论
筛选评论

A. 按照审阅者筛选注释  B. 按照时间筛选评论  C. 按照状态筛选评论  D. 清除添加的筛选器 E. 查看添加的筛选器 

  • 您还可以播放属于任何共享原型的动画或录音,并在播放时添加评论。 
  • 在添加评论时使用“@提及”可查看原型上其他审阅者的列表。 如果您使用此选项,则其他审阅者会通过电子邮件收到通知,并且会从 Creative Cloud 桌面应用程序收到通知。 单击通知后,审阅者会转到引用画板。

 如果将画板从 XD 中删除,则画板的 Web 评论将不再可用。

有关更多信息,请参阅审阅原型。 

您可以根据以下步骤使用 Android 或 iOS 移动设备上的移动浏览器,在纵向模式下为共享原型添加评论。

在移动浏览器中打开共享原型并使用开合手势打开导航模式。

显示评论图标以及该原型上的评论数量。 仅当所有者在原型上启用评论选项时,才会显示此评论图标。 

双指开合以导航

要查看评论面板,请点击评论图标。 在此面板中,您可以添加评论,删除或编辑现有评论,或固定评论。 

评论面板

点击图钉图标,然后点击屏幕上的任意位置以放置图钉标记。 要提交评论和图钉,请输入评论并点击纸飞机图标。 

图钉标记

更多此类内容