Making Animations Feel Great

These are opinionated guidelines on designing animations, based on Animations on the Web and this blog post.

  • Use Easings that feel more natural and fluid. Or if the tradeoffs make sense, opt for Spring Animations .
  • Optimize Timing to bring focus to the animation.
  • Animations should have a Purpose . Use them to link actions to consequences in a logical and understandable way.
  • Taste ties it all.
    • Orchestration brings satisfaction.
    • Blur for a sense of motion and to hide imperfections.