レイアウト解説

1カラム型レイアウト

最も単純なレイアウト。
ヘッダーにロゴ画像やナビゲーション。
メインコンテンツに本文。
フッターにコピーライトなど。
シンプルで分かりやすく、汎用性の高いレイアウト。

2カラム型レイアウト

ある程度の情報量を持つサイトに一般的なレイアウト。
ヘッダーにロゴ画像やナビゲーション。
サイドバーにナビゲーションやバナー。
メインコンテンツに本文。
フッターにコピーライトなど。
ブログに多く、企業サイトでもこのレイアウトを応用したデザインが多く見受けられる。

3カラム型レイアウト

比較的大規模なサイトや情報量の多いサイトでよくみられるレイアウト。
ヘッダーにロゴ画像やナビゲーション。
左右のサイドバーにナビゲーションやバナー。
メインコンテンツに本文。
フッターにコピーライトなど。
ニュースサイトやポータルサイトに多い。

背景画像型レイアウト

写真やイラストなどがメインのレイアウト。
ヘッダーにロゴ画像やナビゲーション。
メインコンテンツに大きな画像。
フッターにコピーライトなど。
フラッシュで作られるサイトに多い。

サムネイル型レイアウト

ネットショップの商品一覧ページや、ギャラリーサイトに多いレイアウト。
ヘッダーにロゴ画像やナビゲーション。
サイドバーにナビゲーション。
メインコンテンツにサムネイル一覧。
フッターにコピーライトなど。
一覧表示をする際によく使われる。

参考にした資料

Web Designing (ウェブデザイニング) 2007年 10月号 [雑誌]
毎日コミュニケーションズ