渐渐地,设计师们开始不满足于一些简单的进度条和旋转Loading,到如今,越来越多的设计师更加关注app、小程序和H5的 loading动图设计。
所以,我们常能发现一些关于loading教程,免费的Loading设计资源,插件和开源项目等等。
分享一组关于Loading的创意动图,给等待加点趣味、添点情感。




上面2张这么可爱有趣的创意loading动图,是不是很有意思,你愿意多停顿一会吗?
一般来说,我们会把loading动图分为以下几大类,你最喜欢的是哪一类呢?
1、进度条loading
当可以明确loading时间时使用,进度条可以通过数字或视觉化的形式来现。这也是最常见最传统的loading表现形式。


2、无限循环的loading动图
当loading的时间是未知的时候来使用,它可以是默认的旋转图,也可以是一些创意动画,显示应用正在做一些事情。








这些loading动图看起来非常有趣,但是你也许并不想他们永远不停下来。
如今的loading动图设计,不仅仅只是一个系统状态的UI元素,而是一种新的表达品牌、app产品功能的新途径。
另外一些创意几何图形的loading动图设计欣赏





以上这些创意有趣的loading出自
拉脱维亚设计师Vitaly Silkin的loader加载元素设计
3、骨架动画。
骨架动画是展示了loading页面的变化过程,你可以把它理解为开始是一些页面占位图,逐步加载上一些可见的图片,文本和其他内容。
也是最简单的loading设计效果。如下图所示:

来源:https://icons8.com/preloaders/

4、其他借助app上元素来实现loading效果

上图当中就是利用最中间的➕号来实现了界面直接的加载动画。

利用不同场景的切换动画来实现loading效果
看到这么多好看有趣的loading动图设计,你是不是也有设计冲动灵感呢。
本文分享了一组创意loading动图,包括进度条loading、无限循环动图、几何图形设计和骨架动画等,展示了loading设计如何从传统UI元素转变为表达品牌和产品功能的新途径。同时,文中提供了设计师Vitaly Silkin的作品和一些其他灵感来源,激发设计灵感。
1万+

被折叠的 条评论
为什么被折叠?



