原型商城 免费源码 淘宝优惠券 Axure下载 AxureShop 产品原型库 在线音乐 AxureShare 加密解密 PM导航 AXURE函数 短网址 5G

AXURE8如何制作loading动态加载效果

作为产品经理,无论是原型制作、产品讲解、带项目都要提前知道自己的受众群体在哪里,不然就是对牛弹琴,任你口干舌燥,最后都是无济于事。一个好的原型,给人高素质的感觉,这也是我坚持写原型制作相关文章的理由。好的文章和原型都是高级产品经理必备的技能。如果一位面试者带着看了就想吐的原型,我相信面试官也非常的苦恼。

今天为大家分享AXURE8如何制作loading动态加载效果,方法很多,大家可以自行百度,我相信我的方法是最简单和有效的。

一、准备loading图片
很多同学苦恼自己找不到好看的loading图片,我推荐一个链接,请大家自己下载。
https://loading.io/
这里的loading花样百出,任你随便选择。

二、准备三个页面
分别命名为1、2、3,我要在2这个页面设置loading,想要的效果是:页面一点击跳转到页面2,页面2自动加载loading,然后自动跳转自页面3,大体就是这个意思,大家可以自行优化。
1.jpg

三、loading添加事件

这里主要是给页面2包括loading图片添加事件:

1、首先把页面2的loading图片转化成动态面板并且默认隐藏不显示;
2.jpg

2、选中loading动态面板,添加事件,载入时,显示loading动态面板;
注意:如果你只是单纯的模拟本次操作,你可以不把loading转化成动态面板,不需要显示,因为本身就会加载loading,为什么要这样做,因为如果是移动端,页面布局非常复杂的时候,对loading什么都不做是很难控制它的。
3.jpg

3、选中loading动态面板,添加事件,显示时,等待1000毫秒,当前窗口打开页面3;
4.jpg

到这里loading效果就算制作完毕,虽然很糙,但是理解到意思即可!

四、更多阅读引导

1、更多教程请到这里:http://www.chanpindashi.com/search/axure/
2、Axure 8.1.0.3377 注册码激活,axure8历史密钥大全
3、AXURE8支付宝ANT蚂蚁组件库分享,另附上我自行优化的版本

五、附件下载
axure8如何让制作loading-产品大师.zip

六、axure制作loading的视频教程
http://pdjwczvpj.bkt.clouddn.com/20180816_190515.mp4

相关文章

发表新评论