dribbbleのぬるぬる動くメニューUIのアイデア10選

アプリデザインにおけるUIのアニメーションは、いざ作るとなると「どう動かすか」などと考えてしまい、無難なものに落ち着きがちです。発想が小さくなっているなと感じたら、他の人の自由な発想を見てみるのもいいかもしれません。 そこで今回は、dribbbleにて公開されているメニューUIのアニメーションから10点ご紹介いたします。ぬるぬる動きまくるポートフォリオからインスピレーションを見いだせれば幸いです。 ※過剰で独りよがりなアニメーションはユーザー体験として不適切になりがちですので、きちんとTPOをわきまえたアニメーションを心がけましょう！ Animated sliding tab bar フッター部分を完全に非表示にさせつつも、折りたたまれていたかのように表示させるアニメーションです。ユーザーが混乱しないように予め操作方法を説明しておくといった配慮が必要になりますが、デザインとしては使いやすい

[masakazu1998]

“画面の下部に使うアニメーションメニューですのであまり派手な動きではありませんが、操作方法を感覚的に捉えられるUIなので非常にスマートなデザインと呼べるでしょう。メニューの数が多くても問題なく配置できる

[Nemisama]

「GIF for Restaurant Menu」アイコンも動くのか！

[s99e209]

ハンバーガーメニューなど開閉するときのアニメーションのアイデアまとめ。

[takuver4]

めっちゃオシャレ。