BetaThis is a live doc! Anyone with edit access can make updates in real time without having to publish.
Apr 11
By Bryan

  • 人类对视觉变化的反应时间平均在 215ms

    • 因此，对于大多数动画来说，200-300ms 是比较合适的

  • 眼睛移动的时间在 70-700 ms

    • 因此，元素的位置，应当影响动画的持续时间

「默认」的动画持续时长

动画持续时长受到很多不同因素的影响，因此可以从「默认」入手，再根据实际感受进行调节

调节的宗旨

  • 用户已经在关注的元素，动画时间短一点

  • 颜色、透明度变化，动画时间短一点

  • 整屏的大动画，动画时间长一点

  • 通常，动画时长最长不超过 700ms

  • hover: 150ms

  • enter: 200ms

  • exit: 150ms