恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
loading动画总结
0.0°
2018-06-17 原创文章 经验/观点 举报 3897 3 5 0

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

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

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


加载动画的应用意义

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

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

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

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


加载动画的应用场景

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

1.下拉刷新加载

2.新页面切换加载

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

4.悬浮按钮加载


1.下拉刷新加载

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

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

如下图



2.新页面切换加载

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

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

如下图



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

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

如图下



4.悬浮按钮加载

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



加载动画流行趋势

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

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



更新:2018-06-17

收藏

3人已收藏

矜名嫉能

批判性和创造性思维

  • 9

    作品

  • 5

    粉丝

  • 42

    关注

  • 动效练习2
  • 皮皮虾产品分析
  • MG动画练习
  • Loading动画分享

    猜你喜欢

      2018-06-17 原创文章 经验/观点 举报 3897 3 5 0

      loading动画总结

      0.0°

      你确定要举报loading动画总结

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月17日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录