グリッドのないレイアウトは、毎回ゼロから「揃える線」を発明し直すことを意味する。それは創造ではなく消耗である。
逆に、強固な格子の上で組まれた誌面は、デザイナーが本当に集中すべき意思決定 — どこに余白を残すか、どこで反復を破るか、どの要素に重みを与えるか — に時間と神経を回せるようにしてくれる。
つまりグリッドは、創造性を制約する檻ではなく、創造性を集中させるレンズである。
どれほど複雑なグリッドも、五つの基本要素の組み合わせに還元できる。これらの名前を持っていれば、共同作業者と精密に話せるようになる。
Margin (マージン) — ページの外周の余白。
Column (カラム) — 縦に走る帯。
Gutter (ガター) — カラム同士の隙間。
Module (モジュール) — 縦横に区切られた最小単位。
Baseline Grid (ベースライン) — 行の底辺を揃える水平線。
右の図はこの号自身の組版でもある — 6 カラム、20 px ガター、28 px 余白。
1 ページ＝ 1 カラム。古典的な書物のグリッドで、長文の小説、論文、白書に向く。シンプルだが、余白の取り方と行送りの設計が難所となる。
もっとも普及した形式。新聞・雑誌・ウェブの大半はこの系列。カラム数が偶数だと安定感、奇数だと緊張感が出る。12 カラムは最大公約数が多く、応用範囲が広い。
カラムに加えて行も区切ることで、格子状のモジュールを生む。ダッシュボード、写真集、カタログ、Pinterest 的なギャラリーに向く。スイス派が体系化した最も論理的な形式。
厳密な等間隔ではなく、視覚的なバランスで要素を配置する非対称グリッド。ニュースサイトのトップページ、ランディングページに頻出。「自由に見えて秩序がある」 — もっとも難度が高い。
水平方向ではなく、行の底 (ベースライン) を等間隔に揃えるグリッド。本文・見出し・キャプションがすべて同じ拍子で刻まれ、誌面に静かな音楽が流れる。エディトリアルの真髄。
意図的にグリッドから外れる要素を作る形式。背景には厳密なグリッドが存在し、その上で「主役」だけが格子を踏み越える。ファッション誌、現代美術カタログで多用される。
近代グリッドの根は、中世の写本に遡る。1946 年、Jan Tschichold は中世写本を分析し、Van de Graaf canon と呼ばれる作図法を再発見した。ページ縦横比 2:3 のとき、対角線の交点だけで美しい本文ブロックが導かれる。
この古典的比例は、現代でも書籍デザイン、ロゴグリッド、ポスターの構成に応用される。1 : 1.618 (φ) の黄金比、2 : 3・3 : 5 といった単純な整数比 — どれも数学ではなく、視覚の物理である。
余白とテキストブロックの位置関係そのものが、ページの「重力」を決定する。
デジタルでは、グリッドは固定されない。スマートフォンでは 4 カラム、タブレットでは 8 カラム、デスクトップでは 12 カラム — 同じコンテンツが、画面幅に応じて姿を変える。
重要なのは「何カラムにするか」ではなく、各ブレイクポイントでヒエラルキーが保たれているか。主役は常に主役のままか。
ガター幅、マージン、フォントサイズもブレイクポイントごとに調整するのが現代の流儀。
グリッドの本当の価値は、それを破った瞬間に立ち上がる。背景に厳密な格子があるからこそ、その線をひとつだけ踏み越えた要素は、見る者の目に飛び込んでくる。
逆に、最初からグリッドを持たないレイアウトは、何を破っても「ただの混沌」にしか見えない。違反は、規則の上にしか成立しない。
本号で見てきた六つのグリッドは、そのすべてが「破られるための前提」でもある。揃える線を持つこと、そしてそれを意図的に外すこと — この二つが揃って初めて、誌面に詩が宿る。