プロパティ

Property

イージングは、時間の経過に伴うパラメーターの変化率です。イージングを設定することで、加速や緩急が生まれ、より現実世界の描写に近い情緒ある表現を可能にします。

最初に大きく加速し、最後に減速します。動きに緩急がつき、メリハリが付きやすくなります。

最初ゆったりと立ち上がり、加速後、最後に減速して収束します。突発的な動きがなく安心感のある動きになります。

Duration

Animationの持続する時間です。 Durationが長ければ長いほどゆったりした演出ができますが、長すぎるとUIにおいては冗長で操作の妨げになることがあります。ユーザーがAnimation終了後の状態を予測できている場合は、簡潔にまとめる必要があります。

150ms
最も短い時間で、ダイアログを閉じるときなどユーザーが迅速な処理を望むようなケースで利用します。

350ms
中間の時間で、汎用的にどこでも利用できます。

500ms
最も長い時間で、大きなオブジェクトに大きな変化を及ぼす時などに利用できます。