新功能:智能动画 — 为您的原型添加动画效果。 了解更多

跳过导航

预览原型

上次更新于 2024 年 9 月 17 日
阅读时间:3 分钟

在 Mac 应用、Web 应用或 iOS 设备上预览您的原型。

预览原型

观看课程

要开始在 Mac 应用中预览,请点击工具栏中的 预览 按钮 预览 或按 P。如果您已设置 起始点,您的原型将从该点开始。否则,将从当前选中的画板开始。

An image showing prototype preview controls in the Mac app

Mac 应用中的原型预览控件

  1. 点击预览窗口中的任何位置,以查看显示当前画板上的链接和热点的提示
  2. 后退按钮 将带您返回原型中前一个画板
  3. 旗帜 (起始点) 将您当前查看的画板设置为 起始点
  4. 画板下拉菜单 为您提供快速跳转到不同画板的方法
  5. 在画布中查看画板图标 前进箭头 打开 Mac 应用并带您前往正在预览的画板
  6. 显示选项 显示了预览原型的不同选项:适应、填充宽度和实际尺寸。
  7. 分享图标 导出 允许您复制原型链接以与他人分享

在 Web 应用中打开文档时,您可以通过点击侧边栏 关于 选项卡中的 原型 链接来查看其包含的任何原型。点击原型缩略图以在浏览器中打开和预览它。

将鼠标悬停在原型缩略图上并点击 三个点 将为您提供几个选项,用于在播放原型时显示或隐藏提示。

请确保在原型中设置 起始点,否则它将不会出现在 Web 应用中。

An annotated image showing prototype preview controls in the web app

Web 应用中的原型预览控件

  1. 点击预览窗口中的任何位置,以查看当前画板上的可点击目标(链接和热点)
  2. 点击 返回实例按钮 关闭原型并返回文档概述
  3. 重新启动原型 箭头(后退) 带您返回原型的 起始点
  4. 后退 尖括号(左)前进 尖括号右 按钮将逐步浏览您已链接的画板
  5. 查看选项 尖括号(上/下) 调整画板在原型播放器中的显示方式(见下文)
  6. 点击 复制链接 分享 分享原型链接,并包括显示或隐藏导航元素的选项。
  7. 查看画板 按钮 画板 在 Web 应用中打开正在预览的画板
  8. 全屏 按钮使窗口全屏显示。按 esc 退出全屏
  9. 点击 评论 图标 评论 以在浏览原型时查看和添加评论

更改原型在浏览器中的显示方式

使用 查看选项 尖括号(上/下) 更改原型在浏览器窗口中的显示方式。

适应 0:调整画板大小以适应浏览器的视口,无论其大小如何。

填充宽度 1:在播放期间自动调整画板大小以适应浏览器窗口的宽度。选择此选项以避免由于画板比浏览器窗口窄而导致在左侧和右侧看到空白空间。您的原型预览将随着浏览器窗口大小的调整而不断调整。

实际尺寸 z:显示画板的实际尺寸,无论浏览器窗口大小如何。

Web 应用将使用相同的预览显示设置,直到您更改它为止。

使用填充宽度选项自动调整画板大小以适应浏览器窗口的宽度

查看文档时,向上滑动屏幕底部的表格以查看画板缩略图下方的任何原型。点击原型以启动原型播放器。

在测试原型时,点击屏幕上热点和链接以外的区域将显示提示。

要退出原型,请点击并按住屏幕上的任何位置以返回文档视图。

查看文档时,点击屏幕右上角的 预览 (播放)按钮以开始播放其原型。如果文档中有多个原型,请点击要播放的原型列表中的原型。

在测试原型时,点击屏幕上热点和链接以外的区域将显示提示。

要退出原型,请点击并按住屏幕上的任何位置以返回文档视图。