教你使用Axure。

相信很多的用户都比较喜欢使用Axure RP 8,不过你们知道使用Axure RP 8丛设计弹窗交互模型吗?下文就带来了使用Axure RP 8设计弹窗交互模型的具体操作步骤。

使用Axure RP 8设计弹窗交互模型具体操作步骤

一、绘制弹窗

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

看完了上文讲解的使用Axure RP 8设计弹窗交互模型的具体操作步骤,你们是不是都学会设计的方法了呢?

本文来自网络投稿,来自作者春天。不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/313245.html

(0)
春天春天
上一篇 2023-06-10 16:59
下一篇 2023-06-10 16:59

相关推荐

  • Axure RP 无法预览页面是为什么?怎么解决。

    使用 Axure RP 绘制原型图,你可以在画完之后先进行预览,查看不足之处,但有时候会出现无法预览的情况,这是为什么呢?怎么解决?如果Axure 无法正常预览页面,可以参考以下几...

    2023-05-20 其他教程
    0320
  • 小编分享Axure

    Axure RP是一个专业的快速原型设计工具,能够快速的、高效的创建原型,同时还支持多人同时在线处理同一个设计。在使用的过程中我们通常会使用参考线来辅助设计,但是当辅助线添加过多又...

    2023-07-08 PC教程
    0170
  • 我来分享使用Axure。

    最近小编遇见不少的用户询问使用Axure RP 如何设置树状菜单?下文就为你们分享了使用Axure RP设置树状菜单的具体操作流程。 1、打开Axure RP 8软件,在元件库中找...

    2023-06-07 PC教程
    0180
  • 分享Axure

    Axure RP如何复制元件?最近有不少小伙伴问我axure这款软件怎样才能复制元件,那么今天的教程小编就给大家带来Axure RP复制元件的方法步骤,让我们一起来看看吧。 方法/...

    2023-07-01 PC教程
    0160
  • 我来教你Axure

    Axure rp中如何设置与使用自适应视图?最近有很多使用Axure rp的小伙伴在问:Axure rp中的自适应视图应该如何设置使用,今天小编将给大家带来Axure rp设置与使...

    2023-07-01 PC教程
    0200
  • 我来分享使用Axure。

    相信很多的用户都在使用Axure RP 8,不过你们晓得使用Axure RP 8怎么设置一个矩形全局变量呢?本教程就带来了使用Axure RP 8设置一个矩形全局变量的具体操作流程...

    2023-06-10 PC教程
    0230
  • 分享Axure如何使用。

    Axure是一款功能强大的原型设计软件,它也是美国Axure公司所开发的,它十分好用,因此有很多人会下载安装它,但是有些人下载安装它,却不知道怎么使用。那么Axure如何使用呢?不...

    2023-06-14 PC教程
    0210
  • 教你使用Axure。

    想要使用Axure RP 8制作出一个旋转圆角图片吗?那可以跟随小编一起去下文看看使用Axure RP 8制作出一个旋转圆角图片的具体操作步骤。 1、打开Axure RP 8软件,...

    2023-06-07 PC教程
    0190
  • 小编教你使用Axure。

    想了解使用Axure PR 8快速制作出多个按钮的方法吗?那就跟着小编一起去下文看看使用Axure PR 8快速制作出多个按钮的具体流程介绍。 1、首先,打开Axure PR 8软...

    2023-06-07 PC教程
    0170
  • 我来教你axure如何添加滚动条

    axure如何添加滚动条?最近有很多使用axure的小伙伴问我不知道在哪添加滚动条,那么今天小编就给大家带来axure添加滚动条的操作步骤。 方法/步骤 1、首先打开axure软件...

    2023-06-30 PC教程
    0180
  • Axure如何设计制作页面跳转?了解Axure基础功能。

    Axure RP是一款非常专业的产品原型设计工具,它可以帮助用户创建网站网页、程序应用等,今天小编主要介绍Axure的一个基础功能——跳转,从一个页面跳转到...

    2023-05-14 其他教程
    0260
  • 小编教你Axure。

    你们的工作中是不是也使用Axure RP 8呢?那么使用Axure RP 8如何设计网站用户信息界面呢?下文就为你们带来了Axure RP 8设计网站用户信息界面的具体操作流程。 ...

    2023-06-07 PC教程
    0200
  • 我来分享使用Axure。

    你们知道使用Axure RP 8如何画出漂亮游泳圈图形呢?在此篇文章内容就为你们带来了使用Axure RP 8画出漂亮游泳圈图形的具体操作步骤。 1、打开Axure RP 8设计原...

    2023-06-10 PC教程
    0200
  • 我来教你Axure如何导入本地按钮

    Axure如何导入本地按钮?最近有很多小伙伴问我在使用Axure时不知道该如何导入本地按钮,那么今天小编就给大家带来Axure导入本地按钮的具体操作步骤。 方法/步骤 1、我们需要...

    2023-06-30 PC教程
    0140
  • 我来分享Axure

    Axure RP9如何设置黑暗界面?大家都知道Axure的初始界面是白色的,有小伙伴想知道如何更改Axure的界面,那么今天小编就和大家一起来看看Axure设置黑暗界面的方法步骤。...

    2023-07-01 PC教程
    0150

发表回复

登录后才能评论