レイアウトグリッド

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

PICKUUP1:ホームページ作成の東京WEBメーカー