media-publishing
Media & Publishing Animation Principles
Apply Disney's 12 principles to create immersive reading experiences that enhance content without distracting from it.
The 12 Principles Applied
1. Squash & Stretch
- Very Minimal: Content is serious, not playful
- Bookmark Icon: Subtle press feedback
- Share Buttons: Light tactile response
2. Anticipation
- Article Load: Skeleton hints at content structure
- Image Reveal: Brief preparation before full quality
- Next Story: Preview of upcoming content
3. Staging
- Content First: Article text is always primary
- Media Integration: Images/video support, not distract
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.
617motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
552micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
439saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
292game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
287