2008.12.25 THU chapter 3 balance[バランス] 05 バランスをとって文字や文章を並べる 制作・文=境 祐司 technique2 グリーキングで文章と余白のバランスを確認 グリーキング(greeking)は、モックアップを作成する際に使用されるダミーテキストのことで、ライティングスペース(見出しや本文の領域)と余白とのバランスを確認する場合にも役立つ。行間や段落間、キャプションまわりの間隔など、全体を俯瞰できる。 【1】見出し、本文などすべての要素にclassを指定、コンテンツ全体はdiv要素でグループ化して、IDを指定する。グリーキングを表現するため、各要素に対して文字色と背景色を指定できるようにしておく。 【2】文字色のみのグリーキング(左)と背景色を加えたグリーキング(右)。ライティングスペースを色で視覚化できるため、ホワイトスペースとのバランスの検証に活用できる。 【3】ブラウザのウインドウを広げたり、狭めるなど、表示領域を変えながらライティングスペースの変化をチェック。背景に装飾画像を配置した場合は、重なり具合などを確認する。 [INDEX] chapter1-02 ボタンやバナーなどへグラデーションを施す >>> technique 1 グラデーションをかけたメニューボタン >>> technique 2 アイコン入りのバナーに施すグラデーション chapter3-05 バランスをとって文字や文章を並べる >>> technique 1 行幅の制限や疑似的な段組みの表現 >>> technique 2 グリーキングで文章と余白のバランスを確認