ページデザインの基本

有名企業のデザインを参考にすると良いかもしれません。

きっと中身が大切なのは、「外見 vs 中身」でわかっていただけたと思います。しかし、ホームページを作る以上デザインにも気を配りたいですよね。ここではデザインに関する基礎知識を解説していきます。

実はホームページの基本スタイルは多くはありません。

また、多くの人が見慣れたスタイルを利用することで、見てくれる人に余計なストレスを与えないという利点もあります。

基本的なページデザイン

（デザインをしない文章だけのページもありますが、それについては省略します。）

最小のサイズ（640×480）のモニターを意識するとクールに仕上がります。

ページの上部にバーを入れたデザインです。当サイトの両側のメニューリストがない状態がこのデザインです。

トップバー

メインコンテンツ

　

美しいまでにシンプルなスタイルですが、バランスも取りやすく、しかも、メイン部分を広く使えるため、人気のあるスタイルです。

このデザインでホームページを作成する場合、文章が横幅いっぱいに広がって間延びしないように気をつける必要があります。

ページを横に分割するスタイルです。通常どちらかをメニューにします。

サ
イ
ド
バ
ー

メインコンテンツ

縦方向にレイアウトすることが出来るのでメニューの項目が非常に多い場合でも、すっきりとデザインすることが可能です。

ページを縦と横で分割するスタイルです。通常、上部にはサイト名やコンテンツのタイトルを入れ、サイドバーにはメニューを入れます。現在、当サイトではこのデザインを採用しています。

トップバー
サイドバー	メインコンテンツ

メニュー部分を十分確保できるため、多くの情報を扱うことが出来ます。それと同時にごちゃごちゃしすぎないように注意を払う必要があります。

ページを横に３分割するのが特徴的なスタイルです。通常、サイドバーの片方にはメインメニューをもう片方には補助的なメニューや広告を入れることが多いです。

トップバー
サイドバー	メインコンテンツ	サイドバー

横に３分割するため、横幅に注意が必要です。

非常に多くの情報を扱う事が出来ます。いかにスッキリとしたサイト構成にするかがこのデザインの成功の鍵です。ごちゃごちゃしないセンスが要求されます。

縦にも横にもスクロールさせずにホームページを見せることが出来る小さなボックスをつくり、その中にコンテンツを入れるデザインです。トップページに多く使われるデザインです。見せ方によっては非常にクールなホームページが作れます。

また、ボックス内で上記１～４のデザインを表現することもあります。

さて、これでデザインについてなんとなく分かったと思います。一番大切なのは中身ですがデザインもやりがいがあって楽しいです。（・・・が、稼ぐという点においては、ハマリ過ぎないようにしましょう！！当サイトの様にリニューアルを繰り返し、完成までに１年もかかるようでは疲れちゃいます。）