ReddRadar
Topic: principles-of-animation
144 skills in this topic.
-
universal-tool
Use when implementing Disney's 12 animation principles with any animation tool or framework
dylantarre/animation-principles 23
-
instant-0-100ms
Use when building instantaneous UI feedback under 100ms - button presses, toggles, state changes that feel immediate and responsive
dylantarre/animation-principles 23
-
timing-principle-mastery
Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.
dylantarre/animation-principles 23
-
ux-friction
Use when animation causes user confusion, delays task completion, or creates frustration
dylantarre/animation-principles 23
-
user-feedback-clarity
Use when users don't notice feedback, miss state changes, or can't tell if their action worked
dylantarre/animation-principles 23
-
universal-solutions
Use when facing any animation problem as a comprehensive diagnostic framework
dylantarre/animation-principles 23
-
timing-calibration
Use when animation speed feels wrong—too fast, too slow, or inconsistent
dylantarre/animation-principles 23
-
technical-constraints
Use when animation is limited by browser support, platform capabilities, or technical requirements
dylantarre/animation-principles 23
-
performance-optimization
Use when animation runs slow, janky, or causes frame drops
dylantarre/animation-principles 23
-
motion-sickness
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
dylantarre/animation-principles 23
-
implementation-debugging
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
dylantarre/animation-principles 23
-
emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
dylantarre/animation-principles 23
-
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
dylantarre/animation-principles 23
-
attention-management
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
dylantarre/animation-principles 23
-
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
dylantarre/animation-principles 23
-
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
dylantarre/animation-principles 23
-
universal-timing
Use when learning animation timing fundamentals - principles that apply regardless of duration, the foundational rules that scale across all time ranges
dylantarre/animation-principles 23
-
anticipation-mastery
Use when designing action sequences, user interactions, state transitions, or any motion that needs telegraphing to feel intentional rather than sudden.
dylantarre/animation-principles 23
-
appeal-mastery
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
dylantarre/animation-principles 23
-
arc-mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
dylantarre/animation-principles 23
-
exaggeration-mastery
Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.
dylantarre/animation-principles 23
-
follow-through-overlapping
Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.
dylantarre/animation-principles 23
-
squash-stretch-mastery
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
dylantarre/animation-principles 23
-
straight-ahead-pose-mastery
Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.
dylantarre/animation-principles 23