WEBデザインスタジオ
23
Aug

WEBサイトの横幅は何ピクセルが適当ですか?

[ movie : UI : webサイトデザイン : webデザイン ]

100823.jpg閲覧しているブラウザやデバイス、環境などによってどのくらいの横幅、縦幅でサイトを構成するのが適当なのかというのを事例を調べてみました。スマートフォンやiPad的なものが今後増えていくなかで、各デバイス向けにインターフェイスを揃えるというのも方法的にはありなような気がしますが、iPadでもFLASHがなければ不便なく閲覧できてしまいますので、FLASHなしのサイトにすればいいのかなと言う感じでしょうか?

リストアップしたメジャーサイト

ここにリストアップしたサイトはalexaとgoogle ad plannerでアクセス数上位のサイトから選んでみてみました。
結論からいうと、950px前後から980PX程度が現在の主流のようではあります。ユーザービリティ的には可変デザインの方が見ているユーザーの閲覧環境にフィットするので良さそうな感じですが、可変するデザインを採用しているサイトは多くはありませんでした。また海外のサイトの方が横幅がやや大きいというサイトが多いという印象も受けました。日本国内で閲覧している環境と海外での閲覧環境が異なることからなのか、それとも言語の表示についての流れなのかは不明ですが、興味深いです。

ポータルサイト(日本)

ポータルサイト(国外/英語圏)

コーポレイトサイト(日本)

サイトのブランド価値の上位企業から

コーポレイトサイト(国外/英語圏)

ECサイト(日本)

ECサイト(国外/英語圏)

Art Directors Toolkitとは?

横幅を計ったのはcssとかHTMLで確認したんではなくって、art director toolkitという以前にmacbookを買ったときについてきたアプリケーションを使いました。測ったのはコンテンツが入っている幅で左右のマージンとかは基本的には計測の範囲外にしてます。

モニターに映った色、サイズ、なんかを測れたり登録したりできるツール。結構便利。

Category :

Advertisement -広告-
MoMAオンラインストアジャパン

関連記事はこちらから

jQueryを使ったズームプラグイン。ECサイトとかによさげ。jQZoom EvolutionとGalleriffic «前  次 » カレッジロゴ、エンブレムいろいろ

コメントする

ログイン情報を記憶
PAGETOP↑

SOHO WEBデザインスタジオ 写真flickr

Loading...