使用指南

原型播放

原型播放的入口

可以通过以下三种方式开始预览原型:

原型播放的入口操作界面

  • 在编辑页面界面的右上角点击「播放」按钮
  • 原型模式下的右侧面板中的流程列表,鼠标悬停后的播放按钮
  • 画板的左上角的「交互流程」播放按钮

原型播放的入口操作界面

设备模型

演示模式支持添加设备模型,还原更真实的实机效果,设计界面右侧 Tab 栏【原型】模块下,在【演示模型】内点击设备模型下拉菜单,选择各种类型的设备模型

设备模型操作界面设备模型操作界面

Tip: 同样还可以切换设备模型的横屏或者竖屏效果

聚光灯模式

演示模式下,可以使用聚光灯模式让所有在该文件演示模式下的访问者聚焦于您所在的页面。

开启聚光灯模式后,演示参与者将自动跟随您的页面浏览,轻松实现多人演示时的进度同步。

启动方式:

在顶部 Tab 栏下,悬停在自己的头像下,会出现弹窗并显示按钮【跟随我的视角】,单击即可对演示模式下的其他访客发起聚光灯模式。

聚光灯模式操作界面

🔔提示:点击其他用户头像,也可跟随其他用户的视角。

演示分享

在演示界面右上方点击「分享」按钮即可打开分享弹窗,点击「复制链接」发送给其他人,对方可以通过链接直接访问该文件的演示界面

演示分享操作界面

演示预览比例

原型演示预览支持三种不同的预览比例,以及三个独立设置项,你可以根据自己的预览偏好进行设置

演示预览比例操作界面

  • 「全览」:顶部或宽度对齐的方式,显示画板内所有的内容,边缘处会自动保留间距
  • 「真实尺寸(100%)」:完全按照画板的实际尺寸100%显示大小
  • 「适应窗口」:根据宽度和高度比例自动适配,若是长页面则高度与预览显示区域对齐,若是宽页面则宽度与预览显示区域对齐
  • 「高亮可交互区域」:演示页面中可以设置可交互的图层区域,可切换为不显示、单击时、或保持高亮状态
  • 「隐藏操作界面」:将直接隐藏演示页面中的所有操作界面
  • 「离线演示缓存」:将该文件内容缓存在浏览器中,适合在一些网络不稳定或即将脱机的场景下使用

Tip:点击右上角的「全屏」按钮,即可进入全屏预览模式,最大化浏览的宽口全屏显示内容

预览画板切换

鼠标点击预览区域顶部的左右箭头时(快捷键:←→),即可进行演示画板的左右切换,点击重新播放按钮(快捷键:R),可以快速回到第一个画板

预览画板切换操作界面

高亮可交互区域

关闭

交互热区在任何时候都不会显示高亮提示。

闪烁

鼠标点击演示预览区域非交互区域的任意位置,添加原型交互事件的热区会高亮闪烁,帮助你快速查看画板中的交互热区位置。

常亮

支持交互的热区会一直显示高亮,适用于首次进行演示交互,不确定交互热区的用户。

高亮可交互区域操作界面

TIP:快捷键 Shift + 8,可以切换热区的高亮显示状态

交互流程

在原型播放预览界面下,界面左侧 Tab 栏可切换至「流程」,您可以在这里选择查看「交互流程」中的某个「流程」,也可查看「流程」下的「画板」,点击既可以切换你所需要的画板

交互流程操作界面

隐藏操作界面

在顶部右侧下拉菜单中,选择【隐藏操作界面】,会直接进入沉浸模式,隐藏界面上所有的操作界面,减少预览时的干扰,单击 Esc,即可唤醒操作界面。

隐藏操作界面操作界面

隐藏操作界面操作界面

Tip:快捷键

Windows:Ctrl + \

macOS:Command + \

可以快速启动隐藏状态,更沉浸的预览内容