From Pixar to iOS — the same principles apply

Introduction

• Pixar's 12 principles of animation
• How they apply to digital interfaces
• The universal language of motion

Squash and Stretch in UI

• Elastic interactions
• Button presses and feedback
• Making interfaces feel alive

Anticipation in App Design

• Loading states
• Preparing users for actions
• Setting expectations

Staging and Hierarchy

• Visual focus in interfaces
• Information architecture
• Guiding attention

Timing and Spacing

• Micro-interactions
• Animation duration
• The rhythm of interfaces

Ease In/Out

• Natural motion curves
• Why linear feels wrong
• Bezier curves in practice

Arcs and Natural Motion

• Following physics
• Human expectations
• Organic feel

Secondary Action

• Supporting animations
• Layered interactions
• Rich details

Case Studies

• iOS design language
• Material Design
• Apps that get it right

The Bridge Between Media

• Same principles, different context
• Why it works
• Universal truths

Conclusion

• Animation as communication
• Principles that transcend medium
• Applying film techniques to apps