世界一わかりやすい「イージング」と、その応用｜ritar

これはdesigning plus nine Advent Calendar 2018 5日目の記事です。 こんにちは。ritarと申します。designing plus nineというサークルで日々楽しく活動しております。 最近、こんな記事を見つけました。 どうすれば体感でサクサク動作するかを書いた良記事です。 これのアニメーションの項を読んで触発されたので、以前からUIにおけるアニメーションとイージングに関して思っていたことを書き留めておくことにしました。 目次 ・イージングとは ・UIへの応用 ・自然の動き ・心地よいインターフェース ・Material Designにおけるイージング ・入力の運動量 ・おわりにイージングとは最初に、イージングというものについて説明します。ご存知の方は、この章を読み飛ばしていただいて構いません。 まずはこちらの画像をご覧ください。 上と下の丸、動く軌

[glass-_-onion]

イーズインとイーズアウトの説明が逆なのでこの記事の説明を鵜呑みにしてはいけない。デザイナは逆の説明をする人が多い、アニメータの人の説明のほうが正しい。https://cgworld.jp/article/2208-cg-yogojiten.html

[yk4192]

これはわかりやすい( ﾟДﾟ)