Axure RP 8怎么设计弹窗交互模型?
程序员文章站
2022-05-17 19:46:12
Axure RP 8怎么设计弹窗交互模型?...
aure是一款十分方便的页面交互模型软件。是每一个合格的产品狗必备的技能之一。虽然小编不是产品狗,但是没事也是挺喜欢玩这个软件的。下面,就分三个步骤,首先主界面组合,其次弹窗组合,最后隐藏弹窗。来教教大家aure如何实现简单的弹窗交互。
一、绘制弹窗
1、打开axure,小编就以某读书软件的一个活动为例,教教大家如何实现弹窗。
2、我们就按照这个模型。首先,托一个矩形到index,调整好大小。
3、托一个主要按钮到index,调整好位置,将按钮名称改好。
4、这个组合就作为主界面。然后我们开始弄弹窗。
二、弹窗组合
1、将一个矩形和一个主按钮拖到index,改好名称并调整好位置
2、选择这个组合,点击右键,在菜单栏中选择组合
三、隐藏弹窗
1、选择这个组合,右击拉出隐藏栏选择隐藏
2、鼠标左键将弹窗选择隐藏
3、 双击选择 关闭 按钮
四、呼出弹窗按钮设置
1、点击 想要呼出弹窗的按钮 点击如图位置的 鼠标单击时
2、在拉出的菜单中 选择勾选刚才的组合,要把组合内所有的模块都勾选上。点击确定。
3、将 弹窗移动到合适的位置 按键盘f5进行阅览
4、按下键盘f5后,会代开浏览器,然后点击我们刚才设计的交互
5、就会弹出窗口啦!
6、 最后的最后!axure作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。
相关推荐: