axure怎么制作弹窗效果? axure图片弹出效果的制作方法

番茄系统家园 · 2022-12-25 02:30:16

在日常网页设计中,经常会看到各种弹窗、或者报警效果,该怎么制作弹窗效果呢?下面我们就来看看详细的教程。

软件名称:
快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版
软件大小:
8.97MB
更新时间:
2014-12-22

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

1、首先我们打开软件在原件库中选择“按钮”原件,然后把按钮原件拖入到画布中(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

2、在原件库中选择一个弹出原件,这里选择“图片”原件举例,选择后拖入到画布中(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

3、选中刚才拖入的图片原件,鼠标右键在弹出的对话框中选择“设为隐藏”(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

4、选中按钮,在上角“属性”中选择“鼠标单击时”(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

5、点击完成后,在弹出的对话框中依次选择“显示”、“图片”,在更多选项中选择“灯箱效果”,然后点击“确定”完成(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

6、设置完成后点击“预览”效果如图表示制作完成(如图)。

axure怎么制作弹窗效果? axure图片弹出效果的制作方法

总结:

1、拖入按钮

2、拖入弹出元素

3、把弹出元素设为隐藏

4、设置鼠标单击属性

5、设置鼠标点击参数

6、完成

以上就是axure图片弹出效果的制作方法,希望大家喜欢,请继续关注。

相关推荐:

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