Axure教程:App移动端弹窗广告

4 评论 9291 浏览 37 收藏 3 分钟

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

最终效果

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

制作步骤

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

分别为其命名:

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

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

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

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

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

我们挨个截图给大家演示(今天忘记切换软件了,使用了axure9,设置与axure8相同):

隐藏按钮:

显示主图:

等待1000ms:

显示弹层:

源文件下载

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

 

作者:ZQZ原型师,专注原型设计/交互设计

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

题图来自作者

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 你好,,做好了动效,要导出想你那样的显示动效图是在哪里导出来的

    回复
  2. 看到评论给你点个赞

    来自北京 回复
  3. 我做的弹窗效果弹出起来是什么问题啊?

    来自北京 回复
    1. 能否上传至网盘 我下载后 帮你看下

      来自江苏 回复
专题
17240人已学习12篇文章
如何搞懂财务和业务之间的关系,并推进业务系统财务模块的建设呢?本专题的文章分享了财务系统的设计指南。
专题
29886人已学习16篇文章
系统如何恰当、清晰、及时地传达给用户操作的结果或者操作对象状态的变更?本专题的文章提供了有效的页面操作反馈设计指南。
专题
17276人已学习12篇文章
分销是互联网拉人头和推广的常用手段,能够在短时间内实现裂变营销。本专题的文章分享了分销体系设计指南。
专题
66910人已学习25篇文章
做好微信运营比做好APP运营还重要,因为用户把时间都给了微信。
专题
13179人已学习13篇文章
产品经理在日常工作中,除了要跟进和把控产品的整体流程以外,也要对产品后续的销售策略进行规划;销售策略的规划可以让产品经理对于用户的场景以及体验等更加熟悉。本专题的文章分享了产品的销售策略。