進め方
Animation Principlesは、ひとつのUIの動きに絞ったモーションデザインのガイドです。イージングの方向、所要時間、段取り、余韻を、ユーザーに気づいてほしい点と結び付けます。登場、退場、強調、ローディング表現、トランジションでは、それぞれ役割が異なります。
ソースにはタイミングの範囲やスタッガーの提案が含まれますが、これらはあらゆるインターフェースに通用する計測済みの要件ではなく、出発点です。また、中断可能な挙動、モーション低減への対応、低性能デバイスでの確認も求めています。プロダクト全体のモーショントークンは別のタスクの領域です。
期待される成果物
- ひとつのインターフェースイベントに対するモーションの根拠
- イージング、所要時間、シーケンスの提案
- 中断時とモーション低減時の挙動
ブリーフからレビューまで
- 01状態変化を明確にする
アニメーションが何を伝えるのか、どの要素に最初に注目させるべきかを特定します。
- 02動きを調整する
登場、退場、強調、トランジションのいずれかに適したイージングと所要時間を選びます。
- 03代替案を確認する
途中でのキャンセル、モーション低減時の挙動、対象デバイスでの体感的な応答性を確認します。