Motion Design Essentials is a one-day masterclass for digital designers. Learn the fundamentals of motion prototyping using Keynote, and the nature of motion and animation theory. Then learn by doing, with multiple hands-on challenges. Optional homework assignments will help you further develop the new skills you’ve learned.
Public workshop dates will follow in due course. Interested in me running this workshop for your team or at your conference? Contact me for group rates.
You’ll learn and practice
The tool landscape (Framer, Pixate, Origami, Quartz Composer, Form, Principle, Hype). The surprising power of Keynote. Strengths and weaknesses.
Animation in Keynote
Drawing tools. Importing from graphics software. Magic Move basics. Magic Move along a path. Builds. Chaining motion. Keynote animation templates. Exercise: Pool table animation.
Animation theory and 'the 12 principles'
History of animation. The Illusion of Life. The Animators Survival Kit. Squash and stretch. Anticipation. Staging. Straight ahead and pose to pose. Follow-through and overlapping action. Slow in and slow out. Arcs. Secondary action. Timing. Exaggeration. Solid drawing. Appeal.
The physics of motion
Newton’s Laws 1–3. Motion under gravity. Kinetic and potential energy. Friction. Collision mechanics. Exercise: bouncing ball study.
Beyond the 12 principles
What’s relevant today? What’s missing? Response times. This Becomes That: literalism in motion.
Motion curves: cubic beziers and all that.
Material motion in Android. Motion in iOS. Other platforms (web, Android Wear, tvOS, watchOS). Exercise: Android ripple.
Principles of choreography. Consistency or coherence? Timing or velocity? The dangers of overanimation. Documenting motion guidelines.
Mapping position in spatial interfaces. The endless-panel pitfall. Navigation and proprioception.
Create a pull-to-refresh animation from scratch.
Homework assignments (optional)
Who should attend?
This workshop is ideal for:
- interaction designers, UX designers, or product designers looking to build their prototyping skills and improve their products with motion.
- developers looking to understand the nuances of motion in the interfaces they build (note however that this is not a coding course).
You’ll receive digital copies of not only the full workshop deck, but also an A3-sized reference guide: the ideal cheat sheet!
Cennydd Bowles is a recognised authority on digital product design, former design lead at Twitter, and author of the popular book Undercover User Experience Design. Previously a successful UX designer, Cennydd broadened into visual and motion design to offer the full stack of digital product design services. At Twitter, he helped to define cross-platform motion principles as part of the Twitter Human INterface Guidelines (THING) project. He now co-hosts the Motion and Meaning podcast.
Sign up for updates
Sign up below to hear when the course comes to another city near you.
Attendees are required to agree with the Code of Conduct. Refunds and ticket transfers are available on request up to one week before the event. Within one week of the event, no refunds or ticket transfers are available. Cennydd Ltd is registered and incorporated in England and Wales under number 07945946 at The Old Casino, 28 Fourth Avenue, Hove, E Sussex BN3 2PJ.