loading动画总结

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
4151 0 5 2018-06-17

总结了一些加载动画的知识体系与大家分享。

APP现在是我们日常生活中使用最频繁的工具。无论是聊天工具还是购物、娱乐工具,我们都不难发现加载动画在APP中被广泛使用。好的加载动画会在设计师的奇思妙想下爆发出巨大的吸引力,增加用户对产品的忠实度。那么怎么才能做出符合产品特性的加载动画呢?

在此总结了一些加载动画的知识体系与大家分享。


加载动画的应用意义

我们在体验产品的过程中都希望其体验是顺畅不受干扰的,如果出现影响体验的“意外”我们就需要采取措施填补“意外”挖的坑。

加载动画大多数就是用于弥补服务器加载过慢挖的坑。

APP在进入或更新信息的时候需要用户等待一段时间。如果时间过长,用户就会在等待的过程中产生焦虑,急躁等不良情绪,加载动画的设计就会缓解用户的等待时间,使整个等待过程变得更加友好、流畅。

一个好的加载动画可以从两个层次分析,第一个层次是满足用户心理基本需求,缓解用户烦躁情绪,第二个层次是给予用户惊喜感,增加用户对产品的好感度。


加载动画的应用场景

加载动画的应用场景可分为4种:

1.下拉刷新加载

2.新页面切换加载

3.页面信息上拉/下拉加载

4.悬浮按钮加载


1.下拉刷新加载

 下拉刷新是指在当前页面通过下拉页面的动作进行页面信息内容更新,保证用户能够浏览当前信息又能完成页面信息的更新。

下拉加载动画主要有两种形式:一、纯文动画形式,二、文字加动画形式

如下图



2.新页面切换加载

页面切换可能会限于网络等原因造成页面切换过程缓慢,合适的加载动画用来缓解用户等待的焦虑情绪。

页面切换加载动画主要表现形式有;toast加载、进度条加载、顶部导航栏加载

如下图



3.页面信息上拉/下拉加载

由于设备的尺寸等问题,页面不能显示出所有信息内容,需要用户通过向上或者向下翻阅页面进行加载部分内容。

如图下



4.悬浮按钮加载

悬浮按钮加载使用频率不是很高,加载的开始与加载的表现形式都在一个按钮中完成,用户体验较好。



加载动画流行趋势

近几年国内移动端产品设计更加的注重内容,突出重点内容、除去无用、修饰形式设计,整体的设计风格越来越简洁。刷新式加载动画也应该会遵循简约设计原则,去掉文字描述、简化动效流程。

此外情感化加载动画也会成为流行趋势,将生动活泼的IP形象融于加载动画,来增加用户好感度、提高用户对产品品牌的认知。



全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票