【Axure10】原型浏览器预览界面功能说明

前言

原型的预览界面是Axure的重要组成之一。其实在原型预览的界面也存在一些比较实用的功能。

正文

预览页面基础布局

通过在默认状态下，软件的预览页面会默认展示原型的页面菜单栏。

功能1：隐藏菜单栏，扩大展示面积

我们可以通过左上角的收缩功能隐藏对应的菜单栏，或在软件发布设置提前设置隐藏。

功能2：调整画布缩放比例

原型界面比例快速调整

在Axure中，提供了预览页面画布的缩放比例，默认比例是按照100%展示的。在右侧的菜单栏可以进行比例调整。

注：Axure 9 版本无比例调整。

Default Scale：默认比例

默认比例100%。

Scale to Fit：调整到页面大小

会将页面整体全部展示（原型界面的高度依据浏览器的高度进行适配缩放）。

注：在制作手机交互原型时，手机页面可以利用此功能进行放大展示。但是需注意页面高度较高（超出浏览器高度）就会进行整体缩放处理。

Scale to Width：调整到页面宽度

会将页面整体全部展示（原型界面的宽度依据浏览器的宽度进行适配缩放）。

i

注：在Axure 9 中支持宽度与高度的页面适配，功能隐藏在右上角的更多栏目。

Axure 9 该功能位置

功能3：基于页面名称快速检索

在Axure的预览的导航栏，支持页面名称的快速检索。

小技巧

在日常的原型迭代中，可以在页面命名上进行版本信息的附带。例如本次迭代修改了首页，此处就进行页面名称+迭代版本的命名方式。在后续原型评审或演示的时候，可以快速定位本次迭代的全部页面内容。

注：如果不使用官方AxureCloud服务，暂时无法在一个原型中维护历史的页面，可以采用新版本复制旧版本的RP文件进行功能迭代。这样可以保证原型文件体积较小，同时可以进行功能版本的溯源。遇到版本功能回滚时，可以通过导入页面导入的功能进行覆盖（页面导入后需检测跨页面的交互是否完整，部分页面导入可能由于页面命名的改变导致失效）。

i

功能4：显示全局说明信息

点击显示全局说明信息。可以展示页面的注释说明与元件的注释说明。

优点：注释在页面中平铺无法展示时，通过注释节省预览画面空间，同时元件注释点击可以高亮关联元件，达到定位效果。

缺点：就是需要手动在预览界面进行打开此功能，同时占据一定的页面空间。

image

功能5：展示加载的交互事件

一般交互事件只是在原型制作时进行部分调试使用。

在我们原型制作部分高保真交互时，涉及部分交互动作关联，可以通过此处排查交互动作问题。一般比较常见的问题如交互的先后顺序问题，赋值是否有效等等。

功能6：展示可交互区域

在更多功能的中，可以打开交互区域与说明区域的标识，功能开启后，可以在原型中高亮显示对应的区域。

优点：可以快速的定位交互区域与说明区域

缺点：页面交互较多时，会显示全部页面都是高亮。

使用场景：可以进行一些辅助性的交互点说明，例如需求评审时，页面功能评审最后，可以开启后检查是否有评审遗漏。