公開 更新

guide · 余白・整列

余白はどれくらい取ればいい|量の決め方の考え方

余白にはどれくらいという決まった数字はなく、量は中身の詰まり具合で決まります。窮屈なら広げ、間延びなら詰める。外周と要素間の比で整える、余白の量の決め方の考え方をやさしく解説します。

余白・整列を学ぶ余白灯舎の場面
ミナ余白が大事なのは分かったんですけど、どれくらい取ればいいんでしょう。何センチとか、決まりはあるんですか。
トウカ……数字がひとつあれば、もう迷わなくてすむと思ったのね。

余白に正解の数字がない理由

「余白はどれくらい」と数字で知りたくなるのは自然なことです。けれど、余白の適切な量は、紙面によって変わります。同じ2センチの余白でも、文字が少ない紙面ではちょうどよく、情報の多い紙面では足りません。数字だけを覚えても、当てはまらない場面がいずれ出てきます。

これは、余白が「それ単体」ではなく「中身との関係」で効くからです。余白は、まわりに何もない空間のことですが、その働きは、隣に何がどれくらいあるかで決まります。中身が多ければ、区切るための余白も多く要ります。中身が少なければ、少しの余白で足ります。だから、量は中身が決める、というのが出発点になります。

たとえるなら、料理の塩加減のようなものです。「塩は何グラム」という正解は、素材の量や種類で変わります。同じひとつまみでも、少ない野菜には効きすぎ、大鍋には足りません。だから料理人は、グラムを覚えるのではなく、味を見ながら決めます。余白も同じで、決まった数字ではなく、紙面を見ながら「窮屈か、間延びか」で決めていきます。この、空間そのものを指す言葉が余白です。 塩加減の例が示すのは、量を周囲との関係で決めることです。印刷の裁ち落としや画面の操作領域には具体的な制約があるので、感覚だけで決めません。

身近な例で、余白の量を考える

量を数字でなく感覚でつかむために、身近な例で考えてみます。本のページを思い浮かべてください。文字がぎっしり端まで詰まった本は、読む前から疲れます。反対に、上下左右にゆったり余白のある本は、同じ文章でも読みやすく感じます。この差を作っているのが、余白の量です。

もう少し具体的に、量を決める手がかりを挙げます。次の点を、自分の紙面に当てはめてみてください。

大事なのは、外周、別グループとの間、同じグループ内を別の役として捉えることです。同じ役の間隔をそろえ、別の役には一段差をつけます。外周がいつも最大になるわけではなく、媒体の仕様と内容で決めます。

自分の紙面で、余白の量を決める

考え方が分かったら、自分の紙面で量を決めていきます。手順はシンプルです。まず全体を眺めて、窮屈か間延びか、どちらに寄っているかを見ます。多くの紙面は、どちらかに偏っています。

窮屈に寄っているなら、外周の余白から広げます。紙のふちに文字や図が近づいていると、それだけで詰まって見えます。ふちをあけるだけで、同じ中身でも呼吸が生まれます。それでも窮屈なら、要素どうしのあいだを見直し、別のまとまりとの境目を広げます。逆に間延びして寄っているなら、散らばった要素を、意味の近いものどうしで近づけます。あいだがあきすぎると、関係が見えにくくなります。この、近いものを寄せる考え方が近接です。

余白を怖がって、すべてを詰めてしまう人もいます。空いた空間を「もったいない」と感じて、埋めたくなるのです。その気持ちの正体と向き合い方は、余白が怖くて詰めてしまうでくわしく扱っています。余白は、埋めるべき空きではなく、中身を引き立てる働きだと分かると、量の調整もこわくなくなります。

決めた余白が、効かない場合

外周を広げ、要素どうしを整えても、意図した変化が出ないことがあります。その場合は、余白の量だけを動かし続けず、別の原因を分けます。

いちばん多いのは、そもそも中身が多すぎる場合です。情報を詰め込みすぎていると、どれだけ余白を工夫しても、置く場所が足りません。この場合は、余白を増やす前に、載せる情報そのものを減らすほうが早く解決します。もうひとつは、余白の量がばらばらで、一定していない場合です。ここは広く、あそこは狭く、と気分で取っていると、整いません。同じ役割の余白は、同じ量にそろえる。この一定さが、余白を効かせます。量を増やすことより、量をそろえることが効く場面は少なくありません。

余白を広げても間延びが直らないときも、同じように別の原因を疑います。あいだが広いのに散らかって見えるのは、余白の量ではなく、要素の並びがそろっていないからです。左端がばらばらだと、いくら余白を取っても落ち着きません。この場合は、まず端をそろえてから、余白の量を見直す。順番を間違えないことが、遠回りを防ぎます。量の調整は、並びを整えたあとの最後の仕上げだと考えると、手が迷わなくなります。

手で、余白の量をたしかめる

今日のワーク:3段階の余白を比べる

手元の紙面を1つ選び、外周、別グループとの間、同じグループ内の余白を測ります。

  • 同じ役割の余白が、同じ量になっているかを見ます
  • 別グループとの間を一段広げた版を作り、元の版と見比べます

固定値を覚えるのではなく、間隔の差で関係が伝わるかを確かめます。

この見比べを何度か重ねると、窮屈か間延びかを、ひと目で感じ取れるようになります。そうなれば、もう「何センチ」と迷うことはありません。紙面を見て、多いか少ないかを判断できるようになるからです。

細かな数字そのものより、同じ役の一貫性と、別の役との違いを見ます。ただし、印刷の裁ち落とし、画面のタップ領域、本文幅などには具体的な制約があります。感覚だけでなく媒体の仕様も確認します。

実際のサイズで比べるときは、内容と書体を固定し、余白だけを変えます。スマホ、PC、印刷で同じ数値を使うのではなく、読む距離と画面幅ごとに、まとまりと順番が伝わる最小の差を探します。

余白の量は、中身が決める

余白に固定の正解値はありません。外周、別グループとの間、同じグループ内の3段階を作り、同じ役をそろえます。媒体の制約を守ったうえで実寸の2案を比べ、読む順番が伝わる方を選びます。

余白の量を決められるようになったら、次は、その余白を使って要素をまとめる技に進むと、紙面はさらに整います。次に読むなら、近接とグルーピングの使い方で、余白で仲間を作る考え方を続けて確かめてみてください。