18326051278

O2O解决方案>>

社区物业O2O
连锁电商O2O
上门维修O2O
农村电商O2O
多用户商城

行业平台类

汽车服务平台
家居服务平台
综合电商平台
家政服务平台
多门店商城系统

网站解决方案

全能型企业站
营销型网站
高端定制网站
品牌设计站
HTML5网站

APP解决方案

生鲜APP开发
物流APP开发
家居服务APP
汽车金融APP
多用户商城APP

定制开发类

APP开发
微信开发
小程序开发
网站建设
平台合作
返回列表
常见的Loading进度条动效形式,毅耘科技
安徽毅耘科技有限公司,安徽app开发,合肥APP开发,常见的Loading进度条动效形式2018-03-04毅耘科技4005

常见的Loading进度条动效形式

常见的Loading进度条动效形式【毅耘科技】

在浏览网页、玩游戏、手机应用等场景,因为网速慢或是硬件差的关系,难免会遇上等待加载的情况,没人喜好等待,耐心差的用户可能因为操作得不到及时反馈,直接选择摒弃。正所谓细节决定成败,这时添加一个Loading进度条动画,就可以大大缓解等待时候的无聊和焦虑,有用让用户明确知道目前Loading的状况,并对效果有一个直观的预期,甚至有趣巧妙的设计,能让用户爱上等待,把等待看成一件很美好的事。

那常见的Loading动效有哪些形式呢?在观摩过大量优异的案例后,作者总结出Loading动效通常有B.R.A三种形式。为避免误解,下面一一诠释一下:

B,Bar。Loading动画从某种角度也可以说是进度条,一般用于较长时间的加载,通常配合百分比指数,让用户对当前加载进度和剩余等待时间有个明确的心理预期。

常见的Loading进度条动效形式

最常见的直线进度条。

常见的Loading进度条动效形式

或者圆形进度条。

常见的Loading进度条动效形式

进度条和转场完美融合。

常见的Loading进度条动效形式

也有给LOGO描线的进度条。

R,Rotation。旋转代表时间的流逝,暗示着时钟一样顺时针旋转。一直循环转动的动画,能有用吸引注重力,给用户时间加速的错觉。旋转Loading动画一般用在较短的加载中,要是一向转却始终加载不出来,用户又该烦躁了。

常见的Loading进度条动效形式

最常见的自转。

常见的Loading进度条动效形式

顺时针自转暗示着时间的流逝。

常见的Loading进度条动效形式

巧妙地用两架飞机形成公转。

常见的Loading进度条动效形式

不规则多向转动,让用户把等待的时间用在研究运动规律上。

A,Animation。假如在Loading时配上一个形象的动画,能大大提高产品的亲和力和品牌识别度,用户大多会接受并喜好这样的形式,一般品牌形象明确的产品会这么做。

常见的Loading进度条动效形式

用可爱的奔跑拟人形象来告诉用户:我在很努力加载请耐心等待。

常见的Loading进度条动效形式

这样萌的章鱼,用户一定舍不得加载界面的结束。

以上就是常见的三种形式,当然创意是无止境的,还有许多Loading动效同时融合了这几种形式,或者用一种全新的形式,比如作者多年前在PSP上见过将小游戏植入到Loading界面中的情况,以至于感叹Loading时间太短都不能好好玩耍了。。

假如你有见过什么更好的创意,迎接交流,作者微博:MotionGraphic

进度条的那些好文:
《手机下载进度条:我真的很简单吗?》
《你知道进度条的来历么?》
《40个最新的创意进度条设计》
《谈谈加载(Loading)的那点事》

原文地址:jianshu
作者:@MotionGraphic



本文标题:常见的Loading进度条动效形式

本文网址:http://www.yiyuncloud.com/index/id/885.html

原创网址:合肥APP开发公司<毅耘科技> 版权所有,转载标明出去,并以链接形式链接网址:www.yiyuncloud.com

文章标签:合肥APP开发 合肥软件开发 合肥o2o社区 合肥商城开发 合肥B2B2C商城开发

毅耘科技(www.yiyuncloud.com)是一家拥有新型网站建设与程序开发经验的公司,致力于解决企业网络服务问题,紧跟着网络变化的步伐,为企业提供网络科技服务。平台服务:品牌网站建设 、网站开发、微信开发、APP开发、软件开发、网校系统开发、多用户商城开发、分销商城开发、微商城、一元云购系统开发、O2O系统开发、商标注册、网络营销等项目。是专业为企业提升价值的公司。

分享到:

相关文章