アニメーション
macOS 全体の美しく、繊細なアニメーションは、ステータスを伝え、フィードバックを提供し、ユーザがアクションの結果を視覚化するのに役立ちます。たとえば、ユーザが TextEdit ドキュメントを複製すると、コピーが元のドキュメントから飛び出し、複製であることを示し、アクティブなウィンドウになります。
標準のインターフェース要素は、システムの組み込みアニメーションから自動的に恩恵を受けます。あなたのアプリでカスタムアニメーションをデザインする場合は、ユーザの方向性を維持し、ユーザのアクションに応じて明確なフィードバックを提供し、スクリーン上の特定の位置に注意を喚起することを目標にします。
リアリズムに努めます。 現実的な動きは、人々が何かがどのように機能するかを理解するのに役立ちます。たとえば、Mission Control を使用してデスクトップを表示すると、開いているすべてのウィンドウが、机の上で現実の紙をスワイプするかのように邪魔にならないようにスライドします。
頻繁に発生する操作にアニメーションを使用することは避けてください。 頻繁に発生するアニメーションの繰り返しは、アニメーションのために効率が低下しているという認識につながります。システムは、標準のインターフェース要素の操作のために、すでに微妙なアニメーションを採用しています。何かを操作するたびに、不要なアニメーションを見るのに余分な時間を費やさないようにしてください。
フィードバックと理解を深めます。 すぐに結果が得られるアクションを実行するときには、人々がコンテキストを失わないことが重要です。アニメーションを使用して、これらのアクションをより人間的な時間枠に入れます。たとえば、ウィンドウを最小化すると、スクリーンから消えて Dock に再表示されるだけではありません。代わりに、スクリーンから Dock にスムーズに移動するため、ユーザはそれがどこに移動したかを正確に知ることができます。
オブジェクトの状態の間をスムーズに移行します。 サイズ変更などの移行中に開始状態と終了状態のみを表示すると、不快感を与える可能性があります。アニメーション化された移行は、継続性を提供し、より自然に感じます。
結果をほのめかします。 アクションの結果をプレビューすることで、自信をつけ、間違いを減らします。たとえば、項目を Dock にドラッグすると、他の項目が横に移動し、ドロップしたときに新しい項目が存在すべき場所が表示されます。
フルスクリーンモードの移行アニメーションがスムーズであることを確認してください。 フルスクリーンモードに出入りするときに、システムはウィンドウを自動的にアニメーション化します。この移行によってアニメーション化されない要素があなたのアプリに含まれている場合は、カスタムアニメーションを使用して、一貫した体験を確保してください。たとえば、ウィンドウのツールバーの下に二次バー (お気に入りバーなど) が含まれている場合、ツールバーとともにシームレスに移行する必要があります。
アニメーションとモーション効果を慎重に使用してください。 アニメーションを使用するためにアニメーションを使用しないでください。過度のアニメーションや不必要なアニメーションは、特に没入型の体験を提供しないアプリでは、人々が接続されておらず気が散ったりしていると感じる可能性があります。
アニメーションをオプションにします。 アクセシビリティ設定でモーションを減らすオプションが有効になっている場合、あなたのアプリはアプリケーションのアニメーションを最小化または削除する必要があります。ガイダンスについては、モーション を参照してください。
開発者向けガイダンスについては、グラフィックスとアニメーションの開始 (Getting Started with Graphics & Animation) および グラフィックスとゲーム (Graphics and Games) を参照してください。
