アプリ&ウェブ開発者向け!参考になるモバイルUIデザインパターンをまとめたウェブサイト9つ

モバイルウェブデザイン
【img via Six Revisions

ブラックさに定評のあるモバイル業界に務めている、もうすぐ社会人4年目のg.O.R.i(@planetofgori)デス。いやぁ、時が経つのは早いねえ。

さて、モバイル業界と言えば業界内外問わずどう見ても一番盛り上がっている話題は「スマートフォン」。中でもスマートフォン向けアプリやウェブについては今までのガラケーとは違い、デザイン性やUI(ユーザーインタフェース)がかつてないほど重要視されるようになった

ウェブデザイナーやデベロッパー向けの情報を配信しているSix Revisionsが、スマートフォン用アプリやスマートフォン用ウェブ開発者向けに参考になりそうなモバイルUIデザインパターンをまとめたウェブサイトをまとめていたので、紹介する!


Mobile UI Patterns | Recently Added
国内でもかなり知名度が高め(はてブ数参照)。カテゴリ別に分かれていて探しやすい。

Inspired UI
モバイルアプリのスクリーンショットが1000枚以上用意されているサイト。サイトとしても結構見やすい。

lovely ui
ボタンやリスト、ポップオーバーなどを得意としているサイト。

Patterns – Theresa Neil
Theresa NeilというUXデザイナーのモバイルデザインパターンサイト。

Recent / iOS UI Patterns (beta)
30種類以上のモバイルUIデザインパターンが用意されている。このサイトもシンプルで見やすい。スクリーンショットが大きいからかな?

Patterns
iPhoneとiPad向けのUIデザインパターンがまとめられている。

Index – 4ourth Mobile Design Pattern Library
スライドショーやページャーのデザインについて紹介されている。結構ニッチかも?

Android UI Design Patterns: Smartphone UI Patterns
Android向けのUIデザインパターンの紹介に特化したページ。

Android Patterns
こちらも同じくAndroid向けのUIデザインパターンに特化。数は若干少なめ。

(via Six Revisions

もっと読むデザインまとめ
もっと読むモバイルまとめ