Rachel Nabors: “Communicating Animation” — Clarity 2016

39m Link to video
Tags Clarity Animation
Speakers Rachel Nabors Chris Coyier
Edit on GitHub

Animation is key component of beautiful and useful product design. Salesforce, Google, and IBM all feature motion design in their design systems, and there’s every reason you should, too. When designers and developers agree upon constraints, they can create UI components faster and present a unified, polished look and feel users appreciate.

Communicating animation is all about identifying patterns and setting boundaries and behavior expectations. This means:

  • creating custom easings that reinforce branding and physics
  • choreographing scalable timing values
  • creating a vocabulary of reusable components
  • combining those components into unique yet universal animation patterns.

Whether your project is big or small, if it has a style guide, you will want to include motion design. In this talk, you will learn how to bring animation to heel.

Presented by Rachel Nabors at Clarity 2016, on April 1st, 2016. Ends with an interview with Chris Coyier