グリッドとは、デザイン要素を整列させるために使用される線状の構造フレームワークです。ページを列、行、余白に分割することで、デザイナーはコンテンツを配置するためのシステムを構築できます。スイスのデザイナー、ヨーゼフ・ミュラー＝ブロックマンは1960年代にグリッドの原則を体系化し、彼の著書『グラフィックデザインにおけるグリッドシステム』は今もなお標準的な参考書となっています。新聞、雑誌、ウェブサイトはすべてグリッドを利用していますが、その使い方はそれぞれ異なります。

一般的なグリッドは、列、ガター、マージンで構成されています。列にはコンテンツが配置され、ガターは列を区切り、マージンはページを囲みます。12列グリッドは、ページを均等に2分の1、3分の1、4分の1、6分の1に分割するため、ウェブ上でよく使われます。デザイナーは、幅の広いコンテンツには複数の列をまたいで配置したり、狭いテキストには単一の列を使用したりすることができます。グリッドはデザインを規定するものではありません。グリッドは、デザイナーが従ったり、曲げたり、意図的に破ったりできる構造を提供するものです。グリッドを破ることは、強力な効果を生み出すことがあります。列を無視した全面画像は、まさにその構造を破っているからこそ注目を集めるのです。

グリッドコンポーネント

• カラム：コンテンツを表示する縦方向の帯。
• 雨どい：柱と柱の間の隙間。
• 余白：レイアウトの外側の端。
• ベースライングリッド：テキストを整列させるための水平線。

グリッドは檻ではありません。意思決定を迅速化し、複数のページや画面にわたってレイアウトの一貫性を保つためのツールです。