960 グリッドシステムを取り入れる

今更ではありますが、960px グリッドデザインについて!

960 という数値

グリッドデザイン

僕は基本的に、以下の2つのグリッドを元に、サイトのデザインを構築しています。

960 Grid System

16 columns ~ margin left: 10px ~ margin right: 10px の利点

次は、このサイトのグリッド!こちらもきれいな数値です。

960 Grid System

12 columns ~ margin left: 15px ~ margin right: 15px の利点

ホワイトスペースが重要となるデザインですので、マージンを広めにとる必要があります。
場合によってマージンを 20px にすることも可能です。

きれいなサイズは他にもいくつか有りますが、僕の場合は、この2つのグリッドにあてはめることができない場合は、横幅を 980px にサイズアップします。

グリッド!グリッド!となりすぎて、制作しようとしているサイトのコンセプトを見失わないようにすることが重要です。
グリッドデザインにすることをあきらめることもまた、デザインですね。

About this entry

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です