Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ

by k.[スマートフォン]
2010-12-07 23:58:39
[ページ移動: 1 2 3]

<画像:Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ>

かかえているサイトを急にスマートフォン対応して!

なんて時に困らない様に、スマートフォン特有のデザインやユーザビリティ等、構築時に抑えておきたいサイト・記事を集めました。

半分位自分用メモですが、何かの役に立てば幸いです。

スマートフォン最適化デザイン

国内のスマートフォン向けに最適化されたサイトをまとめているサイトをまとめました。

iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト
あのモバイルデザインアーカイブと姉妹サイトです。
登録数も豊富、カテゴリ毎で見れて便利です。

iPhone対応サイト トップ | meet i [ミートアイ]
こちらもかなりの登録数、スマートフォン対応サイトってこんなにあるんですね。

iShowcase - 国内のiPhone / iPad最適化対応をしたサイトを集めています
残念ながら更新が10年6月でストップしている模様ですが、国内サイトのまとめです。

iPhone/touch に最適化されているサイト報告
2chのログ?にもありました。

FX関連のiPhone対応アプリ/サイトまとめ | [FOREX PRESS]
FXサイトに特化したまとめ。

2011/02/08追加
参考にしたい優れたiPhone(スマフォ)Webデザイン集 - iPhoneデザインボックス
PCとの比較があるので、どうやってイメージを保っているかが分かりやすいです。

2011/02/15追加
Mobile UI Patterns ? Splash Screens
左メニューから有名サービス各シーンのデザインを確認出来ます。

2011/05/23追加
【実録】アプリアイコンの作り方  〜2%のデザイン〜 | Everything was born from Love
アプリアイコンの作り方ですが、apple-touch-iconの作り方にも共通します。

優れたデザインのiOSアイコンまでもアーカイブしてるサイト iOS INSPIRES ME


デザイン構築時に抑えておきたいこと

スマートフォン最適化を実施する際に最低限抑えておきたいこと - livedoor ディレクターブログ
基本だと思いますが忘れないようにしないといけないですね。
要点引用。

・一画面に表示する要素はできるだけ軽く、シンプルに
・画面遷移を省いた表示方法を活用する
・外出先で必要とされる機能を重視する
・スマートフォン本体やアプリなどで馴染みのあるUIを参考にする
スマートフォン最適化を実施する際に最低限抑えておきたいこと


iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

[ページ移動: 1 2 3]

[*]前の記事 | [#]次の記事
TOP
コメント(1) トラックバック(1)
Powered by MT4i 3.0.8X1
Template Design by mbdb