スマホアプリUI、アニメーション、デザイン参考サイトまとめ

スマホ向けのアプリを作る場合、企画が決まると次にデザインを決めなければなりません。

ここでいうデザインはUI/UXのことです。

そんなとき、色々なアプリをイチイチダウンロードしてUIを確認するのは大変ですよね。アプリのUIをGIFや画像で紹介しているサイトをまとめました。

アプリUIインスピレーションまとめ

DribbbleはUIデザインがたくさんあります。良さそうなアニメーションには、結構な確率でgit hubに掲載しているコードへのリンク付きだったりするので、そのままiOSエンジニアの方にコードを渡すと便利です。

Dribbbleはこちら

iPhone以外にもiPadとAndroidのアプリUIを閲覧することができます。

Inspired UIはこちら

作りたいページごとに分類されていて、シンプルなデザインのUIまとめです。

Mobile Patternsはこちら

iOS専門サイトです。見たいデザインにカーソルを合わせて外すとgifアニメーションでアニメーションの確認が出来ます。

動きが見れてとても便利です。

CAPPTIVATE.coはこちら

アプリのUIデザインは非常に難しく、悩ましいところなので、色々なサイトでたくさんのUIを見てどれを採用するか決めるようにしています。イメージは頭のなかにあるけど、説明が難しい場合も同じようなアニメーションサンプルがきっとあるので、上記のサイトで探してみましょう。