Clarity 2017

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!)

The role of design with large organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale makes it increasingly challenging to align designers and product teams to deliver cohesive, consistent experiences across a customer journey.

A design system is a framework of practices that bring designers and products together. It is a platform to identify, decide on, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy.

This workshop exposes you to the broad range of those considerations – the kinds of parts, products, people and practices involved—and equips you with tools and activities to start, spread, and sustain a system yourself.