UI/UXデザイン制作の参考に!見てるだけでも楽しいアプリデザインのギャラリーサイト9選

UI/UXデザイン制作の参考に!見てるだけでも楽しいアプリデザインのギャラリーサイト9選

  • このエントリーをはてなブックマークに追加

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

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

 

世界のクリエイターの作品を見てみよう

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

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は、世界中のクリエイターが集う招待制の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

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のスクリーンショットが集められています。
有料/無料で切り替えもでき、カテゴリごとの人気上位から閲覧できます。

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

  • このエントリーをはてなブックマークに追加

記事作成者の紹介

ユウコ(デザイナー)

デザイナーが所属するクリエイティブDivのマネージャーをしています。

関連するSONICMOOVのサービス

Webデザイナー募集!

イラストーレーター募集!

×

SNSでも情報配信中!ぜひご登録ください。

×

SNSでも
情報配信中!
SONICMOOV Facebookページ SONICMOOV Twitter

Webデザイナー募集!

新着の記事

mautic is open source marketing automation