universal-industry
Universal Animation Principles
Apply Disney's 12 principles as flexible foundations that adapt to any industry context with sensible defaults.
The 12 Principles Applied
1. Squash & Stretch
- Default: Subtle compression on interactive elements
- Adjust By: Brand personality (playful = more, serious = less)
- Universal Rule: Never distort data or important content
2. Anticipation
- Default: Brief pause before significant actions
- Adjust By: Action importance (bigger action = more anticipation)
- Universal Rule: Always signal before irreversible actions
3. Staging
- Default: Primary action takes visual focus
- Adjust By: Content hierarchy and user goals
More from dylantarre/animation-principles
mobile-touch
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
1.6Kvideo-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
621motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
557micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
441saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
293game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
287