レスポンシブ・ウェブ導入のためにスマートフォンのUIを研究。なにはともあれ、サイトを見て使って感じてみるのが一番かと思い、まずはギャラリーサイトを探してみました。
Mobile Awesomeness
海外iPhoneサイトのギャラリー。各サイトにスクリーンショットが4枚あるのでPC版ブラウザからアイディア集めに使えそうです。ここも数が多そうです。
http://www.mobileawesomeness.com/
CSS iPhone
ここも海外iPhoneサイトのギャラリー。やはり、日本のものと全然違いますね。
http://cssiphone.com/
スマートフォンサイト集めました
その名のとおり。日本のiPhoneサイト集です。カテゴリ分けされてます。
http://sp-web.jp/
iPhone Design Box
日本・海外問わず、iPhoneサイトがたくさん掲載されているサイト集です。こちらもカテゴリ分けされてます。
http://design.web-hon.com/
iPhoneデザインアーカイブ
その名のとおりiPhoneサイトのギャラリー。ぱっと見たところ日本のサイトが多い印象で、今日(5/16)の時点で529件あるそうです。全サイト一覧は圧巻です。アイディア集めに良さそう。
http://iphonedesignarchive.jp/all.html
とりあえずこれくらいあれば、はじめの勉強にはこと足りそうです。他にもこちらのサイトでは、たくさんのギャラリーが紹介されていました。
2011年5月17日に公開され、2012年4月28日に更新された記事です。
About the author
「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。
ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。