Motion Design & Prototyping Essentials

A session at Clarity 2017

Thursday 30th November, 2017

8:30am to 4:45pm (PST)

Motion design is becoming a core skill for interaction designers. Across both web and native products, teams are realizing the power of motion to engage, delight, and communicate. Dozens of new tools are emerging to support motion work, but you already have one that’s both simple and surprisingly powerful: Keynote.

In this workshop, you’ll learn the basics of motion design theory, from Disney’s classic 12 principles, through the physics of motion, to coordinating and choreographing your motion patterns across an entire product experience. You’ll then practice bringing these fundamentals into your own work using Keynote as a prototyping platform.

Exercises throughout the session will cover how to scale, fade, resize, and rotate on the fly, how to transition seamlessly between two states, and how to create motion curves that go beyond drab linear motion to feel more engaging and natural. You’ll emerge with the ability to bring your designs to life, and start providing motion prototypes that excite your colleagues and improve your products.

Please note: if you’re attending this session, you should bring… a laptop with Keynote installed on it (but don’t worry, it’s not essential — you’ll still be able to follow along without!)

About the speaker

This person is speaking at this event.
Val Head

Author of Designing Interface Animation 📕 http://designinginterfaceanimation.com • Design advocate at @Adobe • Curates http://uianimationnewsletter.com • Opinions mine bio from Twitter

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 8:30am4:45pm PST

Date Thu 30th November 2017


The Laundry

Session Hash Tag


Short URL


View the schedule


Books by speaker

  • A Pocket Guide to CSS Animations

See something wrong?

Report an issue with this session