作業の進め方
ui-animation は UI モーションの実装、レビュー、計測を扱います。操作の目的と頻度から始め、タイミングと実装方法を選びます。フィードバック、位置関係の把握、連続性を判断基準とし、頻繁に繰り返す操作は即時性を保ちます。
もう一つの手順では録画から動きを計測します。フレームを抽出して要素を追跡し、スプリングまたはイージング曲線をフィットして実装パラメーターを生成します。開く動きと閉じる動きは別々に扱い、新しい録画を参考映像と比べて、再現した各段階が保持されているか確認します。
想定される成果物
- 対象を絞った UI モーションの実装またはレビュー。
- 録画から計測したイージングまたはスプリングの仕様。
- タイミング、プロパティごとの段階、検証時の観察を含む引き継ぎ資料。
ブリーフからレビューまで
- 01状態を動かす理由を決める
フィードバック、連続性、位置関係の把握に必要なことと操作頻度を特定します。タスク完了とキーボードフォーカスの即時性を保ちます。
- 02動きを選ぶ、または計測する
コンポーネントの手順を選ぶか、録画を実際のフレームレートで抽出して該当する動きをフィットします。開閉の段階を分けます。
- 03実際の操作をテストする
素早く切り替え、スロー再生で確認し、タッチと動きを減らす設定をテストします。再現の場合は、実装の録画を元映像と比べます。