スイスタイポグラフィ入門 — グリッドと余白の思想を今のレイアウトに活かす

整然と並んだ文字、たっぷりの余白、写真と文字の気持ちいい整列——。「スイスデザイン」と聞いてイメージされるあの端正なレイアウトには、明確な設計思想があります。この記事では、その中核であるグリッドシステムの考え方を、現代の制作にどう活かすかという視点で解説します。

国際タイポグラフィ様式とは

スイスタイポグラフィ、正式には国際タイポグラフィ様式(International Typographic Style)は、1950年代のスイス(チューリッヒとバーゼル)で確立されたデザインの潮流です。ヨゼフ・ミュラー=ブロックマン、アルミン・ホフマン、エミール・ルーダーといったデザイナーが牽引しました。

特徴を挙げると:

グリッドシステムに基づく数学的なレイアウト
サンセリフ書体(Helvetica、Univers)の使用
非対称の構成と、機能としての余白
装飾の排除。写真とタイポグラフィによる客観的な伝達

根底にあるのは「デザイナーの自己表現より、情報の明快な伝達を優先する」という倫理観です。この普遍性への志向ゆえに「国際様式」と呼ばれ、実際に世界中の企業ロゴ、交通サイン、そして後のWebデザインにまで浸透しました。

グリッドシステムの考え方

ミュラー=ブロックマンの著書『Grid Systems in Graphic Design』(1981)は、いまも読み継がれるグリッドの教科書です。彼のグリッドは、単なる「揃えるための線」ではありません。

1. 紙面を「単位」に分割する

紙面をまず余白で囲み、残った領域をモジュールと呼ばれる同じ大きさの区画に分割します。8分割、12分割、20分割——分割数が多いほど柔軟に、少ないほど大胆になります。

2. すべての要素をモジュールに従わせる

見出し、本文、写真、キャプション。あらゆる要素の位置と大きさをモジュールの倍数で決めます。これにより、ページのどこを見ても同じリズムが流れ、複数ページでも一貫性が保たれます。

3. 余白は「残り」ではなく「設計」

グリッドで設計すると、余白は偶然の産物ではなく、意図した休符になります。ミュラー=ブロックマンのポスターの緊張感は、要素の少なさと余白の大きさが、グリッドという根拠に支えられていることから生まれています。

現代への応用 — WebはすでにスイスOSで動いている

実は、現代のWebデザインはスイス派の遺産の上に立っています。CSSの grid レイアウトは文字通りグリッドシステムのコード化ですし、BootstrapやTailwindの12カラムグリッドは、ミュラー=ブロックマンの誌面分割の直系の子孫です。

だからこそ、原典の思想を知る価値があります。応用のポイントは:

カラム数より「揃う根拠」 — 12カラムを使うことより、なぜその位置に置くのかを説明できることが重要
タイポグラフィのジャンプ率を段階化する — 見出し・リード・本文のサイズ比をあらかじめ決め、全ページで守る
余白を先に確保する — コンテンツを詰めてから余白を探すのではなく、余白を設計してからコンテンツを流し込む

ポスターでも同じです。まず紙面を分割し、要素をグリッドに載せ、あえて1カ所だけグリッドを破る——スイス派の巨匠たちも、完璧な整列の中に意図的な逸脱を仕込むことで、画面に生命を与えていました。

AIにグリッドを指示する — その限界と人間の役割

では、AIに「スイスデザイン風に、12カラムグリッドで」と指示すればスイス派のレイアウトが得られるでしょうか。

試すと分かりますが、現状の画像生成AIは厳密なグリッドをほぼ守れません。それらしい整列感は出ますが、要素の端はモジュールに揃わず、行送りは不均一で、余白の比率も毎回変わります。AIは「スイス風の雰囲気」を統計的に再現しているだけで、グリッドという規律を理解して守っているわけではないからです。

これは悲観する話ではなく、役割分担の話です。

AIに任せる: 方向性の探索。配色や構図のバリエーション出し
人間が仕上げる: グリッドの設計、要素の正確な整列、行送りと余白の最終調整

「機械が量産し、人間が規律を与える」——奇しくもこれは、量産時代に造形の規範を打ち立てようとしたスイス派の問題意識そのものです。姉妹サイトMDSが「人の手で仕上げるデザイン」を掲げているのも、同じ理由からです。

まとめ

グリッドシステムは、60年前の遺物ではなく、いまも動き続けているレイアウトの基盤技術です。そして厳密なグリッドは、当面AIより人間のほうが上手に扱えます。原理を学び、手を動かして体得すれば、それはそのままあなたの競争力になります。