不对称的动画定时

打破对称性可以为您的项目带来对比度和吸引力。了解何时以及如何将其应用于您的项目。

Paul Lewis

不对称的动画时间可让您在表达个性的同时快速响应用户互动,从而改善用户体验。它还能与风格形成对比,让界面更具视觉吸引力。

  • 使用不对称的动画时间可为您的作品增添个性和对比效果。
  • 始终优先考虑用户互动;在响应点按或点击时使用较短的时长,并在您不进行互动时预留较长时长。

与大多数动画“规则”一样,您应进行实验,找出适合您的应用的做法,但在用户体验方面,用户是出了名的没有耐心。一般来说,应始终快速响应用户互动。不过,大多数情况下,用户的操作是非对称的,因此动画也可能是非对称的。

例如,当用户点按以显示侧边导航栏时,您应尽快显示该导航栏,显示时长应约为 100 毫秒。不过,当用户关闭菜单时,您可以让视图的动画效果稍微慢一点,例如在 300 毫秒左右。

相比之下,当您启用模态视图时,通常是为了显示错误或其他重要消息。在这种情况下,您需要稍微放慢视图的显示速度,大约在 300 毫秒左右,但用户触发的关闭操作应该会非常快。

因此,一般准则如下:

  • 对于由用户互动触发的界面动画(例如视图转换或显示元素),请使用快速的开场动画(时长较短),但使用缓慢的结尾动画(时长较长)。
  • 对于由代码触发的界面动画(例如错误或模态视图),请使用较慢的开场动画(时长较长),但快速的结尾动画(时长较短)。