グリッドとは、デザイン要素を整列させるための線で構成された構造的な枠組みです。ページを列、行、余白に分割し、デザイナーはその構造の中にコンテンツを配置します。グリッドは秩序をもたらし、ページや画面間で一貫性を確保します。また、毎回ゼロからデザインを始める必要がないため、デザインプロセスを迅速化します。グリッドは足場であり、デザインは建物です。

グリッドにはさまざまな種類があります。原稿グリッドは、ページを余白をたっぷりと取った単一のテキスト列に分割します。書籍や長文文書で使用されます。列グリッドは、複数の列を使用して柔軟なレイアウトを実現します。新聞や雑誌では列グリッドが使用されます。モジュールグリッドは、列と行を組み合わせてモジュールのマトリックスを作成します。複雑なレイアウトに最大限の柔軟性を提供します。階層グリッドは、重要度に応じてコンテンツを整理し、異なる種類のコンテンツに異なるゾーンを割り当てます。それぞれのグリッドには目的があります。選択はコンテンツと媒体によって異なります。グリッドは制約ではなく、ツールです。グリッドを破ると注目を集めます。余白を無視した全面画像はインパクトを与えます。複数の列にまたがる見出しは重要性を示します。デザイナーはグリッドを使用し、意図的に破ります。理由もなく破ると間違いのように見えます。グリッドは、それを破ることを意味のあるものにするルールなのです。

グリッドの種類

• 原稿 — 1段組、古典的な書籍レイアウト
• 列 — 柔軟なレイアウトを実現する複数列
• モジュール式 — 列と行がマトリックスを形成する
• 階層構造 — コンテンツの重要度に基づいて整理されたゾーン
• ベースライン — 垂直リズムを示す水平線

グリッドはシステムである。それは複雑さに秩序をもたらす。グリッドがなければ、レイアウトは当てずっぽうになってしまう。