10个创意加载动画

来源：Medium网站

作者：尼克·巴比奇

翻译：奥创

阅读时长：5min

当加载时间过长时，每个人都想这样做。图片：Gal Shir

系统状态的可见性是用户界面设计中最重要的原则之一。

良好的交互设计提供反馈

虽然应用程序或网站的即时响应是最好的，但有时您的产品将无法遵守速度指南。互联网连接不良可能导致响应缓慢，或者操作本身可能需要很长时间。对于这种情况，设计人员必须向用户保证应用程序正在处理他们的请求并且正在取得实际进展。

加载动画是在发生或加载某些事物时为用户提供系统状态的最常见形式。但是大多数等待指标看起来很无聊，因为产品创建者只是使用默认加载指标（无论他们设计的系统是什么提供它们）。

  无限加载微调器通知用户正在加载内容。市场上出现的每一个应用程序都使用它来通知用户加载时间。

如果你不能缩短线路，你应该至少尝试让用户更加愉快。

创意进度指标可以减少用户对时间的感知。如果一个应用程序在等待时给用户一些有趣的东西，这会让用户对等待本身的关注度降低。因此，为了确保人们在等待事情发生时不会觉得无聊，设计师可以让他们分心。

在本文中，我想探讨加载指标的十个令人兴奋的概念。

1.面试正在加载......

使用等待时间向他们的团队介绍访客。

2.加载圣诞礼物

  它看起来像一个应用程序正在加载礼物。图片：chuan²

3.可爱的猫

  设计师可以使用能够产生强烈积极（希望）情绪的东西，而不是使用系统加载微调器。

图片来源：Thomas Bogner

4.双螺旋

  此加载动画会创建3D变换效果。图片：Drew Endly

5.寻找最佳航班

  用户选择航班的起点和终点并单击“搜索”按钮后，动画将显示从起点到目的地的航班。图片：  马克

6.将数据保存到云端

  此加载指示符基于将文件上载到云的隐喻。垂直进度条几乎完全按字面意思。图片：Ben Mettler

7.使装载过程变得生动

这个动画使加载的过程看起来令人兴奋，因为看着有人走钢丝。图片：  xjw

8.闪屏的精美动画

  设计精美的启动画面与精美的动画相结合，可以为应用程序开发人员提供额外的几秒钟时间来下载所有必需的数据。图片：  Behance

9.拉动以刷新动画

  这种刷新动画具有明确的功能目的。它连接两个状态 - 更新前后。图像：  Ramotion

10.文件上传动画

  此动画是平滑状态转换的一个很好的例子。最终复选标记通知用户操作成功。图片：艾迪江恩

结论

虽然上面提到的所有效果都可以改善用户体验，但最好不要过度使用它们。第一次看起来有趣和可爱的东西，在100次之后可能看起来很乏味和可预测。创意加载效果也无法解决加载时间慢的问题。当用户一遍又一遍地看到相同的加载效果时，他们很快就会开始指责应用程序的加载时间很慢。

---------------------------------

喜欢请点赞分享并关注哦~~