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

  • 1626
    Like
  • 0
    Comment

業務や個人でのアプリ開発で、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