完成屏幕设计后,您可以将各屏幕互相连接,以便直观地了解用户如何体验您的应用程序或网站。
Adobe XD 允许您创建交互式原型,直观地展示如何在屏幕或线框之间导航。您可以预览交互,验证用户体验并对设计进行迭代,从而节省开发时间。您还可以录制交互过程并与利益相关者分享,以获取他们的反馈。放大/缩小并查看原型特定部分的细节。
12-09
完成屏幕设计后,您可以将各屏幕互相连接,以便直观地了解用户如何体验您的应用程序或网站。
Adobe XD 允许您创建交互式原型,直观地展示如何在屏幕或线框之间导航。您可以预览交互,验证用户体验并对设计进行迭代,从而节省开发时间。您还可以录制交互过程并与利益相关者分享,以获取他们的反馈。放大/缩小并查看原型特定部分的细节。
主屏幕是您的应用程序或网站的第一个屏幕。您的用户会通过主屏幕开始在应用程序或网站中进行导航。
此外,如果您在预览原型时并没有选择任何内容,预览将从主屏幕开始。也就是说,默认情况下,您的主屏幕会被设置为第一个添加连线的画板。
切换到“原型”模式。
单击要设置为主屏幕的画板。左上角会出现一个灰色的主页图标。
点击主页图标。它会变成蓝色,提示该画板或屏幕现已成功设置为主屏幕。
如需将另一画板设为主屏幕,只需单击与该画板关联的主页图标即可。
切换到“原型”模式。
单击并开始拖动鼠标,可以看到连接器。在目标画板或屏幕上释放鼠标。
当您连接第一个元素时,该元素所在的画板将设为主页画板。
在出现的弹出窗口中,您可以指定以下内容:
按 Esc 键或在弹出窗口之外单击,可将其解除。
重复上述步骤,链接项目中的所有交互式元素。
提示:
在“原型”模式下如何更快地创建交互:
如需将元素指向另一屏幕,请再次单击手柄并将其拖至所需的屏幕。
如需查看特定画板的连接,请选择画板标题。
如需删除交互,请将连接器的目标手柄从目标画板拖到草稿区域。
在“原型”模式下,选择“目标”>“上一个画板”。
将“目标”设置为“上一个画板”。设置目标后图标会改变。
使用预览窗口预览链接。
在“原型”模式下,选择“目标”>“无”。
您也可以将连线从画板拖到草稿区域(画板之间的灰色空间)。
注意:
只有在画板被链接到某一目标时,“无”选项才可用。
在浏览器中预览链接。
元素之前设置的任何目标链接都将被删除。
注意:
Windows 上的 Adobe XD 不支持录制原型。但是,有一种变通方法。按 Windows + G 键并使用原生录制程序录制“预览”窗口。
您可以预览原型,以便测试原型和交互。您还可以录制预览,并将录制内容保存为 .mp4 文件。然后,您可以选择与您的利益相关者共享这个 .mp4 文件,他们可以查看(或审阅)原型的演练并提供反馈。
单击“桌面预览”图标。此时会出现“预览”窗口并突出显示画板。
如需测试屏幕之间的导航,请单击交互式元素。
在“预览”窗口中预览时,可以编辑原型的设计和交互。可以立即预览这些更改。
如需录制交互,请单击“预览”窗口中的“录制”。如需结束录制,请按 Esc 或再次单击“录制”。
指定名称和保存录制内容的位置。录制内容会被保存为 .mp4 文件。