Motion Design Skill

Degree of freedom: MIXED. Purpose and timing [HIGH freedom]; existing motion inventory and reduced-motion [LOW freedom — run exactly].

Create purposeful, performant animations that enhance UX without overwhelming users.

How to reason

1. Inventory — existing motion library and prefers-reduced-motion
2. Purpose — feedback, orientation, focus, or (rare) delight
3. Implement — transform/opacity only; match the app's timing
4. Motion-safe — reduced-motion becomes an instant state change

Worked example