在浏览网页、玩游戏、手机应用等场景,因为网速慢或是硬件差的关系,难免会遇上等待加载的情况,没人喜好等待,耐心差的用户可能因为操作得不到及时反馈,直接选择摒弃。正所谓细节决定成败,这时添加一个Loading进度条动画,就可以大大缓解等待时候的无聊和焦虑,有用让用户明确知道目前Loading的状况,并对效果有一个直观的预期,甚至有趣巧妙的设计,能让用户爱上等待,把等待看成一件很美好的事。
那常见的Loading动效有哪些形式呢?在观摩过大量优异的案例后,作者总结出Loading动效通常有B.R.A三种形式。为避免误解,下面一一诠释一下:
B,Bar。Loading动画从某种角度也可以说是进度条,一般用于较长时间的加载,通常配合百分比指数,让用户对当前加载进度和剩余等待时间有个明确的心理预期。
最常见的直线进度条。 或者圆形进度条。 进度条和转场完美融合。 也有给LOGO描线的进度条。R,Rotation。旋转代表时间的流逝,暗示着时钟一样顺时针旋转。一直循环转动的动画,能有用吸引注重力,给用户时间加速的错觉。旋转Loading动画一般用在较短的加载中,要是一向转却始终加载不出来,用户又该烦躁了。
最常见的自转。 顺时针自转暗示着时间的流逝。 巧妙地用两架飞机形成公转。 不规则多向转动,让用户把等待的时间用在研究运动规律上。A,Animation。假如在Loading时配上一个形象的动画,能大大提高产品的亲和力和品牌识别度,用户大多会接受并喜好这样的形式,一般品牌形象明确的产品会这么做。
用可爱的奔跑拟人形象来告诉用户:我在很努力加载请耐心等待。 这样萌的章鱼,用户一定舍不得加载界面的结束。以上就是常见的三种形式,当然创意是无止境的,还有许多Loading动效同时融合了这几种形式,或者用一种全新的形式,比如作者多年前在PSP上见过将小游戏植入到Loading界面中的情况,以至于感叹Loading时间太短都不能好好玩耍了。。
假如你有见过什么更好的创意,迎接交流,作者微博:MotionGraphic
进度条的那些好文:
《手机下载进度条:我真的很简单吗?》
《你知道进度条的来历么?》
《40个最新的创意进度条设计》
《谈谈加载(Loading)的那点事》
原文地址:jianshu
作者:@MotionGraphic
二次封装jquery ajax办法
在我们前端处理数据的时候免不了要 ajax 与后台通信, ajax 是通过 XMLHttpRequest 对象与服务器进行通信的, jquery 在 XMLHttpReaquest 的基础上封装了 $.ajax 办法进行通信, $.ajax 办法实用性非常强,又非常简单易用
制造业网站建设方案可以怎么设计?
目前制造业企业有很多,但是做网站建设的企业却很少,现在是一个互联网社会,除了智能制造还有“互联网+”,网站建设虽然是很小的一个环节,但却是很重要的因素......
三大最棒的开源Web开发模板或框架
如果要为内容管理系统或静态站点生成器构建新模板,该怎么办?如果想使用单个目标网页或少量不太可能经常更改的静态网页构建简单网站,该怎么办?如果要编写JavaScript应用程序但不想使用复杂的框架或库来构建最终输出怎么办?
一个优秀的企业VI对一个企业的作用应在于?
因此,没有VI对于一个现代企业来说,就意味着它的形象将消失在茫茫的商海之中,让人辨别不清;就意味着它是一个没有灵魂的赚钱机器;就意味着它的产品与服务毫无个性,消费者对它若即若离;就意味着团队的涣散和低落的士气
【网站优化】怎么做文章伪原创让百度收录?
要创作出好的文章并被百度所喜欢,就非常需要SEO的优化能力,以及要对文章进行塬创或伪塬创,那么,如何做伪塬创文章?以及如何做好塬创网站文章呢?对此,本文小编就为大家带来了几招做"塬创"网站文章的心得...