bryanmanio.com
内容がかなり具体的 & 実践的で自分の普段のアプローチと近かったので紹介。細かいニュアンスはリンク先を確認して欲しい(簡潔なので英語不得意でも読みやすい)
- まず ease out を使ってみる
- 素早い動き( 300ms くらい)
- 対象のサイズで速度を調整
- 消える時はより早く
- 自作アニメーションカーブを作ろう
- クイック、デフォルト、ロングの 3パターンでほとんどは対応可能
- spring アニメーションは物理っぽくなるので活用しよう
- モーションライブラリを使ってみる
- 動きは Figma ではなく Protopie や Origami, Play などを使おう
- やりすぎない
- opacity と transform が重要