Axure RP 8怎么设计弹窗交互模型?

番茄系统家园 · 2022-10-27 09:02:11

Aure是一款十分方便的页面交互模型软件。是每一个合格的产品狗必备的技能之一。虽然小编不是产品狗,但是没事也是挺喜欢玩这个软件的。下面,就分三个步骤,首先主界面组合,其次弹窗组合,最后隐藏弹窗。来教教大家Aure如何实现简单的弹窗交互。

软件名称:
原型设计工具Axure RP Pro 8.1特别版 中文汉化特别版(附汉化包+注册码+安装教程)
软件大小:
90.5MB
更新时间:
2018-05-24

一、绘制弹窗

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

相关推荐:

免责声明: 凡标注转载/编译字样内容并非本站原创,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如果你觉得本文好,欢迎推荐给朋友阅读;本文链接: https://m.nndssk.com/rjwt/1349791VJCF8.html
猜你喜欢
最新应用
热门应用