Webデザイン基礎知識・Web製作支援サイト｜小道具屋｜

DTPの世界では当たり前の手法ですが、Webにも取り入れることでページの見栄えは格段にアップします。グリッド化されたWebサイトは、整然とされたデザインになり見る者に安心感を与えます。基本は縦罫線を基準に3分割もしくは4分割などページサイズの割り切れるサイズに分断します、例えば、600pxなら200pxで3分割とか、150pxで4分割などにします。分割された基準線を元にアイコンやロゴなどを配置していきます。グリッド化のコツとしては、やはりラフスケッチの段階である程度数値を記入しながら書いていけばそれほど難しい事はありません。

小道具屋は横幅640pxで決め打ちしていますので160pxで四分割にしグリッド上にタイトル画像、メニューなどを配置してみました。単純なデザインのページでは比率にも注意し、1:2とか1:3とかにしたほうがバランス的にも良いでしょう。
完璧なグリッド化を求めるなら縦横にグリッドしてみましょう。カタログサイト、通販サイトには縦横グリッドは最高に適していると思います。