こんにちは。デザイナーのユウコです。
今回は、スマートフォンアプリのUIデザインの時に参考になるギャラリーサイトを集めてみました。
関連：様々なインタラクションを確認できるアプリギャラリーサイトUI Sources
目次
目次
世界のクリエイター作品が集うギャラリーサイト
まずは、世界中のクリエイターの優れたデザインが楽しめるサイトから3つをご紹介します。
これらはアプリ専門のサイト集ではありませんが、タグなどで絞り込むことで、アイデアにあふれるアプリの画面デザインをたくさん見ることができます。
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は、世界中のクリエイターが集う招待制の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は、画像に特化したブックマークサイトです。
検索で絞り込みたいワードを入れることで、絞り込みます。
・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パターンなどを絞り込むことができます。
lovoly ui
こちらはヘッダ下のリンクが絞り込みになっています。
デバイス・UIパターンのほかに、トレンドという項目があります。
MOBILE PATTERNS
http://www.mobile-patterns.com/
こちらはヘッダ下でデバイスを絞り込み、左サイドのメニューからUIパターンを絞り込みます。
アプリアイコンとスクリーンショットの集
アプリ制作時につきもののアイコンとスクリーンショットもギャラリーサイトがあります。
いずれもカテゴリ別で絞り込んだりできるので、デザインの参考だけでなく、競合の下調べの際にも一覧で見れて便利です。
iconDrop
色やtag、カテゴリなど、様々な項目で絞り込みのできるiOSアプリのアイコンギャラリーです。
iconsfeed
こちらもiOSアプリのアイコンギャラリーですが、海外のアプリが多めな印象です。
App Screenshot
http://design.web-hon.com/app/
iPhoneアプリの人気TOP200のスクリーンショットが集められています。
有料/無料で切り替えもでき、カテゴリごとの人気上位から閲覧できます。
—
どのサイトも見てると楽しくて、ついつい時間を忘れてしまいます。
本分であるデザイン作業がおろそかにならないようご注意くださいませ～。
