APP设计中创意十足的Loading动效

APP设计中会用很多地方会到Loading,全屏加载要Loading,下拉刷新要Loading,上滑加载也要Loading…创意十足的Loading动效会给人耳目一新的感觉,会减少等待的焦灼感。所以今天分享给大家一些好玩的Loading效果,真的是创意十足,相比较高冷的GIF图,我的Loading们可是能一键复制,随意修改的源文件(所有组件都是可以修改的)哟。  即将欣赏APP设计中创意十足的Loading动效原型效果预览:

我要怎么用?

方法一:引用Loading组件库,编辑项目时可以从右侧公用组件库中拖拽使用。

方法二:直接点击编辑项目Loading,找到想要的Loading效果,跨浏览器Tab复制到自己的项目中。

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

动效怎么做的?

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

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

2. 调整时间:调整状态间的动画时间和曲线(非必需,依具体效果而定);

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

小编分享的每个Loading都是由一个小动效和文案「Loading」组成的,双击后选中小动效组件可以看到它的所有状态和事件,就可以好好琢磨啦。到这里今天的APP设计中创意十足的Loading动效就结束了,喜欢的多多关注我们吧。

资源地址: http://blog.silucg.com/UI/sj/7370.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,930评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,196评论 4 61
  • 【与萌共长】20171023学习力践行Day13 接跳舞萌回家,进超市买了一袋奥利奥小饼干和一瓶酸奶。回家后我吃饭...
    艳萍和萌宝阅读 99评论 0 0
  • 不管是想做的不想做的,但凡是有用的事情,就要用心去做。 拿考架照这件事来讲,我们家在雁北地区,产煤,所以有很多拉煤...
    幸福里7hao阅读 234评论 2 0
  • 玩游戏时我们时常要查看地图,以便知道我们身在何处,与自己的目的地还有多远。日常生活中,信息对我们来说就像是地图一样...
    BonnieBeauty阅读 181评论 0 2