不对称的动画定时

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

Paul Lewis

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

  • 使用不对称的动画定时为作品增加个性和对比效果。
  • 始终有利于用户交互;在响应点按或点击时使用较短的持续时间,在用户不需要交互时预留较长的持续时间。

与大多数动画“规则”一样,您应该进行实验以找出适合您的应用的方法,但在涉及用户体验时,用户是非常不耐烦的。经验法则是始终快速响应用户互动。也就是说,大多数时候用户操作是不对称的,因此动画也可能不对称。

例如,当用户进行点按以显示边栏导航时,您应尽快显示该导航,持续时间约 100 毫秒。但是,当用户关闭该菜单时,您可以将视图动画设置得慢一点,比如大约 300 毫秒。

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

那么,一般的经验法则是:

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