余白と段組みで見せる

Whitespace editorial layout|エディトリアル組み、余白の見出し、段組みレイアウト

余白と段組みで見せる表現は、文字を控えめにし、大きな余白と罫線・段組みの配置で誌面のような品を作る文字表現。

大きな余白の中に、見出し・罫線・小さな段組みが整然と置かれている
伝えたいこと
文字を小さくても、余白と配置で「デザインされた感」を出したい
見た目
大きな余白の中に、見出し・罫線・小さな段組みが整然と置かれている

向く場面 / 向かない場面

  • 向く:制作会社・建築・展示のトップ
  • 向く:ポートフォリオ
  • 向く:落ち着いたブランドの LP
  • 向かない:情報量が多い(余白が取れない)
  • 向かない:一目で目立たせたい(弱い)

隣の項目との違い

  • 大見出しと極小の小見出し:大小の組みは2行。段組みは複数の要素を配置する
  • 小さく広い字間で余白:字間の表現は1行の処理。段組みは面の構成

もしかして、探しているのはこっち?

AIへの指示例

画像生成
the word "STUDIO" in bold condensed sans-serif at the top left, generous white space, two thin
horizontal rules and small caption text arranged in an editorial grid below, off-white background
作り方(Canva / Illustrator)
Canva:ガイドで3列のグリッドを作り、見出しを左上、小さな文を列に沿って配置、細い線を2本。
Illustrator:段組み設定(3列)を使い、ベースライングリッドに揃える。

書体の系統と加工

  • 書体:見出しはコンデンス系の太め、本文はサンセリフの細め
  • 加工:余白・罫線・グリッドの配置

似ている表現

#組み#余白#雑誌

更新:2026-09-19