快好知 kuaihz

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

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

最终效果

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

制作步骤

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

分别为其命名:

第一张图:主图;

第二张图:弹层;

开始演示:按钮

手机框:iphone。

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

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

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

隐藏“按钮”;

显示“主图”;

等待1000ms;

显示“弹层”。

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

隐藏按钮

显示主图:

等待1000ms:

显示弹层:

源文件下载

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:移动  移动词条  教程  教程词条  广告  广告词条  Axure  Axure词条  App  App词条  
原型

 五分钟教你快速上手Axure交互...

本教程适用于对Axure有一定了解但没有交互制作经验的新手们,不涉及动态面板。文中提到的部分概念均为作者总结而来,若有不妥之处敬请谅解,愿大家看完后有所收获。第...(展开)

原型

 Axure教程:简单的提高效率神...

在制作后台原型时,你是否还在使用“Ctrl+c”“Ctrl+v”的方式来重复使用模板呢?你是否因为需求变动导致需要对所有页面的菜单都进行“流水线式”的修改呢?这...(展开)