预览设计和原型

上次更新日期： 2023年2月6日

了解如何使用 Adobe XD 预览原型和录制交互。

在设计资产或原型后，您可以准确预览网站或应用程序的工作流程，包括屏幕过渡。在预览期间，您可以在 Adobe XD 中更改设计或原型，并实时预览它们。

注释

您还可以使用 Adobe XD 移动应用程序在 iOS 和 Android 设备上预览设计和原型。有关更多信息，请参阅移动设备上的 Adobe XD 常见问题解答。

在“设计”或“原型”模式中，单击“桌面预览”。

将显示“预览”窗口。 “预览”窗口显示包含当前选定对象的画板。如果没有选择对象，会先用“主页”画板打开“预览”窗口。

注释

您可以在全屏视图或常规视图中预览设计。在 macOS 上，要以全屏模式查看，请单击设计右上方的“播放”图标。然后原型会扩大并填满整个屏幕。

（可选）在 XD 中单击资产或原型交互，并根据需要进行更改。请注意，更改会在“预览”窗口中立即更新。

如需关闭“预览”窗口，请单击窗口的关闭按钮。

在原型中录制交互

如需预览您的设计或原型，请单击“预览”图标。在“预览”窗口中，单击“录制”。如果存在交互式原型，则“预览”窗口中的所有交互都会录制为 .mp4 文件。

如需停止录制，请再次单击“录制”或按 Esc。指定用于保存 .mp4 文件的位置。

如果出现下列情况，录制也会停止：

您离开应用程序
预览窗口不再具备焦点

如果您在桌面预览窗口中录制原型交互时遇到问题，请参阅在 macOS Catalina 上启用录制。

使用 Adobe XD 移动应用程序，您可以在 iOS 和 Android 设备上预览设计和原型。使用 USB 端口，可以在运行 Adobe XD 的计算机上连接多台设备。可以对设计和原型进行更改，同时在连接的所有设备上实时预览更改。有关更多信息，请参阅移动设备上的 Adobe XD 常见问题解答。