Showing posts with label animation. Show all posts
Showing posts with label animation. Show all posts

Sunday, May 8, 2016

Day 91 - What Speed Should Your UI Animations Be

Good  timing and duration for animated UIs are around 200ms to 500ms seconds.  This is more of an art than a science. Always test and adjust how fast your animation is.  Smaller animations will be in the 100ms or 200ms range, while larger animations that have more area to cover will be in the higher ranges.

Monday, October 20, 2014

Day 67 - Interaction Design Motion - Disney Animation Principles

With mobile app platforms and emerging technologies becoming more immersive and dynamic, it's important to understand animation as a ux or interaction designer.

These are Disney's 12 Rules of Animation:
  1. Squash and stretch
  2. Anticipation
  3. Staging
  4. Straight ahead / pose-to-pose
  5. Follow through / overlapping-action
  6. Slow in and out
  7. Arcs
  8. Secondary action
  9. Timing
  10. Exaggeration
  11. Solid drawing
  12. Appeal