移动互联网时代已经到来，如果你是APP达人，喜欢试用各种APP，你肯定会发现越来越多的APP开始动效化。
首先它需要是生动且有趣的，既好看又流畅；再次它不是可有可无的，需要具备优化交互和提升体验的作用。
一段动效首先需要是生动且有趣的，不仅要有好看的外观还要有流畅的体验。要做到这点，需要赋予动效以生命力，具体有如下几种方法：
碎片化运动
使一款应用变得个性十足的一个好方法就是给它加上炫酷的动效，而使一个动效炫酷的常用方法就是碎片化运动。简单说就是把界面中的图像拆解成一个个碎片，然后让它们进行不同步的运动，利用时间间隔和变速产生炫酷的效果。就如下面一则动效，图像中的不同元素有节奏的呈现，利用时间差来制造效果。
模拟惯性
现实中物体的运动是有惯性的，仔细观察下面3段动效，图像在变化（放大、缩小和翻转）的末端都会“超出”一点再立即“反弹”回来，如此的处理方法使得整个动效充满活力，显得生动有趣。
引导
图形界面本是难懂且抽象的，增强引导是降低软件操作难度和提升用户体验的好方法。
动态聚焦
通过动态化的处理引导用户聚焦界面的关键部位，以使体验更加的流畅。运动中的物体总能引起下意识的关注。如下图所示动效，屏幕上方的数字不是直接显示一个数值，而是从0迅速递增到该数值，特意表现一个动态的效果，目的就是为了吸引用户的目光，起到聚焦的作用。
示意过渡
过渡动效就是给界面的变化加上流畅的过渡，目的是引导用户理解到底发生了什么，而不会使其不知所措。如下图所示动效，添加卡片的过程进行了生动的模拟，让用户很轻易地理解发生了什么。
空间转场
转场动效是被设计师所普遍重视的一种特效，它的作用也是引导用户，让用户更好地理解页面跳转，知道自己身在何方。下图所示一则动效就是一个漂亮的转场动效，为了避免两个页面之间的跳转过于生硬，利用动效填补上了页面跳转的中间过程，使得体验更加流畅和自然。
简化
有时优秀的设计就是出色的简化。简化界面信息和交互层级可以降低操作难度和提升用户体验。
隐藏二级操作项
利用动效可以使界面中的部分信息隐藏，当进行某些操作后隐藏的内容会动态展开，从而达到简化初始界面的目的，使界面简洁大气。
按钮动效化
使按钮动效化能够让界面重要信息动态浮现在同一按钮上，使得用户的目光紧紧盯着按钮，弱化了页面跳转带来的干扰，使体验更加流畅。
增强反馈
软件的反馈对于体验的提高来讲至关重要，增强反馈可以起到更好的提示作用，使体验过程更加轻松和愉悦。抖动是增强反馈的方法之一，用动效反馈替代图形文字的静态提示，更加自然和引人注目。下图所示动效出自苹果的Pages软件，当进入编辑态后待编辑对象进入不断的抖动状态，起到很好的引导作用。
peopeo 为可以改变世界的您提供一站式交互产品解决方案。长按二维码，关注我们，总有一天您会需要。
Tel:86-10-52023936
Web:www.peopeo.ren
Add:北京市朝阳区北湖渠(酒厂艺术园) F5001
网友评论