Edited at

アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ

More than 1 year has passed since last update.

業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。

tumblr 多めです。


Behance


https://www.behance.net/


Adobe のポートフォリオサイトです。

モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。

このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction DesignWeb Design あたりが参考になります。

behance.net


Pinterest


https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%82%A2%E3%83%97%E3%83%AA-939004043528/


Pinterest にも、参考になる画像がたくさんあります。

pinterest.com


Dribbble


https://dribbble.com/


Behance と同じ、ポートフォリオサイトです。

dribbble.com


tumblr : Mobile Design Inspiration


http://inspirationmobile.tumblr.com/


iPhone, Android 両方あります。MaterialDesign もあります。高解像度の GIF 画像を大きくリスト表示しているので、このサイトを開くときは PC が火を噴かないように注意してください...

inspirationmobile.tumblr.com


tumblr : the perfect grid


http://theperfectgrid.tumblr.com


theperfectgrid.tumblr.com


tumblr : UXPLORE


http://uxplore.francescobalducci.com


uxplore.francescobalducci.com


tumblr : DESIGN DRIPS


http://designdrips.com


designdrips.com


tumblr : lovely ui


http://www.lovelyui.com/


iPhone, Android ともにあります。MaterialDesign のパターンもあります。

lovelyui.com


tumblr : ULTRA UI


http://ui.theultralinx.com/


iPhone, Android があり、 数は少ないですが Mac, Windows, Web のカテゴリもあったりします。更新はあまりないようです。

ui.theultralinx.com


pttrns


http://pttrns.com/


Get ad-free experience, access to full archive and more with Premium! とサイトに書いてあるとおり Premium アカウントでないと、見ることが可能なものが限られます。

pttrns.com


Android Niceties


http://androidniceties.tumblr.com/


Android に特化してます。実際にあるオサレなアプリごとにまとめられていて、非常に参考になりますが、更新はあまりないようです。

androidniceties.tumblr.com


Inspired UI


http://inspired-ui.com/


更新が止まっているようで、最新トレンドの参考にはなりにくいでしょう。

inspired-ui.com


Mobile Patterns


http://www.mobile-patterns.com/


iPhone, Android の UI デザインパターンがあります。ただ、Android に関しては量が少なく、デザインも少し前のものが多いです。更新が止まっているようで、最新トレンドの参考にはなりにくいでしょう。

mobile-patterns.com


capptivate


http://capptivate.co/


アニメーションパターンをまとめているサイトです。iPhone のみ。更新が止まっているようで、最新トレンドの参考にはなりにくいでしょう。

capptivate.co