レイアウト解説

1カラム型レイアウト

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

2カラム型レイアウト

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

3カラム型レイアウト

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

背景画像型レイアウト

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

サムネイル型レイアウト

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

参考にした資料

Web Designing (ウェブデザイニング) 2007年 10月号 [雑誌]
毎日コミュニケーションズ （2007-09-18）
ランキング：位
ASIN：B000VLOAK4
JAN：4910018791073
価格：￥ 1,280
通常24時間以内に発送
Amazonで詳細を見る