dylantarre/animation-principles - الصفحة ٤

arc-mastery

Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.

لغة النص الأصلي: الإنجليزية

exaggeration-mastery

Use when determining how far to push motion beyond realism, calibrating animation intensity for context, or making key moments register with audiences.

لغة النص الأصلي: الإنجليزية

follow-through-overlapping

Use when animating multi-part objects, character appendages, fabric, hair, or any motion requiring realistic drag, momentum, and settling behavior.

لغة النص الأصلي: الإنجليزية

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.

لغة النص الأصلي: الإنجليزية

slow-in-out-mastery

Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.

لغة النص الأصلي: الإنجليزية

solid-drawing-mastery

Use when creating motion that needs dimensional grounding, designing transforms that maintain object integrity, or ensuring animations feel structurally sound.

لغة النص الأصلي: الإنجليزية

squash-stretch-mastery

Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.

لغة النص الأصلي: الإنجليزية

staging-mastery

Use when composing scenes, designing layouts, directing user attention, or ensuring a single clear idea is communicated at any given moment.

لغة النص الأصلي: الإنجليزية

straight-ahead-pose-mastery

Use when planning animation workflows, deciding between spontaneous vs controlled approaches, or balancing creative freedom with structural precision.

لغة النص الأصلي: الإنجليزية

timing-principle-mastery

Use when determining animation durations, controlling pacing, establishing rhythm, or making motion feel appropriately weighted and emotionally resonant.

لغة النص الأصلي: الإنجليزية

accessibility-issues

Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs

لغة النص الأصلي: الإنجليزية

attention-management

Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation

لغة النص الأصلي: الإنجليزية

brand-consistency

Use when animation doesn't match brand personality, feels generic, or clashes with design language

لغة النص الأصلي: الإنجليزية

emotional-disconnect

Use when animation feels wrong, creates unintended emotional response, or mismatches context

لغة النص الأصلي: الإنجليزية

implementation-debugging

Use when animation doesn't work as expected, has bugs, or behaves inconsistently

لغة النص الأصلي: الإنجليزية

motion-sickness

Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort

لغة النص الأصلي: الإنجليزية

performance-optimization

Use when animation runs slow, janky, or causes frame drops

لغة النص الأصلي: الإنجليزية

technical-constraints

Use when animation is limited by browser support, platform capabilities, or technical requirements

لغة النص الأصلي: الإنجليزية

timing-calibration

Use when animation speed feels wrong—too fast, too slow, or inconsistent

لغة النص الأصلي: الإنجليزية

universal-solutions

Use when facing any animation problem as a comprehensive diagnostic framework

لغة النص الأصلي: الإنجليزية

user-feedback-clarity

Use when users don't notice feedback, miss state changes, or can't tell if their action worked

لغة النص الأصلي: الإنجليزية

ux-friction

Use when animation causes user confusion, delays task completion, or creates frustration

لغة النص الأصلي: الإنجليزية