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

シェアする

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

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

UIデザイン

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

スポンサーリンク
スポンサードリンク

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

Dribbble

dribbble

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

Dribbbleはこちら

Inspired UI

inspired UI

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

Inspired UIはこちら

Mobile Patterns

mobile-patterns

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

Mobile Patternsはこちら

CAPPTIVATE.co

capptivate.co

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

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

CAPPTIVATE.coはこちら

まとめ

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

The following two tabs change content below.
hideokazuo

hideokazuo

プロジェクトマネージャー WEBサイト・サービス、スマホアプリ(iOS/Android) 趣味は、WWE(プロレス)、RIZIN(総合格闘技)、KNOCKOUT(キックボクシング)とプロ野球観戦 カメラは、EOS 80D、仮想通貨はRipple握ってます。
スポンサーリンク
スポンサードリンク
スポンサードリンク

シェアする