今日分享使用Axure(使用Axure制作微信交互原型)

相信很多的用户都比较喜欢使用Axure RP 8,不过你们知道使用Axure RP 8丛设计弹窗交互模型吗?下文就带来了使用Axure RP 8设计弹窗交互模型的具体操作步骤。

使用Axure RP 8设计弹窗交互模型具体操作步骤

一、绘制弹窗

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作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。

看完了上文讲解的使用Axure RP 8设计弹窗交互模型的具体操作步骤,你们是不是都学会设计的方法了呢?