Motion

전환과 피드백, 중단과 재시도까지 생각하는 모션 가이드.

GitHub에서 원문 보기 ↗새 탭
원문 가이드 ENGLISH

The Motion domain owns terminology, review procedure, and evidence-bounded practice guidance for product-layer motion.

Scope Boundary

In scope: naming observable motion, reviewing declared behavior, distinguishing heuristics from measured contracts, and identifying evidence needs.

Out of scope: universal timing or easing rules, unmeasured performance claims, and permission to add animation or decorative properties to reusable Layout pattern CSS.

Start Here

Task Route
Choose a behavior from the user task. Motion Decision Tree
Record states, owners, interruption, and evidence. Motion Brief
Build a scroll-driven product story and inspect runnable examples. Scroll-driven Story and Scroll Story Lab
Keep the page fixed while navigating between full-screen chapters. Full-viewport Scene Navigation and runnable example
Apply feedback, disclosure, modal, reorder, progress, and drag contracts. Motion Interaction Recipes

These workflows and worked cases are usable experimental guidance. Expected-result tables are test designs; actual product, engine, and reader evidence must be recorded separately. Review on a failed task, a source change, or a changed ownership contract.

Documents

Domain Contract

See StyleGallery Domains for lifecycle, provenance, page membership, and staleness rules.

IA Navigation

Parent: StyleGallery. Next: Motion Decision Tree.