余白と段組みで見せる
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