欢迎观看 Axure RP 中文版教程,小编带大家学习 Axure RP 的根本东西和运用技巧,了解如安在 Axure RP 中只用画布制造交互式移动使用。

Axure不仅能够用来规划线框等低保真原型,还能够用来规划交互式高保真原型,从而实现UI/UX的结合。

首先将画布的巨细设置为iPhone 11的巨细,这也和规划稿一致。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

然后将一切UI规划稿复制到画布中。仅将主页放置在画布的规划区域中。其他页面和控件不在画布的规划区域,所以在生成原型后是不可见的。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

职位设置,将其他页面制造成动态面板,并固定在浏览器的中心顶部。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

弹窗根据需要的弹窗位置固定在屏幕上的对应位置。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

加载动态面板时躲藏动态面板(一切页面和弹出窗口),运用此设置,动态面板将不会显现在屏幕上。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

页面转换设置,单击按钮时,显现响应页面并设置向左滑动的动画

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

当点击action sheet按钮时,会显现对应的action sheet,并设置上滑动画。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?

进入二级页面动态面板,挑选「返回」按钮,设置点击按钮时躲藏二级页面,设置向右滑动动画。

Axure RP 教程,如何在 Axure RP 中只用画布制作交互式移动应用?
以上就是在 Axure RP 中只用画布制造交互式移动使用的方法。