UI移动端界面动画动效设计趋势

  赏心悦目的动效已然成为一款App的必备,良好的动效可以给用户带来好的视觉享受,并能激发用户进一步的操作。App中的动效可以划分为两类:一类是转场动效,应用在页面的切换、加载等,这类动效可以柔和页面的过渡效果,增加切换、加载、等待过程的趣味性;另一类是反馈提醒,通过界面内元素的动效,增强用户的交互感知或引导用户完成任务,动效充满了设计师体验的想象。动效设计在赋予元素动作的同时,还要符合人们的认知,并不是所有的动作都能让人愉悦,既要满足产品的需求,还要匹配人们当时的场景诉求。因此,动效设计一定要遵循以下原则才能走的更远。
一.个性化元素
  传统的等待或加载动画人们已经很熟悉,想让人眼前一亮,可以做一些个性化的动效,在动画中突显产品品牌。个性化元素效果如图1.44所示。
图1.44 个性化元素效果
二.有趣的运动方式
  除了旋转运动之外,还可以运用重复、构建、变形、拟物等,只要是与产品定位相符的元素,都能为其创意一种独特的运动方式。有趣的运动方式效果如图1.45所示。
图1.45 有趣的运动方式效果
三.交互反馈的生命力
  单一的点击和出现往往不能吸引用户的注意力,所以当需要加强某些元素来引导用户的时候,可以给这些元素加上适当的出现效果,如渐隐渐显、位移、放大缩小、光晕、分布等。交互反馈的生命力效果如图1.46所示。
图1.46 交互反馈的生命力效果
  文章来源:《UI移动端界面动画创意与实现》 王红卫等编著