国产动画音乐分享组

一步教你如何把刷新加载动画做的更有趣?

哎呦哎设计 2019-06-01 00:16:12


1、加载动画存在的意义

众所周知,app服务器在加载数据的时候需要用户等待一段时间,为了缓解用户等待过程中的焦虑情绪,设计者可以采用加载动画的方式来缓解用户的等待时间,使整个等待过程变得更加友好、流畅。

一个好的加载动画分为两个层次,第一个层次是满足用户的基本心理预期,缓解等待的焦虑;第二个层次是要给出用户一定的惊喜,甚至让用户对加载动画抱有期待、好奇的心理。

2、加载动画怎么才能更有趣呢?


有研究表明,普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,一般用户会关闭页面或者转到其他页面。

那么在这短短的8秒钟内,如何用一个小小的加载进度条吸引住用户,让他们留在当前的页面呢?


加载动画我们拆开来看分为:加载+动画,这两个缺一不可。

加载:它是在程序运行的时候有个等待的时间。


引用百度百科里面的一段话

动画的英文有很多表述,如animationcartoonanimated cartoon、cameracature。其中较正式的 "Animation" 一词源自于拉丁文字根anima,意思为“灵魂”,动词animate是“赋予生命”的意思,引申为使某物活起来的意思。所以动画可以定义为使用绘画的手法,创造生命运动的艺术

 

通过对加载和动画的分析,我们可以把加载动画定义为:让程序运行等待的时间的运动变得有生命力。

 

有生命力的加载动画自然也就变得有意思,自然大家在等待漫长的加载过程时不会变得无聊、烦躁。


同样我们可以把加载动画扩展到生活当中,比如让等待XX的时间变得有生命力。Xx可以是公交车、人、成绩、爱情等等,这样我们的生活是不是感觉美好了许多。

 

来看一下普通加载动画



 

它们的特点是简单、缺乏趣味性,一般在不重要的地方用于提示。

 

那么问题来了!我们怎么样才可以有生命力呢?

 

同样在百度百科里面:

生命力所表达的应该是一种生命状态的力量。

对于人们来讲,生命力应该源自于人们的内心,如果你的内心充满着生命力,那么你就一定拥有着生命力。

也就是说我们想要在等待的时间变得愉快还是有意思,那么我们只需要让加载的动作变得愉快和有意思。

通过以上的加载动画的引申,那么我们的加载动画不仅仅是一个只会转圈的小圈圈,它可以是一个有趣的运动。

 

比如说 一个运动的自行车、一个运动汽车、一个跳跃的小鹿、一个跳跃的海豚、一个下雨的天气、一个哭泣的小孩儿...

 

是不是灵感来得太突然,一下不知道用哪个?


3、刷新加载动画使用的场景


加载动画运用在网页中以及APP中,一般加载动画在APP中最常见,其中有下拉刷新加载、切换新页面数据加载、页面上拉加载、页面局部加载、启动页加载

我在网上搜集了42个加载页面设计,是不是趣味十足,有没有得到启发?

制作工具:Adobe After Effects CC2017





长按关注微信公众号




Copyright © 国产动画音乐分享组@2017