「同じ情報量なのに、あの人のスライドはなぜか整って見える」——その差は、図形を置く前に 見えない設計図（グリッド） を敷いているかどうかです。コンサルやデザイナーが要素配置に迷わないのは、感覚で揃えているのではなく、スライドを一定の列に分割した基準線 に沿って置いているから。本記事では、Web・印刷デザインで標準となった 12 列グリッドシステム を PowerPoint に持ち込み、誰でも再現できる「揃う」レイアウトを作る手順を、数値と操作付きで解説します。
1. グリッドシステムとは「見えない設計図」
グリッドはもともと、20 世紀半ばのスイス・タイポグラフィで体系化され、印刷物から Web デザインへと受け継がれた「レイアウトの土台」です。要素を場当たり的に置くのではなく、あらかじめ引いた基準線に沿わせることで、デザイナーの主観に左右されない客観的で安定したレイアウト が生まれます。デジタル庁のデザインシステムでも、レイアウトの一貫性を保つ基盤としてグリッドが位置づけられています。
人間の脳は「整っているもの＝読みやすい・信頼できる」と判定します。提案書が「きちんとしている」と感じられる第一印象の多くは、内容そのものより 要素が同じ線に揃っているか で決まっているのです。
2. グリッドの 3 要素｜マージン・カラム・ガター
グリッドを設計する前に、構成する 3 つの要素を押さえます。この 3 語を意識するだけで、レイアウトの会話が一気に具体的になります。
| 要素 | 意味 | 役割 |
|---|---|---|
| マージン | スライド四辺の外周余白 | コンテンツ領域の枠を決め、端の窮屈さを防ぐ |
| カラム | コンテンツ領域を縦に分割した列 | 要素の横幅と開始位置の基準になる |
| ガター | カラムとカラムの間隔 | 隣り合う要素がくっつくのを防ぐ |
特に見落とされやすいのが ガター。狭すぎると左の列の文字の右端と、右の列の文字の左端が接近しすぎて読みにくくなります。
ガターが狭すぎると、カラム上のテキストの右端と隣のカラムの左端が接近しすぎて誤読の可能性を増す。原則として本文の文字サイズの 2 倍を確保する — PhotoshopVIP「レスポンシブ対応グリッド徹底ガイド」より
3. なぜ「12 列」なのか
グリッドの列数はいくつでも構いませんが、デザインの世界では 12 列 がデファクトスタンダードです。理由は単純で、12 が約数を多く持つ からです。
スライドで頻出する「左右 2 分割」「3 カラム比較」「4 象限」「ロードマップの 6 ステップ」は、すべて 12 列グリッドの組み合わせで表現できます。レイアウトのたびに新しい基準を引き直す必要がなく、1 枚のグリッドが資料全体を貫く背骨 になるのです。
4. PowerPoint で 12 列グリッドを敷く手順
PowerPoint には「12 列グリッド」という専用機能はありませんが、ガイド（Alt+F9 で表示） を使えば自作できます。ワイド画面（16:9・幅 33.87cm）を例に、再現可能な数値を示します。
手作業で 11 本のガイドを引くのは大変なので、一度作ったグリッドはスライドマスターに保存 しておきます。以降の全スライドに同じガイドが引き継がれ、チームで使う場合もテンプレートとして配布できます。「グリッド線へのスナップ」を有効にすれば、図形がガイドに吸着して配置がさらに速くなります。
5. 12 列を「束ねて」使う
12 本の細い列をそのまま使うわけではありません。実際には 必要な数だけ列を束ねて（まとめて）1 つのブロックにする のが使い方です。
| レイアウト | 列の束ね方 | 典型シーン |
|---|---|---|
| 左右 2 分割 | 6 + 6 | 図と説明、Before/After |
| 3 カラム比較 | 4 + 4 + 4 | 3 案比較、サービス 3 プラン |
| メイン + サイド | 8 + 4 | 本文＋補足、グラフ＋注釈 |
| 4 象限 | 3 + 3 + 3 + 3 | マトリクス、ポジショニング |
同じ 12 列グリッドの上で束ね方だけを変えれば、ページが変わってもブロックの開始位置・幅が揃い続けます。これが「ページをめくっても要素がブレない」資料の正体です。グリッドを無視して 1 枚ごとに目分量で置くと、隣のページと数ミリずれ、読み手は無意識に「雑さ」を感じ取ります。
6. グリッドを使うときの NG パターン
グリッドは「守るための檻」ではなく「迷わないための地図」です。基本は揃え、意図的に外すときだけ外す——この主従関係を保てば、規則正しさと躍動感を両立できます。
7. コンサル品質の仕上げ Tips
8. まとめ
整ったスライドは才能ではなく 設計図（グリッド） の産物です。12 列グリッドを一度用意すれば、配置の迷いはルールに置き換わります。
- グリッドは見えない設計図 — 主観を排し、客観的に安定したレイアウトを作る
- 3 要素を押さえる — マージン・カラム・ガター。ガターは本文サイズの約 2 倍
- 12 列が万能 — 2/3/4/6 分割を 1 つの基準線で表現できる
- PPT ではガイドで自作 — マスターに保存し、全ページ・チームで共有
- 束ねて使い、意図的に外す — 基本は揃え、主役だけグリッドをはみ出させる
グリッドが入ると、余白・配色・文字サイズといった他のデザイン要素も自然に整います。「どこに置くか」で悩んだら、まず線を引く——それがプロのレイアウトの第一歩です。
関連記事：
- 余白（マージン）の使い方｜情報密度を下げて読みやすくする 5 原則
- 配色の基本原則｜ビジネス資料で迷わない 3 色ルール（70:25:5 の法則）
- 文字サイズの黄金比とジャンプ率｜タイトル・本文・キャプションの設計