axure怎么制作弹窗效果? axure图片弹出效果的制作方法
程序员文章站
2022-11-29 18:48:16
axure怎么制作弹窗效果? axure图片弹出效果的制作方法...
在日常网页设计中,经常会看到各种弹窗、或者报警效果,该怎么制作弹窗效果呢?下面我们就来看看详细的教程。
1、首先我们打开软件在原件库中选择“按钮”原件,然后把按钮原件拖入到画布中(如图)。
2、在原件库中选择一个弹出原件,这里选择“图片”原件举例,选择后拖入到画布中(如图)。
3、选中刚才拖入的图片原件,鼠标右键在弹出的对话框中选择“设为隐藏”(如图)。
4、选中按钮,在上角“属性”中选择“鼠标单击时”(如图)。
5、点击完成后,在弹出的对话框中依次选择“显示”、“图片”,在更多选项中选择“灯箱效果”,然后点击“确定”完成(如图)。
6、设置完成后点击“预览”效果如图表示制作完成(如图)。
总结:
1、拖入按钮
2、拖入弹出元素
3、把弹出元素设为隐藏
4、设置鼠标单击属性
5、设置鼠标点击参数
6、完成
以上就是axure图片弹出效果的制作方法,希望大家喜欢,请继续关注。