カラーカンプの作成

実際にトップページをデザインする際にどのようなレイアウトにするかを考えるのだが、ここではグリッドによるレイアウトを使用してみる。
グリッドとは、効率的、安定的にサイトのレイアウトをデザインをするために画面のレイアウトの基本となる部分を格子状の箱として作成することである。
ここでは、950 x 580ピクセルの画面を作ってみる。

1. まず、Photoshopで970 x 600ピクセルの画面を作成し、単位をピクセルとする。

2. グリッドの設定を、グリッド線:50ピクセル、分割数:5にする。
これで、10ピクセルのグリッドができる。

以下のサンプルを参考にして、幅70ピクセルのカラム(列)、幅10ピクセルのマージン(空き)を作成する。