進め方
Motion Systemは、動きを無関係なコンポーネント単位の選択の集まりではなく、デザイントークンのレイヤーとして扱います。小さな継続時間スケール、意味に基づくイージングの役割、要素の登場・退場・同時移動に関する連携ルールを定義します。
ソースは、リデュースドモーションの扱いもシステムレベルに置いています。公開後に個別のアニメーションを調整するのとは異なり、トークンの上書きや代替動作をプロダクト全体に一貫して適用できます。サンプルのタイミングは出発点となる語彙であり、すべてのインターフェースで同じ値を使うべきだという証拠ではありません。
想定される成果物
- 用途を明記した、名前付きの継続時間トークンとイージングトークン。
- グループ、スタッガー、方向に関するコレオグラフィのルール。
- リデュースドモーションの上書き設定と、ドキュメントに必要な要件。
ブリーフからレビューまで
- 01モーションの役割を洗い出す
即時の状態変化、登場、退場、より大きな遷移を特定します。トークンは、異なるニーズを満たすのに必要な数だけ作成します。
- 02連携ルールを定義する
意味のあるグループ内で共有するタイミング、スタッガーの上限、一貫した移動方向を指定します。
- 03アクセシブルなバリアントをつくる
どの動きをなくすか、何で置き換えるか、重要な状態情報をどのように見えるまま保つかを記載します。