演示原型

在为原型设置好流程和交互之后,就可以进入到演示原型的环节,观看和体验原型的设计效果。

演示设置

在原型模式下,可以在右侧属性面板中设置「演示背景色」和「设备模型」。

演示背景色

「演示背景色」是指在演示状态下画布的背景色。

点击右侧属性面板中「演示背景色」栏中的颜色设置项,即可设置演示背景色,同时在右侧还可以设置该颜色的不透明度。

img

设备模型

在这里你可以选择合适的设备模型,进行原型演示时,就可以使用你选择的设备模型演示,全真模拟实际场景。

MasterGo 提供多种型号的手机、电脑、iPad 和手表等设备模型,任你选择。

预览

设置了「演示背景色」和「设备模型」后,可在预览区域看到设置后的效果。

img

进入演示

可以通过以下三种方式进入原型演示:

a. 点击界面右上角的播放按钮,进入演示界面后,选择要演示的流程;

b. 点击画布中「流程起始点」的播放按钮;

c. 在右侧属性面板的流程列表中,点击该流程的播放按钮。

img

需要注意的是,能够进入演示的设计稿须为「容器」。「图层组」「形状」「图片」等非「容器」内容无法被演示。

演示界面

在演示界面,可以直观地按照设置来演示原型。

视图设置

在演示界面,可以根据你的需求调整视图。

在演示界面的右上角,点击「适配」下拉菜单可选择演示时视图的大小,提供 “100%”、“充满”、“适配”和“适应” 四种选择。

在 “100%”选项中,可支持常规缩放,其他选项不支持。

img

选择“点击时显示热区提示”,则在演示过程中,当在设置了交互的图层外部做出触发时,系统会在设置了交互的图层上赋予颜色的变化,提示用户要在该图层上进行触发。

选择“沉浸模式”,则在演示时,不显示视图设置和流程列表浮框等。

快捷键

  • 进入或关闭“沉浸模式”

    • Mac: ⌘ Command + \
  • Windows: Ctrl + \

  • 在“100%”模式时,放大视图使用快捷键 + ,或配合鼠标滚轮:

    • Mac: ⌘ Command + Scroll up
    • Windows: Ctrl + Scroll up
  • 在实际尺寸视图模式时,缩小视图使用快捷键 - ,或配合鼠标滚轮:

    • Mac: ⌘ Command + Scroll down
    • Windows: Ctrl + Scroll down

选择流程与查看描述

在演示界面的左上角有一个「流程列表」的浮框,在这里可以选择要演示的「流程」,也可以展开该「流程」的「备注」。

img