
デザインを作っていて、「情報は合っているのに、なぜか息苦しく見える」と感じることがあります。
文字も画像も間違っていないのに、すっきり見えない。整えたつもりなのに、なんとなく素人っぽく見える。そんな違和感の奥には、余白の感覚がまだ揃っていない状態が隠れていることがあります。
余白は、何も置いていない空間ではありません。見やすさや落ち着き、世界観の空気をつくる大切な要素です。
EXPRESSION CAFEは、フォント・色・余白・印象を整える場所です。このLv.3では、余白を「なんとなく」で足したり引いたりするのではなく、どこを見ると整いやすいのか、その視点を言葉にしながら見直していきます。
余白で、情報の近さと空気感を整える


- 文字量は多くないのに、なぜか詰まって見えるとき
- おしゃれにしたくて余白を増やしたのに、逆に間のびして見えるとき
- タイトル、本文、画像、ボタンの距離感がちぐはぐに感じるとき
- 整っていないわけではないのに、落ち着かない印象になるとき
- どこを直せばよくなるのか分からず、手が止まりやすいとき
1|「空いている場所」ではない

余白は何かを置く要素ではないため、初心者ほど「ただ空いている無駄な場所」として削りやすい傾向があります。
しかし、余白は「見やすさ」や「落ち着き」という空気をつくる、立派なデザイン要素です。
2|空白への不安

instagramなどの画像生成で、画面に空きがあると不安になりませんか?
その不安から言葉や飾りを足してしまうことで、結果的に情報の流れが見えず、デザインが窮屈に崩れてしまいます。
3|情報の距離感を示す

余白は「個人のセンス」だと思われがちですが、実際には情報と情報がどれくらい関連しているか(距離感)を示す、論理的な設計図です。
意識して配置しないと、情報の構造はすぐに崩れてしまいます。
4|読者のための呼吸の余地

発信者の伝えたい想いが強いほど、情報を画面いっぱいに詰め込みたくなります。
しかし、情報が密集した画面は、読む側から「呼吸の余地」を奪ってしまいます。
余白は読者への配慮です。
1|説明の詰め込みすぎ

「空いているから」と、投稿の1枚めやメインビジュアルに説明文を足しすぎる瞬間です。
一覧で見たときに非常に重く、読者に圧迫感を与える状態になってしまいます。
2|すべて均一にする危険性

すべての要素の隙間を「同じ感覚」にしてしまうのも危険です。
タイトルと本文、ある次の話題との境界線が消え、どこから読めばいいのか構造が見えなくなります。
3|主役の窒息

主役(メインコピーや画像)のすぐ近くまで情報を詰める瞬間です。
補足情報を寄せすぎることで、せっかくのキャッチコピーの印象が弱く、息苦しくなってしまいます。
4|グループの散乱

グループとしてのまとまりを考えずに要素を置いてしまう瞬間です。
何がセットの情報なのか分からなくなり、読者の視線があちこちに散らかってしまいます。
5|余白の後回し

デザインの最後に「少し隙間を空ければいい」と余白を後回しにする瞬間です。
余白は全体の骨格であり、最後に少し直すだけでは、全体の空気感は決して整いません。
6|「もったいない」の誤解

「スペースが余っているのにもったいない」と思うのは最大の誤解です。
実際には、周囲に広い余白があるほど、中心にある主役(見せたいもの)に視線が集中しやすくなります。
近い余白と遠い余白を分ける

やること
- 見出しと本文、本文と補足、別セクション同士の距離を見比べる
- つながって見せたい要素は近く、区切りたい要素は少し遠くする
- 画面全体を見ながら、余白の種類を2〜3段階に整理する
ポイント
- 全部を均一にすると、関係性が見えにくくなりやすい
- 余白は「空き」ではなく、情報の近さを伝える印として使う
- まずは上下の距離から整えると、違和感の原因が見つけやすい
余白の量を決める前に、余白の役割を分けると、画面の呼吸が整いはじめます。
かたまりごとの呼吸をそろえる

やること
- タイトルまわり、本文まわり、画像まわりをそれぞれひとつのかたまりとして見る
- 同じ役割の要素には、似たリズムの余白を使う
- 一部だけ広すぎる場所や、逆に詰まりすぎる場所を探して調整する
ポイント
- 整って見えるデザインは、部分ごとに呼吸のリズムが揃っている
- 余白の違和感は、単体よりも比較したときに見つかりやすい
- 特定の場所だけを直すより、周辺を含めて見る方が自然に整いやすい
デザイン全体を一気に整えるのではなく、まずは小さなかたまりの空気を揃えると見直しやすくなります。
端の余白を最後に整える

やること
- 画面の四辺と要素の距離を確認する
- 内側の余白が整ったあとで、外側の余白を微調整する
- 端に寄りすぎて見える場所、逆に空きすぎて浮いて見える場所を調整する
ポイント
- 端の余白は、デザイン全体の落ち着きに直結しやすい
- 最初に外側だけ広げると、中の関係性のズレが見えにくくなる
- フ仕上げでは「中央が整っているか」より、「周囲に圧迫感がないか」を見る
余白の感覚は、最後に外側を整えることで、はじめて静かにまとまります。
- 見出しと本文の距離が、別セクションとの距離より近くなっている
- 近い情報と分けたい情報で、余白の使い分けができている
- 一部だけ不自然に広い、または狭い場所が減っている
- デザインを少し離れて見たとき、詰まりよりも流れが感じられる
- 何となくではなく、理由を持って余白を調整できている

余白が整ってくると、次は色数や色の強さのズレが気になりやすくなります。空気感をさらに安定させたいときは、色の役割を整理すると全体の印象がまとまりやすくなります。
EXPRESSION CAFE Lv.4|色の整え方


















