レイアウトの手法『レイアウトグリッド』

Webレイアウトを実践的に作成する際、レイアウトグリッドを利用することで部分の制作時間を短縮することができる。ここでは、 Webデザインにおけるクリッドシステムの概要と Webデザインへの適用方法を紹介します。

グリッドシステムとは
グリッドシステムは、文字と図版を二次元的な平面に配置するためのガイドラインである。タイポグラフィ(文字組)の分野に属するレイアウト手法だ。グリッドシステムが誕生した当時は紙メディアが対象であった。システムを形成する最小単位は活字1文字の大きさであり、行に含まれる文字数がユニットと見なされていた。 本文サイズ10 ポイントなら、 1行50文字のカラムは500 ポイント の幅をもつという具合である。 紙面のように文字と図版で画面を構成する Webサイトでも、グリッド、システムを活用した基本的な画面設計をするシーンが増えている。
1 文字のサイズと1行に入る文字の数を掛けた 値が幅の大きさになる。
たとえばこのように、文字の玉(最小グリッド)を利用して、ラフレイアウトをしたり、デザインを行う。ファーストビューをカラムで区切る。
クリッドシステムが活用されるようになった背景には、 Webページを表示するためのディスプレイが大型化したことがある。ディスプレイが幅800X 高さ 600 ピクセル程度と小型だった時代にお いて、 Webページが許容した文字カラムの数は最大でも3カラム 程度である。それ以上区切ると1行に含まれる文字数が少なす ぎ、情報が縦にあふれるおそれがある。 ところが現在のように幅 1024X 高さ 768 ピクセルの解像度が 標準環境になると、 Webページのファーストビューは幅 960 ピク セル程度に拡大。それに伴って並列可能なカラム数は最大で4 ~5へと増えることになった。 並列できるカラム数が増えたということは、おのずとカラム構成 は複雑になる。 1カラムの幅の比率を決定するのも大変な作業になるので、作業をサポートするガイドラインのような仕組みが求められた。そこで再評価されはじめたのがレイアウトグリッドだ。もち ろん、 Webの場合は紙と違い、文字サイズが表示環境により相対的に変化するため、グリッドの最小単位は文字サイズではない。 Webの場合、最初に決めたファーストビューのサイズを任意の均一に割って設定するという手順になる。

レイアウトの手法『レイアウトグリッド』」への1件のフィードバック

コメントを残す

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