UI灵感:20个迷人的加载动效概念

加载动效是UI动效设计中最流行的类型之一。

2018年10月14日

 

加载动效是UI动效设计中最流行的类型之一。这也难怪,因为等待是我们每天线上和线下都可能遇到的烦人的事情。任何让等待变得没那么无聊的因素都是宝贵的——因为在与应用程序和网站进行交互时,加载总是首当其冲的。

加载动效有什么作用?通知和娱乐。它旨在向用户展示应用或网站的最新进展。这样,它加强了界面的可用性和愉快的用户体验。优雅的设计也能引起用户的注意,甚至可以利用这点进行品牌推广。

今天我们收集了一些专注于加载动效的创意和鲜明的设计概念。有些真的很迷人!  看看哪一个最能吸引你?

Queble的阅读应用程序的拉动刷新动效模仿书本翻页,此过程中颜色的变化使图像更加吸引人。

Metalab设计的加载动效是用来告知用户设置hits帐户的过程正在进行。加载器的特点是有趣的几何形状组合,可以弹跳并在每次弹跳时更换组合。设计师为每一组形状应用了和谐的颜色组合,这种组合的多样性使得整体呈现既有趣又活泼。

由Gleb Kuznetsov设计的未来感十足的霓虹灯加载器将省略符号转变为微笑,为这一过程增添了些许友好的感觉。

Vitaly Silkin的动效概念让人想起一种永无休止垂直移动的构造函数,其元素是黏黏的。这样,结构看起来总是完整的。

这是Vitaly Silkin的又一个UI动效,这次是用旋转的物体从一个俄罗斯方块变成另一个俄罗斯方块。这非常吸引眼球并带来情感上的吸引力,尤其是对那些童年里玩过俄罗斯方块游戏的人。

UI8团队的创意实验的特色是3D制作的,模仿与真实物体的交互,比如堆叠圆环。

Roman Kliio的另一个3D加载器的例子看起来像一个充满等离子的透明管。它的特点是回到了拟物化设计的方向,这个真的很迷人。

这幅由Queble设计的动效插图是为咖啡应用程序中的加载程序而设计的,它看起来既吸引人又有丰富的信息,并且与杯下的进度条相结合。

另一种与饮料相关的UI概念,是Leavingstone设计的加载过程。它看起来像一个永无止境的输送线,瓶子被填满。细节度相当高,一定会吸引用户的注意力,让他们从无聊的等待中有一点乐趣。

Drew Endly的这个加载器概念动效模仿DNA链的无尽旋转。

这是Radesign设计的加载动效的例子,展示了小元素如何保持过渡的一致性:在用户的屏幕上,白色的点看起来只是装饰,但是在所有的问题都被回答之后,这些点就会转换成加载动效。

还有一个白点需要注意:这是UI8的移动应用程序的加载动效。由于这是游艇主题的应用程序,它模仿了波浪和飞溅的点在水面上的快乐跳跃的效果。

这款是为Thunderly这款应用而设计的,完全体现了这个名字的本质。在这里,动效创造了雷暴的气氛与色调有令人印象深刻的视觉效果。

Hanna Yung的这个例子激活了界面的力量:对于一个快递应用来说,用一辆引人注目的卡车经过作为下拉刷新动效会让等待过程变得非常有趣。

另一个动效插图,用于拉动刷新。它将传统的加载圈放在一杯咖啡中,增加了一小撮美味的乐趣。

Focus Lab的HelpScout品牌的复杂单一无缝循环加载动效是如此催眠,它肯定会让用户希望页面加载更多。

Tubik的拉动刷新动效概念支持应用的品牌化:它看起来就像旋转的圆圈磁化组成应用logo的字母。

这是Ramotion公司为Dribbble应用程序做的一个创造性的动效实验:有些人认为它是液体,而有些人则认为它是火。无论如何,它看起来很吸引人,也能吸引期待的用户。

Icons8团队制作的鲜明的加载动效模仿了与等待相关的沙漏的形象。

 

不管你喜不喜欢,页面加载是我们每天都在经历的事情。为什么不添加一点浪漫的元素呢?Icons8的这个动效概念将这种感觉比作对奇迹的期待,就像年轻的Assol正等着她的爱人Gray驾着猩红的船帆驶来。

你还记得那些给你留下深刻印象的加载动效吗?别等了,和我们一起分享下一组灵感设计吧。

 

责编:王扬(版式)  

编辑:孙怡敏   翻译:闫麒麟

原文链接:https://icons8.com/articles/ui-inspiration-captivating-loading-animation/?ref=webdesignernews.com

发表评论

电子邮件地址不会被公开。 必填项已用*标注