前の記事 ≪:2011年2月22日 管理人のブックマーク
次の記事 ≫:WordPressのページ順序や階層管理をドラッグ&ドロップ出来るプラグイ...

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ

2011年02月23日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。
スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。
インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。

ギャラリーサイト

CSS iPhone
様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。
どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。


iOSpiration
iPhone Web Design Inspirations - iPhone and iPad Design Inspiration
iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギャラリー。
カテゴリ別に閲覧でき、サイトのみならずアプリ設計の際にも参考になります。


Mobile Web Design
海外のモバイルサイトのギャラリーサイト。大手サイトがあまりなく、色々な海外のデザインについてチェック出来ます。


Refined Mobile Design
海外モバイルサイトのサムネイル&レーティング付きギャラリー


スマートフォンサイト集めました
国内企業のスマフォサイトのまとめ。国内も負けていませんね。


優れたiPhoneサイトデザイン集 - iPhoneデザインボックス
こちらも多数紹介されています


iPhone対応サイト トップ | meet i [ミートアイ]
iPhone対応サイトのギャラリー集。主に日本のサイト。


iShowcase - 国内のiPhone / iPad最適化対応をしたサイトを集めています
こちらも主に日本のサイトをサムネイル付きでギャラリー化したサイト。


ブログエントリ・特集

40+ Best Mobile Website Designs
きれいなデザインのiPhoneサイトを40個まとめたブログエントリ


絶対見ておきたい有名企業のスマホサイトまとめ
ASCII.jpさんの特集。日本企業の秀逸サイトデザインが解説されています。


アプリのパターン・スナップショット

Mobile UI Patterns › Splash Screens
モバイルアプリケーションのデザインパターン。アプリ用とはいえサイトデザインに参考になる部分がおおそう。


App Interfaces | iOs Inspires Me
IOS INSPIRES ME というサイトの「App Interface」カテゴリ。アプリのアイコンのギャラリーページもあります。
アイコンは、ホーム画面にサイトのショートカットとして置けるのでそのアイコンデザインについても参考にできそう


Creattica
サイトデザイン等のギャラリーサイトの「Mobile Interface」カテゴリ。


TapFancy
iPhone/iPad用のデザインされたアプリUIについてのスナップショットブログ


今後は通常のWEBサイト、携帯サイトに加え、スマートフォン用のサイトが必要になってくるというのだからWEB屋は本当に大変です・・・。
関連の記事検索:スマートフォン, iPhone, Webデザイン, まとめ, デザイン, Web制作
スポンサード リンク

By.KJ : 2011年02月23日 09:03 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)