見た目で差をつけろ!2013年サイトコンテンツの幅まとめ!


20131112

いよいよ冬到来!旭川も雪がやっと積もりました。冬はやる気が出る「のり」です。
今年もあと約1か月半!ということで、2013年主要サイトのコンテンツ幅をまとめてみました。

上の画像は過去の旭川冬祭りメインステージの大雪像です。気になるのは、大きさですよね。
顔だけでも、約10メートルと大雪像では日本屈指の規模です。
来年の旭川冬祭りは2014年2月6日から11日ですので、ぜひ大きさや幅を見ていただきたいです。

poster_l

さて、本題です。2013年度国内主要サイトのコンテンツ幅をまとめました。
いろいろなWebサイトのwidthまとめと言うことです。
最近のパソコンはワイド画面が増えた為、これから新しく作るwidthは、どうすればいいのか悩むのが一般的ですよね。

日本で最も使用率の高い解像度は「WXGA 1366px X 768px  15.6インチ」と統計情報が出ています。可変グリッドレイアウトがだんだん増えてきていますが、まだまだ固定幅は健在です。

モニター解像度一覧

一般的なモニター

  1. XGA(1024×768)
  2. SXGA+(1400×1050)
  3. WXGA(1366×768)←今ココ!

ノートPC

  1. 15.6型ワイド(1,366×768)
  2. 12.1型ワイド(1280×800 WXGA )
  3. 10.1型ワイド(1366×768 WXGA )
  4. 10.1型ワイド(1024×600)

タブレット端末

  1. iPad/Apple 9.7型(1024×768ドット)
  2. Galaxy Tab/NTTドコモ 7型(1024×600ドット)

画面サイズの幅が1024pxから1366pxに変わった今、ホームページの幅はどうすればいいのか?また、可変グリッドレイアウトで全画面で表示を行うかはあなた次第です。

ポータルサイト・EC

01
ヤフージャパン
width:950px
02
msn
width:980px
04
楽天
max(padding:0 8px)
min-width:950px

家電メーカー

21
パナソニック
max-width:1200px
min-width: 980px
22
ソニー
max-width:1024px
min-width: 948px

テレビ局

03
NHKオンライン
width:993px
52
フジテレビ
width:1000px
53
日本テレビ
width:980px
54
TBS
width:960px
55
テレビ朝日
width:990px
56
テレビ東京
width:980px

ゲーム

101
プレイステーション
width:960px
103
任天堂
width:960px
105
Xbox
width:960px

PCメーカー

201
Apple
width:960px
202
マイクロソフト
width: 95%
max-width:1180px
203
デル
width:965px

デザイン・服飾

204
アドビシステムズ
width:940px
31
ユニクロ
width:960px
32
ジーユー
width:960px

政治

301
首相官邸
width:970px
302
自民党
width:984px
303
民主党
width:980px

まとめ

940~960pxがまだまだ現役ですが、家電メーカー等は、max-widthを意識して設定をしています。家電メーカーが作る・売るパソコンがワイド画面になっているので、自社サイトもワイド画面を意識して作るという流れができているのがわかります。
最近では、980pxの幅のままで余った表示領域に縦長の広告を表示するといった手法も確立してきました。(日本テレビ・テレビ東京等)
単に背景としてではなく、画面全体を使うことで、主張したい部分を両サイドに持ってきているんですね。

XGA(1024×768)時代には、980pxが最適な幅(width)とされてきましたが、時代はWXGA(1366×768)になり、最適な幅が広がり1180px~1200pxが使われるようになってきました。
この幅をどうとらえるのかは、サイトデザインにも左右されますが、使える場所が増える!広告や情報を増やせるといった事につながるので、2014年度は脱980pxの時代に突入すると思います。




グリッドレイアウトや画面全体を使ったホームページを制作します。

エレメントでは、お客様と入念な打ち合わせを行い、痒いところに手が届く!お客様のビジネス規模に合ったご予算の範囲内で最大限の効果を引き出すホームページづくりを行っております。 ご相談・お見積もりは無料で承っておりますので、お気軽にお問い合わせください!

お問合せ・ご相談・お見積もりはこちら
電話:0166-74-5351
(平日9:00~18:00 土日祝祭日除く)


The following two tabs change content below.
のりさん

のりさん

ココイチをこよなく愛する。 でも注文は『チキン煮込み、フライドチキンミックス、3辛で!』のみ。 最近、ライスの量を400gから300g(普通盛り)にボリュームダウンした。

コメントは受け付けていません。