UIの細かい動きについて

UIアニメーションに細かい動きの調整をしていく中でイージングというものがあります。 イージングは動きに緩急をつけ、目立たせたい動きや自然な動きを作り出すことができます。 このイージングはUIアニメーション以外にもキャラクターモーション、エフェクトなどでも適用されており、アニメーションを等速にさせたい意図がない限りは必ず使用するくらい大事な要素になります。

[tatuya954]

オモロイね。カプコンUIチームのtwitterアカウントもおすすめです。見やすい、分かりやすいに加えて、世界観含めた遊び心が垣間見えて、いい感じです。

[Kuw]

これ系Flashのサイトが流行り始めた頃に多用されたので歴史を繰り返してる感はちょっと感じる

[asada_bao]

“UIの細かい動き” は（文脈にもよるけど）マイクロインタラクションっていう総称があります

[oka_mailer]

FlashのTweenerと再会したような

[FunnyBunnyDizzy]

あってもいいけどAnimation Duration 0.4secを越えないようにしたい。0.25〜0.3くらいなら体感的にギリギリ鬱陶しく感じない。0.4はデッドライン感

[uunfo]

サンプル動画の下にタイトルと解説があるけど、動画とタイトルの間のマージンが大きいので、タイトルと解説が次のサンプル動画のものであるように見えた。その辺のUI/UXはどう考えてるのだろう。

[witch-doktor]

多分あっても気づかれていない動きがほとんど。それで正しい。つまり、認知されてるインタラクションはユーザーのストレスになってしまっているものがほとんど。動き不要論はあるが、ないならないで違和感あるよ

[c_shiika]

windowsでは真っ先にオフにするやつ

[karukaru7]

UIは人の気持ちを考えて作ろう！まさに友愛！

[RATCHO]

イージングアニメーション中も操作受付ていてほしい。そういう意味だとポケモン剣盾、てめーはダメだ。

[diveintounlimit]

最初は「おっ」ってなるけど徐々に「はよ終われはよ終われ」となるやつ

[modoroso]

すごい

[dalk]

楽しい。

[nmcli]

目立たず控えめにやるのがいいのよ

[ka-ka_xyz]

面倒いのじゃ...ひたすら面倒いのじゃ........

[kazoo_keeper2]

経験とか感覚でやってることを《言語化》して《技術》にするのって素敵。

[anigoka]

たぶん浅草氏が体全体で表現してるへんな動きは全部こーゆーこと

[miquniqu]

後半に行くほどに見すぎてイライラしてきたので調整する人は大変だろうなぁ

[hazardprofile]

ゲームにもよるんだろうがボクも基本的にはない方がすき

[clash_m45]

すごい！分かり易い

[shiodoki-gg]

プリコネみたいなウインドウの出方だととっととスタミナ消費しちゃいたいときとか多少ストレスがあるが、通信時のラグとか考えるとあれぐらいの間が丁度いい落としどころなんだろうな

[ya--mada]

エフェクト一覧

[kyopeco]

エフェクトについて、種類ごとにまとまっている。

[pineapplecolor]

ちかちかするけどすごい

[jitojito]

意味なくがちゃがちゃ動くのはナンセンスだけどきちんと使うと効果的なやつ。難しいけど。

[natu3kan]

ガチャってパチンコ、パチスロの期待演出に似てる所あるよな。

[morokyu]

P5は本当に凄かった 飽きる事なく違和感を感じる事なく見やすく 全てを両立していた

[yasu-log]

【B!】UIの細かい動きについて | ゲームUI演出 / イージング大事

[makou]

やるならユーザのタップ速度次第でエフェクト速度も変わってほしいなと、ゲーム以外でよく思う。

[Yagokoro]

正直、ゴチャゴチャやられるとうっとうしい。ゲーム中、繰り返し見るし。

[ttop]

UIエフェクトの話。スゲー

[primedesignworks]

みんな同じに見えるのでぼくはセンスないんだなってことだけは分かった。

[aceraceae]

ゲームにかぎらずこういう細かい動きの検討は必要。

[rax_2]

グラフ助かる。自分で動き確認しながら作るの面倒だったからありがたい