こんにちは。デザイナーのユウコです。

今回は、スマートフォンアプリのUIデザインの時に参考になるギャラリーサイトを集めてみました。

関連:様々なインタラクションを確認できるアプリギャラリーサイトUI Sources

目次

世界のクリエイター作品が集うギャラリーサイト

まずは、世界中のクリエイターの優れたデザインが楽しめるサイトから3つをご紹介します。
これらはアプリ専門のサイト集ではありませんが、タグなどで絞り込むことで、アイデアにあふれるアプリの画面デザインをたくさん見ることができます。

Behance

海外のデザインサイトBehance

Behance

Behanceは、世界中のクリエイターが作品を投稿するポートフォリオサイトです。
絞り込みを「UI/UX」「インタラクションデザイン」にすることで、主にスマートフォンアプリの画面デザインが表示されるようになります。

・UI / UX
https://www.behance.net/search?field=132&content=projects&sort=appreciations&time=all

・インタラクションデザイン
https://www.behance.net/search?field=51&content=projects&sort=appreciations&time=all

ただの画面キャプチャではなく、各作品のページごとにレイアウトや画面の見せ方が工夫されているので、アプリ開発時のイメージボードやアプリ紹介ページの参考にもなります。

どんなワードで絞り込んだらいいかわかんないよ!という方、安心してください。
Behanceのアプリ専用のキュレーションサイトがあります。

・APP DESIGN SERVED
http://www.appdesignserved.co/

 

dribbble

アプリの画面デザインの参考になるdribbble

dribbble

dribbbleは、世界中のクリエイターが集う招待制のSNSです。
Tagを「UI」や「interface」「app」「interaction」などにして表示すると、クオリティの高いアプリの画面デザインが並びます。

・UI
https://dribbble.com/tags/ui

・interface
https://dribbble.com/tags/interface

・app
https://dribbble.com/tags/app

・interaction
https://dribbble.com/tags/interaction

その他のタグはこちらから選べます。
https://dribbble.com/tags/

 

Pintarest

画像に特化したブックマークサイトPintarest

Pinterest

Pintarestは、画像に特化したブックマークサイトです。
検索で絞り込みたいワードを入れることで、絞り込みます。

・UI
https://jp.pinterest.com/search/pins/?q=UI

・interface
https://jp.pinterest.com/search/pins/?q=interface

・app
https://jp.pinterest.com/search/pins/?q=app

 

UIデザインのパターン集

アプリ専門のデザイン集サイトから、最近も割と更新がされているっぽい3つをご紹介します。
これらは、UIデザインのパターンごとに絞り込みができるのでとても探しやすいです。

pttrns

UIの参考になるサイトpttrns

http://pttrns.com/

画面左サイドにあるリンクから、デバイス・色・UIパターンなどを絞り込むことができます。

 

lovoly ui

iPhone、AndroidのUIの参考になるlovoly ui

http://www.lovelyui.com/

こちらはヘッダ下のリンクが絞り込みになっています。
デバイス・UIパターンのほかに、トレンドという項目があります。

 

MOBILE PATTERNS

アプリデザインの参考になるMOBILE PATTERNS

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

こちらはヘッダ下でデバイスを絞り込み、左サイドのメニューからUIパターンを絞り込みます。

 

アプリアイコンとスクリーンショットの集

アプリ制作時につきもののアイコンとスクリーンショットもギャラリーサイトがあります。
いずれもカテゴリ別で絞り込んだりできるので、デザインの参考だけでなく、競合の下調べの際にも一覧で見れて便利です。

iconDrop

アプリのアイコンのデザインiconDrop

http://icondrop.net/

色やtag、カテゴリなど、様々な項目で絞り込みのできるiOSアプリのアイコンギャラリーです。

 

iconsfeed

アイコンのデザインの参考になるiconsfeed

http://www.iconsfeed.com/

こちらもiOSアプリのアイコンギャラリーですが、海外のアプリが多めな印象です。

 

App Screenshot

デザインアプリの参考になる

http://design.web-hon.com/app/

iPhoneアプリの人気TOP200のスクリーンショットが集められています。
有料/無料で切り替えもでき、カテゴリごとの人気上位から閲覧できます。

どのサイトも見てると楽しくて、ついつい時間を忘れてしまいます。
本分であるデザイン作業がおろそかにならないようご注意くださいませ~。

あわせて読みたい記事