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

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

主界面组合

  • 01

    打开Axure,小编就以某读书软件的一个活动为例,教教大家如何实现弹窗。

  • 02

    我们就按照这个模型。首先,托一个矩形到index,调整好大小。

  • 03

    托一个主要按钮到index,调整好位置,将按钮名称改好。

  • 04

    这个组合就作为主界面。然后我们开始弄弹窗。

弹窗组合

  • 01

    将一个矩形和一个主按钮拖到index,改好名称并调整好位置

  • 02

    选择这个组合,点击右键,在菜单栏中选择组合

隐藏弹窗

  • 01

    选择这个组合,右击拉出隐藏栏选择隐藏

  • 02

    鼠标左键将弹窗选择隐藏

  • 03

    双击选择 关闭 按钮

呼出弹窗按钮设置

  • 01

    点击 想要呼出弹窗的按钮 点击如图位置的 鼠标单击时

  • 02

    在拉出的菜单中 选择勾选刚才的组合,要把组合内所有的模块都勾选上。点击确定。

  • 03

    将 弹窗移动到合适的位置 按键盘F5进行阅览

  • 04

    按下键盘F5后,会代开浏览器,然后点击我们刚才设计的交互

  • 05

    就会弹出窗口啦!

  • 06

    最后的最后!Axure作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。

(0)

相关推荐

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

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

  • Axure rp怎么设计微信的交互界面?

    axure中想要制作一个交互的功能,该怎么制作呢?下面我们就来看看详细的教程,请看下文详细介绍. 1.打开axure软件,进入体统页面,点击如图位置新建文档 2.axure界面是这样的,最上面是菜单栏 ...

  • Axure RP怎么实现提示框悬停功能?

    Axure RP是一款十分方便的页面交互模型软件.产品经理在进行需求分析的时候,借助Axure RP工具可以很好设计功能系统,本文将简单介绍Axure RP 的悬停功能(类似于tooltip)如何实现 ...

  • Axure RP复选框怎么实现单选效果?

    Axure RP是互联网行业中产品经理的常用软件,学会它可以快速得画出产品界面的原始样子(交互原型), Axure RP的功能非常强大,为了更好的实现原始样子,需要对该工具的各元件和事件进行研究,本文 ...

  • Axure RP怎么制作选项卡控件?

    Axure RP工具中的既有元件库中没有现成的选项卡控件,该怎么自己制作选项卡控件呢?下面我们就来看看详细的教程. 1.先正常打开Axure RP工具,然后新建一个空白页面. 2.本经验以“我的任务” ...

  • Axure RP 8怎么设置页面弹出框居中显示?

    Axure RP 8网页中的弹窗正常情况都希望居中显示,该怎么设置呢?下面我们就来看看详细的教程. 1.新建一个空白页面,本文以上传文件的操作为例进行说明,在页面中也已经加如动态面板,如下图所示 2. ...

  • Axure RP 8怎么制作倒计时动画?

    倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?场景是:一个按钮触发倒计时,点击后,时间倒数.下面利用一个实例实现这个倒计时,操作如下: 1.打开Axure RP 8设计软件,依 ...

  • Axure RP Pro 7.0怎么制作Tab标签效果?

    Axure RP Pro 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图.操作流程图.以及交互设计,并可自动生成用于演示的网页文件和规格文件,从而可以将产品人员的想法快速准确的 ...

  • axure rp 8.0怎么制作幻灯片效果的网页原型?

    axure rp 是一个专业.高效制作原型软件,可以制作低保真原型,高保真原型,以及流程图,给产品经理带来很多的方便,工作效果也大大提高.幻灯片效果,在很多网站上都可以看到图片轮播,今天我在这给大家详 ...