Webデザインのテンプレートは60px×12カラムで横幅960px
1年以上前の記事です。内容が古い可能性があります。
これはWebデザイナーの常識なのでしょうか?
実は、最近知りました。
Webデザイナーやめて5年目になるのですがすっかりデザインの常識が抜け落ちちゃってるみたいです。
某所(というかツイッターなのですが)でWebデザインのテンプレートは横幅960pxにするとよいと聞きました。
具体的には以下のように60pxのカラムが20pxのマージンを挟んで12個並ぶ12カラムのスタイルです。
左右の外側に10pxづつのマージンも発生します。
この場合、カラム数によって横幅が何pxになるのかを代表的なバナーサイズとともに表にしてみまいた。
| カラム 数 |
横幅 (px) |
収まる広告サイズ |
| 1 | 60 | |
| 2 | 140 | 120×600 (Skyscraper) |
| 3 | 220 | 160×600 (Wide Skyscraper) |
| 4 | 300 | 300×250 (Medium Rectangle) |
| 5 | 380 | |
| 6 | 460 | |
| 7 | 540 | 468×60 (Full Banner) |
| 8 | 620 | |
| 9 | 700 | |
| 10 | 780 | 728×90 (Leaderboard) |
| 11 | 860 | |
| 12 | 940 |
Pitta(ピッタ)でもオススメバナーサイズとしている「300×250 (Medium Rectangle)」はピタっと収まるようです。
他のサイズは微妙ですが、ま、致し方ないかと。
一部では1カラム54pxでマージンが30pxの12カラム=横幅978pxの方がいいんじゃないかということを言っている人もいるようです。
□ 960 Grid System is Getting Old
これだと、外側のムダなマージンが出ないという利点がありますね。
でも僕は上記理由、及び計算しやすい点から960pxを使っていこうと思います。
ちなみに、何故、今さらこんなネタを扱ったかというと、PLOT-FACTORYをワードプレス(WordPress)対応にしようと企んでいるため。
一度テンプレートいじると途中で変更するの大変じゃないですか。
そのために下地をしっかりつくっておこうとこういうわけです。
アドセンス広告メイン
関連記事
-
-
WordPress(ワードプレス)で楽に表組み(テーブル)を書くためのプラグイン「Editor Extender」 #wp
1年以上前の記事です。内容が古い可能性があります。WordPressで記事を書く …
-
-
御社、御校、御店、文書では貴社、貴校、貴店
1年以上前の記事です。内容が古い可能性があります。お客さんにメールを送る際、会社 …
-
-
Googleにインデックスさせないリンクの入れ方
1年以上前の記事です。内容が古い可能性があります。Googleなんでさほど問題は …
-
-
ネットと法律(名誉毀損罪)
1年以上前の記事です。内容が古い可能性があります。お昼の番組でネットのカキコミに …
-
-
油断してると刺されるゾ!11月の蚊(チカイエカ)に注意!
1年以上前の記事です。内容が古い可能性があります。まずはこちらのツイートを。 @ …
-
-
デザイン変更
1年以上前の記事です。内容が古い可能性があります。ブログのデザイン変更の詳細が分 …
-
-
地震でガスが止まったときの復旧方法
1年以上前の記事です。内容が古い可能性があります。大きな被害を生んだ今回の「東北 …
-
-
ドライブ中、渋滞に巻き込まれたら「周辺迂回」【車載ナビ / カーナビ】
1年以上前の記事です。内容が古い可能性があります。自分のためのメモ&意外と知らな …
-
-
Facebookで「シェア」ができるブックマークレット
1年以上前の記事です。内容が古い可能性があります。「いいね!」と「シェア」の違い …
-
-
Flashでプルダウンメニューを作ってみた
1年以上前の記事です。内容が古い可能性があります。過去ログの「Flashでプルダ …







