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

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

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图片弹出效果的制作方法,希望大家喜欢,请继续关注。