本篇教程将为大家展示如何使用Axure制作App移动端弹窗广告效果。

最终效果

我们在很多APP做活动的时候，都会出现弹窗广告的效果，今天我们分享一下弹窗的制作方法。

制作步骤

首先在场景中导入图片元素，并且完成触发按钮制作：

分别为其命名：

• 第一张图：主图；
• 第二张图：弹层；
• 开始演示：按钮；
• 手机框：iphone。

然后将元素层的顺序（从上到下）修改为：iphone>按钮>弹层>主图。

然后将“主图”和“弹层”2个元素样式，设置成隐藏。

下面我们为按钮设置动效，点击“按钮”，增加“单击”动作，然后为该动作创建4个参数：

• 隐藏“按钮”；
• 显示“主图”；
• 等待1000ms；
• 显示“弹层”。

我们挨个截图给大家演示（今天忘记切换软件了，使用了axure9，设置与axure8相同）：

隐藏按钮：

显示主图：

等待1000ms：

显示弹层：

源文件下载

https://pan.baidu.com/s/1GO_jI1egSGmvAzMgZ90p2w

作者：ZQZ原型师，专注原型设计/交互设计

本文由 @ZQZ原型师 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自作者