Communicating Animation

2 Parts:
3 Parts:
4 Parts:
Friday, April 1, 2016
9:30 am
PT
Alamo Drafthouse New Mission
Online

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.

Video

Sketch Notes

Communicating Animation

Artist: Susan Lin