干货:Axure RP 8 如何实现弹窗交互模型

2025-09-29 05:30:11

1、打开Axure,小编就以某读书软件的一个活动为例,教教大家如何实现弹窗。

干货:Axure RP 8 如何实现弹窗交互模型

2、我们就按照这个模型。首先,托一个矩形到index,调整好大小。

干货:Axure RP 8 如何实现弹窗交互模型

3、托一个主要按钮到index,调整好位置,将按钮名称改好。

干货:Axure RP 8 如何实现弹窗交互模型

4、这个组合就作为主界面。然后我们开始弄弹窗。

1、将一个矩形和一个主按钮拖到index,改好名称并调整好位置

干货:Axure RP 8 如何实现弹窗交互模型

2、选择这个组合,点击右键,在菜单栏中选择组合

干货:Axure RP 8 如何实现弹窗交互模型

1、选择这个组合,右击拉出隐藏栏选择隐藏

干货:Axure RP 8 如何实现弹窗交互模型

2、鼠标左键将弹窗选择隐藏

干货:Axure RP 8 如何实现弹窗交互模型

3、双击选择 关闭 按钮 

1、点击 想要呼出弹窗的按钮 点击如图位置的 鼠标单击时

干货:Axure RP 8 如何实现弹窗交互模型

2、在拉出的菜单中 选择勾选刚才的组合,要把组合内所有的模块都勾选上。点击确定。

干货:Axure RP 8 如何实现弹窗交互模型

3、将 弹窗移动到合适的位置 按键盘F5进行阅览

干货:Axure RP 8 如何实现弹窗交互模型

4、按下键盘F5后,会代开浏览器,然后点击我们刚才设计的交互

干货:Axure RP 8 如何实现弹窗交互模型

5、就会弹出窗口啦!

干货:Axure RP 8 如何实现弹窗交互模型

6、最后的最后!Axure作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢