5 key animation patterns and how to use them

Animation can be a very powerful web design tool. But before animating every element of our designs, we must learn when and how to use this new tool. With great power comes great responsibility, and so forth. And as animation must vie with many other concerns for development and design time, it makes sense to spend our resources where they’ll go the furthest.

This article sets you up with some core animation patterns and shows you how animation applies to a greater system. Then you’ll learn how to spot cognitive bottlenecks and low-hanging fruit, maximising the impact of the animations you do invest in to improve the user experience.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

TOPICS
Rachel began telling stories online as a teenager with her award-winning web comics. Her love of web technologies transformed into a career in frontend development, where she has worked with Mozilla, the W3C, and Microsoft to build the web forward.