Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing Motion

Val Head
October 02, 2011

Designing Motion

"With great power comes great responsibility" is something you hear often about making things move on the modern web. Well, if that's the case, then we had better really mean it!

We'll look at how to get the most out of your CSS transitions and transforms by going beyond just start and end points and applying our design eye to those ever important in-between parts. That's where the real power of animation lies. We want elegant and meaningful animation, not obtrusive or meaningless fluff! What can we borrow from traditional animation? And what do we need to make our own rules for? We'll find some answers and (I hope) you'll never think of a simple transition the same again.

Val Head

October 02, 2011
Tweet

More Decks by Val Head

Other Decks in Design

Transcript

  1. The idea that various aspects of the character’s attributes come

    together to just feel “right”. Appeal
  2. “... it’s easy to forget that when you’re building a

    game you’re not just building a set of rules or a pile of content. You’re crafting and experience... Animation happens to be my weapon of choice to achieve this” [Mika Mobile blog post]