不对称的动画定时

打破对称可使您的项目产生对比和吸引力。了解何时以及如何将此方法应用于您的项目。

Paul Lewis

不对称的动画定时可让您在表达个性的同时快速响应用户互动,从而改善用户体验。还能使感觉出现对比,使界面在视觉上更吸引人。

  • 使用不对称的动画定时为作品增加个性和对比效果。
  • 应始终有利于用户互动;在响应点按或点击时采用较短的时长,在其他情况下则预留较长的时长。

与大多数动画“规则”一样,您应通过实验找出适合您的应用的方法,但涉及用户体验时,用户往往会缺乏耐心。经验法则是始终快速响应用户互动。也就是说,大多数时候用户操作是不对称的,因此动画也可能是不对称的。

例如,当用户点按以显示边栏导航时,您应尽快显示,持续时间约为 100 毫秒。不过,当用户关闭菜单时,您可以稍微缓慢地将视图动画移出,例如大约 300 毫秒。

相比之下,打开模态视图时,通常用于显示错误或其他一些关键消息。在这种情况下,您需要慢一点显示视图,同样大约为 300 毫秒,但是用户触发的关闭操作应该非常快。

那么,一般经验法则如下:

  • 对于由用户互动触发的界面动画,例如视图转换或显示元素,采用快速前奏(短持续时间)和慢速结尾(较长持续时间)。
  • 对于由代码触发的界面动画,例如错误或模态视图,采用较慢的前奏(较长持续时间)和快速的结尾(短持续时间)。