反馈型动画
反馈型动画告诉用户特定的操作是成功了还是失败了。即使在最基本的操作中,这种动画也能保持用户和app之间的交流。某种程度上,它能在物理世界引发和真实物体之间的互动。比如,当你按一个真的按钮时,你能感受到这个动作的力度和按钮的阻力。在移动设备上,这种情况是不可能的:你只是点击屏幕,但是却没有相应的反馈。这就是为什么在与传感器屏幕交互时,我们通过震动和视觉符号来获得反馈。这是UI动画拯救游戏的时代。如果动作完成,动画按钮、切换、开关、滴答或交叉符号会迅速通知用户
进行中的动画
如果交互的过程稍长,用户必须等待,他们更愿意了解发生了什么,以及进展如何。这种动态交互的最大优点是为用户提供了保证,使他们在使用产品的过程中能够感知并且保持信心。一个自信的用户意味着积极的用户体验,并为留住高水平用户提供了良好的基础。进度条、时间线和其他动态元素的动画可以起到一箭双雕的作用:
– 告诉用户目前的进度。
– 提供娱乐性元素,减少等待中的负面情绪。
– 优雅原创的设计可能成为现象级功能,用户将愿意与他人分享,并吸引更多用户参与其中。
加载动画
这是移动端使用最多的动画。它可以被认为是进度动画的子动画,因为它告诉用户加载过程是活动的。加载动画有不同的变体,如加载,预加载、下拉刷新
吸引注意动画
这种动画在用户与你的app交互时起着用户体验可供性作用,它支持一般的视觉层次,通过动作捕捉用户的注意力,并将其导向必要的细节处。这样可以节省扫描整个屏幕的宝贵时间,使导航更加清晰直观。
过渡动画
过渡的动画在交互过程中,从一个屏幕到另一个屏幕,给APP增添了个性,使其变得优雅。
UI动画的利弊
在APP中使用动效的好处:
1、节省屏幕空间
2、增加可用性
3、创意
4、方便和简单的交互
5、能够同时完成多项功能
6、加快互动过程
7、向用户提供清晰的反馈
8、创建必要的期望
另一方面,设计师不得不考虑的缺点:
1、加载时间
2、干扰因素