美文网首页原型之美Axure10 保姆级教程
【Axure10】原型浏览器预览界面功能说明

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

作者: Brose | 来源:发表于2021-10-21 13:56 被阅读0次

    前言

    原型的预览界面是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:展示可交互区域

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

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

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

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

    相关文章

      网友评论

        本文标题:【Axure10】原型浏览器预览界面功能说明

        本文链接:https://www.haomeiwen.com/subject/shmfaltx.html