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

  发布时间:2017-01-21 16:09:23   作者:佚名   我要评论
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作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。

相关推荐:

axure RP 8怎么做图片轮换的效果?

Axure RP 8怎么制作按钮控制下拉框选项?

axure怎么设计鼠标移入移出显示或隐藏面板?

相关文章

  • Axure RP 8怎么制作图形排除重叠位模型?

    Axure RP 8怎么制作图形排除重叠位模型?Axure RP 8中想要制作两个图片折叠,排除折叠位置,该怎么做这个模型呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-12
  • Axure RP 8怎么创建图形母板?

    Axure RP 8怎么创建图形母板?Axure设计网页的时候,想要制作一个图片母板,调用很方便,以后统一换图也方便,该怎么创建呢?下面我们就来看看那详细的教程,需要的朋友可
    2017-01-11
  • Axure RP 8怎么新建母版面板并管理?

    Axure RP 8怎么新建母版面板并管理?Axure中想要统一风格,就可以使用母版来统一格式,该怎么新建母版并编辑呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-11
  • Axure RP 8怎么价格2D图形转换成3D图?

    Axure RP 8怎么价格2D图形转换成3D图?Axure RP 8中绘制的平面图想转换成3d立体图,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-06
  • Axure RP 8设怎么绘制拱桥倒影图?

    Axure RP 8设怎么绘制拱桥倒影图?想要制作一个圆拱桥并且设置倒影相互映衬,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-06
  • Axure RP 8怎么利用按钮控制单选框和复选框?

    Axure RP 8怎么利用按钮控制单选框和复选框?Axure中想要设计一个通过按钮来空值单选框和复选框的原型,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2017-01-05
  • Axure RP 8怎么制作圆形不断变换透明度的效果?

    Axure RP 8怎么制作圆形不断变换透明度的效果?Axure RP 8中想要绘制五个大小不同的圆形,中间的圆形可以控制周围圆形的与透明度,该怎么谁及呢?下面我们就来看看详细的教
    2017-01-05
  • Axure RP 8怎么给下拉列表框添加多个值?

    Axure RP 8怎么给下拉列表框添加多个值?Axure RP 8中想要制作一个下拉列表,有多个数值,该怎么制作呢?下面我们就来Axure给下拉列表框添加多行值的教程,需要的朋友可以
    2017-01-05
  • Axure RP 8椭圆形元件怎么设置透明度阴影等属性?

    Axure RP 8椭圆形元件怎么设置透明度阴影等属性?Axure RP 8中自带了椭圆形元件,这个元件怎么设置阴影、边框、填充色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2017-01-04
  • Axure RP 8怎么设计内联框架原型?

    Axure RP 8怎么设计内联框架原型?Axure设计网页原型的时候,想要做一个内部嵌套框架或页面,将视频、页面、地图放入框架中,该怎么设计呢?下面我们就来看看详细的教程,
    2017-01-04

最新评论