ポートフォリオモーションQA は何をしますか？
モーションは、階層、方向性、フィードバック、シーケンス、連続性を明確にする場合にのみ使用してください。
まず調査する
プロジェクトのモーションルール、トークンソース、既存のモーションプリミティブを読み込んでください。独立したスケールや新しいアニメーションライブラリを追加する代わりに、それらのセマンティクスと持続時間を再利用してください。
決定ルール
- アニメーションが明確なメリットを提供しない限り、読み取り優先のコンテンツは静的に保ちます。
- opacity と transform を優先し、レイアウトアニメーション、アンビエントループ、スクロールハイジャック、文字の段階的表示、
transition: allを避けます。 - モーションはオプションに保ちます。動きの軽減は即座に解決され、キーボード操作はアニメーションを待ちません。
- ホバーとフォーカスが同等の状態変化を生成することを確認し、モバイルではポインター動作に依存しないでください。
検証する
通常状態と動きの軽減状態、キーボードフォーカス、デスクトップ/モバイルレイアウト、該当する場合はリプレイ/終了動作をテストします。各モーションの選択理由、そのトークン/プリミティブ、文書化されたプロジェクト決定が必要な逸脱を報告してください。