那些创意十足的Loading动效原型合集（一键复用！）

Duang！又来新货啦！

APP设计中，我们在很多地方都会用到Loading，全屏加载要Loading，下拉刷新要Loading，上滑加载也要Loading...

所以今天就给大家分享一下我临摹一些好玩的效果自己做的Loading，相比较高冷的GIF图，我的Loading们可是能一键复制，随意修改的源文件（所有组件都是可以修改的）哟。当然，如果你愿意发挥你的聪明才智，分分钟撸一个你自己的也不是不阔以！(☆_☆)

（预览链接二维码）

方法一：引用「Loading合集」组件库，编辑项目时可以从右侧公用组件库中拖拽使用。

方法二：直接点击编辑项目「Loading合集」，找到想要的Loading效果，跨浏览器Tab复制到自己的项目中。

备注：如果想要修改颜色再用，一定要记得切换到「原始态」进行修改哟！这样会对所有状态生效。

动效都是通过组件「状态」做的。

1. 创建状态：分析每个Loading在动画过程中会有多少种形态，就依次创建多个「状态」；

2. 调整时间：调整状态间的动画时间和曲线（非必需，依具体效果而定）；

3. 添加事件：给每个状态添加「定时」事件切换到相应状态，连接成动画。

我分享的「Loading合集」中每个Loading都是由一个小动效和文案「Loading」组成的，双击后选中小动效组件可以看到它的所有状态和事件，就可以好好琢磨啦！~^_^o~

欢迎大家对我们的原型提出建议，对后面分享内容有哪些期待和想法也可以跟我们交流哟！

如果你觉得还不错，就点个赞吧！哈哈，给我一点更下去的动力！～动力！～动力！～

最后编辑于：2017.12.07 03:21:01

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。