グリッドシステムは、ページを列と行に分割し、コンテンツの配置場所を規定します。これにより、レイアウトに秩序がもたらされます。スイスのデザイナー、ヨーゼフ・ミュラー＝ブロックマンは1960年代にグリッドの原則を体系化し、彼の著書『グラフィックデザインにおけるグリッドシステム』は今もなお標準的な参考書となっています。新聞、雑誌、ウェブサイトはすべてグリッドに依存していますが、その使い方はそれぞれ異なります。

一般的なグリッドは、列、ガター、マージンで構成されます。列はコンテンツを保持し、ガターは列を区切り、マージンはページを囲みます。12列グリッドは、ページを均等に2等分、3等分、4等分、6等分するため、ウェブ上でよく用いられます。デザイナーは、幅の広いコンテンツには複数の列をまたいで表示したり、狭いテキストには単一の列を使用したりすることができます。グリッドはデザインを規定するものではなく、デザイナーが従ったり、意図的に変更したり、破ったりできる構造を提供するものです。

グリッドコンポーネント

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

グリッド構造を破ることは、強力な効果を発揮する。カラムを無視した全面表示の画像は、まさにその構造を破っているからこそ注目を集めるのだ。しかし、グリッド構造が十分に強固でなければ、その破綻は効果を発揮しない。