其他

这20个动图,让你的加载过程不再枯燥

2017-07-21 contrail 设计癖


网速不给力,等待加载的过程是不是很急躁?最近,拉脱维亚的设计师 Vital Silkin 设计了一系列 Loader 动图,意在帮你缓解等待加载过程中的焦虑,这一系列的设计主要以平面几何图形为设计元素。


1、省略号


六个小圆圈互相换位置,看了半天还是傻傻分不清楚到底哪个被掉了包。

先看一个基础版的:



还有一个加快版的:



设计师又在原来的基础上设计了升级版的,圆点的动作更灵活了。




2、一个接一个


设计师给这款起名为「一个接一个」(one by one),有点像四个三角形的接力跑步。



3、俄罗斯方块


恭喜你设计师,完美骗过了我们的眼睛。



4、滑行的方块


等待加载的过程中,好好研究一下这几个正方形是怎么动的吧。



这个还有一款黑色的,看出来正方形的运动轨迹有什么不同了吗?



仔细看看这里面哪一个正方形被掉包了:



5、Bouncing Ball:


设计师给这款的名字是弹力球(Bouncing Ball),1 条直线、2 个点、2 个正方形、1 个实心圆组合成了蹦蹦床的感觉。



还一个简化版的:



6、三角形系列


论三角形是如何变成平行四边形的。




两个三角形永远都是擦肩而过,讲出了一段虐恋:



7、火焰


颜色和大小渐变的四个正方形就塑造出火焰不断燃烧的效果,设计师真是太有想法了。


8、水滴


设计师没有用大家印象中的圆形,而是创造性的用了正方形,用海蓝色做底色营造出水滴的效果。



9、螺旋图


一直盯着这个看还不会被催眠的都是大神。



10、滚动的图形


先是一款绕着圆形滚动的正方形。



再是绕着六边形滚动的三角形:



11、字母版


与上面全部是几何平面图形不同,这一系列的主角是字母,但还是营造出几何的视觉效果。


A、D、I、N、G、L、N……在一个圆形中无限循环的 7 个字母:



设计师给这款起名为 C ,代表一个无限循环的 C ,但是这个看起来更像一个画不完的圆啊,简直是逼死强迫症系列:



恩,你没有看错,这个也是字母,这款名称是 Alpha,是希腊字母的第一个字母,以中间为圆心在自转:



如果这些动图成为加载动画,会不会缓解你等待的焦躁呢?


图片来源:Dribble



您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存