为什么要有loading呢? Loading动画从某种角度也可以说是进度条,一般用于较长时间的加载,通常配合百分比指数,让用户对当前加载进度和剩余等待时间有个明确的心理预期。
25学堂之前介绍过APP启动页设计当中的头七秒定律
在移动端APP应用中,从用户点击图标那一瞬间到用户进入主界面这段过程,同样也决定用户对该APP应用的第一印象,如何让用户产生好感并快速熟悉应用是这一阶段重点考虑的问题。这一过程是否给用户留下好的第一饮食至关重要。它决定了用户是否快速认可该应用的价值、掌握该应用的使用方法等。
今天25学堂再来跟大家一起欣赏一些常见的APP启动界面的Loading进度条动效和分类。
第一种:直线型的Loading进度条动效
第二种:APP圆形旋转的Loading进度条动效
第三种:按照某种轨迹从无到有的Loading进度条动效,常见就是按照logo轨迹。
所以,旋转Loading动画一般用在较短的加载中,要是一直转却始终加载不出来,用户又该烦躁了。所以,出现必要的数字搭配加载也是很有必要的。
第四种:旋转的Loading进度条动效
APP启动界面的顺时针自转暗示着时间的流逝。
APP启动界面的巧妙地用两架飞机形成公转。
第五种:不规则多向转动的Loading进度条动效
这样设计有规律的loading的用意在于让用户把等待的时间用在研究运动规律上。也不失为一种良好的解决方案。
第六种:卡通动漫形象化的Loading进度条动效
用可爱的奔跑拟人形象来告诉用户:我在很努力加载请耐心等待。
第七种:数字钟表变化的Loading进度条动效
给人一种在看表的感觉,马上到底终点的冲刺感觉。
第八种:注水的或者打气的Loading进度条效果
上图可以是慢慢填充的效果。也可以水纹波浪的注入效果。
APPloading图标素材和webAPP loading图标制作
app设计分为原生态的APP界面设计和HTML5开发设计的webAPP界面设计loading素材分享。
全站高品质素材免费下载!