CR-06 / DISCIPLINEKNOuX CREATIVE
Motion & Interaction
A shared grammar so the whole system moves the same way
Motion defined as a specification: what duration means, what easing means, which transitions are allowed and what the reduced-motion equivalent is. Motion is treated as information, not decoration.
FIG. MOTIONTiming and transition
01Motion token set and easing decisions02Transition and state specification03Reduced-motion equivalents for every animation04Implementation guidance
01 / OUTPUT
Deliverables
- Motion token set and easing decisions
- Transition and state specification
- Reduced-motion equivalents for every animation
- Implementation guidance
02 / METHOD
Operating principles
01Duration communicates distance
02Nothing animates without a reason
03Every animation has a reduced-motion path
03 / CONNECTIONS
Capability relationships
Pairs with
CR-06 / NEXT STEP
Define the brief.
A shared grammar so the whole system moves the same way