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

(0)

相关推荐

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

    Aure是一款十分方便的页面交互模型软件. 是每一个合格的产品狗必备的技能之一. 虽然小编不是产品狗,但是没事也是挺喜欢玩这个软件的. 下面,就分三个步骤 1.主界面组合 2.弹窗组合 3.隐藏弹窗 ...

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • Axure RP 8怎么设计按钮空值页面大小?

    一般网页中,有时会添加动画效果,如淡入.淡出.左移.右移等.利用Axure RP 8 设计出动画的效果,可以利用按钮点击事件控制页面框框改变宽度和高度达到改变大小的目的,操作如下: 1.双击打开Axu ...

  • Axure RP 8怎么设计模拟播放器模型

    Axure RP 8下面利用一个实例说明实现这个播放器的过程,操作如下: 1.双击打开Axure RP 8设计软件工具,新建默认的页面,如下图所示: 2.在元件库中的"基本元件"中 ...

  • Axure RP 8怎么设计立体的圆角矩形按钮?

    Axure RP 8中想要设计按钮图形是很方便的,因为有按钮元件,可以直接使用,然后添加一些效果,下面我们就来看看详细的教程. 1.双击打开Axure RP设计软件工具,在基本元件中拖曳一个按钮到空白 ...

  • Axure RP 8如何设计可以完成数学加法计算

    一般情况下,常见的是有算法运算,有加减乘除运算.有这么一个场景:一个加数,另外一个加数,点击"加法"按钮,将计算的结果填在最后一个输入框.下面利用Axure RP 8 软件实现,操 ...

  • Axure RP 8如何设计单选按钮和按钮选择值

    Axure RP 8设计软件自带了很多控件,有单选按钮.按钮和输入框,下面有这么一个场景: (1)有四个单选按钮 (2)选择其中一个单选按钮,点击按钮触发事件 (3)将单选按钮值填写到输入框中 下面利 ...

  • Axure RP 8怎么设计有漂亮图标的树状菜单?

    Axure 8 RP设设计网页原型的时候,想要设计一个树状菜单,该怎么设计并添加图标呢?下面我们就来看看详细的教程. 1.选择适当的编辑区域,拖入树状菜单. 2.右键菜单,选择第一个,编辑树属性,选择 ...

  • Axure RP 8怎么设计注册页面的网页原型?

    建站的时候注册界面也是系统中常常涉及到的,登录一个新系统前先要注册,该怎么使用axure设计注册页面原型呢?下面我们就来看看详细的教程. 1.首先,打开Axure RP 8设计原型工具,找到设计控件, ...