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)対応にしようと企んでいるため。
一度テンプレートいじると途中で変更するの大変じゃないですか。
そのために下地をしっかりつくっておこうとこういうわけです。
アドセンス広告メイン
関連記事
-
-
YouTubeで知っておきたいチャンネルカスタマイズ
1年以上前の記事です。内容が古い可能性があります。※ より分かりやすく …
-
-
座る場所によって会話の量が変わる
1年以上前の記事です。内容が古い可能性があります。座る場所によって会話の量が変わ …
-
-
ウェブ魚拓を拒否する方法
1年以上前の記事です。内容が古い可能性があります。ウェブ魚拓とはサイト情報をキャ …
-
-
今後書きたいこと
1年以上前の記事です。内容が古い可能性があります。最近、考える時間がないので書き …
-
-
佐野研二郎氏デザインの五輪ロゴ、盗作疑惑で撤回。大手広告代理店の専属デザイナーだからこそ必然
1年以上前の記事です。内容が古い可能性があります。五輪のロゴがパクリだとネットで …
-
-
Flickr(フリッカー)の「Set」と「Collections」の違い
1年以上前の記事です。内容が古い可能性があります。Flickrと正式契約をしては …
-
-
LINE(ライン)でブロックされるとこうなる
1年以上前の記事です。内容が古い可能性があります。もうちょっと詳しい記事を書きま …
-
-
募金額を通常より増やす裏技(見せ金作戦)
1年以上前の記事です。内容が古い可能性があります。僕も愛読しているちょっと変わっ …
-
-
セーフモードで立ち上げたら通常起動するようになった怪 その後
1年以上前の記事です。内容が古い可能性があります。□セーフモードで立ち上げたら通 …
-
-
情報収集なら「ツイート検索」+「RSS登録」が最強!!
1年以上前の記事です。内容が古い可能性があります。百式管理人さんのもうひとつのブ …







