secondary-action-mastery
Secondary Action Mastery
The Enrichment Principle
Secondary action adds life to a scene without distracting from the main action. A character walking (primary) while whistling and swinging their arms (secondary). A button pressing (primary) with a subtle ripple effect (secondary). It's the difference between functional animation and rich, immersive motion.
Core Theory
Subordination principle: Secondary action must never compete with primary action. If viewers watch the secondary instead of primary, you've failed. The supporting role must remain supporting.
Reinforcement function: Good secondary action reinforces the primary action's meaning. It doesn't just add motion—it adds dimension to the story being told.
The Distinction: Secondary Action vs. Overlapping Action
These are often confused:
- Overlapping action: Physical consequence (hair moving because head moved)
- Secondary action: Independent supporting action (whistling while walking)
Overlapping is reactive; secondary is additive.
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.
624motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
558micro-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