Animation
原文:https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/animation/
hr.icon
iOS全体に施された美しく繊細なアニメーションは、人と画面上のコンテンツとのつながりを視覚的に感じさせます。
適切に使用されたアニメーションは、ステータスの伝達、フィードバックの提供、直接操作しているような感覚の向上、ユーザーが自分の行動の結果を視覚化することなどが可能です。
https://gyazo.com/e299911c1f10917a53adc657d346fcf2
アニメーションやモーションエフェクトの使い方は慎重に。
アニメーションを使用するためにアニメーションを使用しないでください。
iOSでは、ホーム画面などで奥行きを感じさせるために、視差効果などのモーションエフェクトを使用しています。
これらのエフェクトは、理解度や楽しさを向上させる効果がありますが、使いすぎるとアプリが見づらくなり、操作しづらくなることがあります。
モーションエフェクトを導入する場合は、必ずテストを行い、効果を確認するようにしてください。
リアリティと信頼性を追求する。
人は、芸術的な表現を受け入れる傾向がありますが、動きに意味がなかったり、物理的な法則に反していたりすると、違和感を覚えるものです。
例えば、画面の上から下にスライドさせて景色を見せた場合、上に戻して景色を消すことができなければなりません。
一貫したアニメーションを使用する。
慣れ親しんだ、流れるような体験は、ユーザーを飽きさせません。
ユーザーは、スムーズなトランジション、デバイスの向きの流動的な変化、物理ベースのスクロールなど、iOS全体で使われている微妙なアニメーションに慣れています。
ゲームのような没入感のある体験を提供する場合を除き、カスタムアニメーションは組み込みのアニメーションと同等のものにしましょう。
アニメーションをオプションにする。
アクセシビリティの環境設定でモーションを減らすオプションが有効になっている場合、アプリケーションのアニメーションを最小限にするか、なくすようにします。
ガイダンスについては、Motionを参照してください。
<-- Adaptivity and Layout
--> Branding