HOME > クリエイティブ > アプリ開発でのUI・UXデザイン参考サイトまとめ

アプリ開発でのUI・UXデザイン参考サイトまとめ

アプリ開発でUI・UIのデザインは非常に大事です。 UI・UIのデザインを検討する上で参考にしているサイトをまとめましたので紹介いたします。

AppreciateUI

ユーザーの行動、機能別にUIを探すことができます。登録されている画像の数も非常に多く、サイトの構造もシンプルで目的のものを見つけやすいです。

b76d5a00d736e60374db08236802b7dd

Behance

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

b5921dccf9cbb727089b48bd3d689abc

Pintarest

Pintarestは、画像に特化したブックマークサイトです。 appuiなどで検索すると様々なアプリのUIが閲覧できます。

de4a9b888ebfff517e837a75b3b89065

https://jp.pinterest.com/search/pins/?q=app%20ui&rs=typed&term_meta[]=app%7Ctyped&term_meta[]=ui%7Ctyped

Android Niceties

http://androidniceties.tumblr.com/

e99f4b9168be45f3d0dae435a8ef77f4

UX Archive

UI/UXに優れた有名なアプリ(FacebookとかDropboxなど)の各操作別のUI画面を1コマづつ確認できるサイトです。 アプリの各機能のUI/UXの詳細を検討する上で非常に参考になるサイトです。

http://uxarchive.com/

379d2071b5154d63e9578159cc475798

app design served

http://www.appdesignserved.co/

b1468277cce4d4b9255c6315b114d332

capptivate

http://capptivate.co/

a281f80c43a38f03efb73f52d8a84880

Inspired UI

サイトの名の通りインスパイアされそうなUIが数多く掲載されています。iPhone、iPad、Androidとデバイス別に探すことができます。 http://inspired-ui.com/

c6ab9f3aadc2f32839c2cb8c447c7108

lovely ui

http://www.lovelyui.com/

8cf2af3ebf0ce97448059fe8658c83ee

Mobile Design Inspiration

http://inspirationmobile.tumblr.com/

df37e72301412de409df1156f384a102

Mobile Patterns

アプリの各画面、機能別にUIを探すことができます。掲載されているUI画像の数が多いです。

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

699d841e77509353db18900745415be5

pttrns

UIのパターン、配色、デバイス別にアプリのデザインを探すことができます。特にアプリの「カラー」で検索できるので、アプリのテーマカラーを決めるときにとても役立ちます。デバイスとしてApple Watchも選択できるので、Apple WatchのUIの参考にもなります。

http://beta.pttrns.com/

0e8b90cedc568fa5c1a5490f5b6d5f94

ULTRA UI

http://ui.theultralinx.com/

6c25377dd9c9ac0ca2fecf4897b87420