読みやすさを劇的に変える「行間と行長」の黄金ルール：「なぜか読みづらい」を卒業する。

「一生懸命ブログを書いたのに、最後まで読んでもらえない」「資料の文字がギッシリしていて、読む前から疲れると言われた……」

そんな悩みをお持ちの方、実は「文章の内容」ではなく、「文字の並べ方」に原因があるかもしれません。

読みやすいデザインには、必ず守られている「行間（Leading）」と「行長（Line Length）」の黄金比があります。

今回は、プロも実践している「視線を迷わせないタイポグラフィの基本」を解説します。

Contents

1. 「行長」：1行を欲張らない

「行長」とは、1行あたりの文字数のことです。

画面を横いっぱいに使って文章を書いていませんか？

実は、人間の目がスムーズに追える1行の長さには限界があります。

1行が長すぎると、読み終わって次の行の行頭（左端）へ視線を戻す際、目が「今どこを読んでいたか」を見失いやすくなります。

これを繰り返すと、読者は無意識にストレスを感じ、離脱の原因になります。

「行間」は、文字と文字の垂直方向の距離です。

ここを調整するだけで、文章全体の「明るさ」が変わります。

例えば、文字サイズが 16px なら、行間（行の高さ）は 24px〜27px 程度が理想的です。

余白は「情報の仕切り」 行間が詰まりすぎていると、上下の文字が干渉し合い、脳が文字を形として認識するのに余計なパワーを使ってしまいます。

適度な余白は、読者にとっての「視覚的な休憩室」になるのです。

行長と行間は、セットで考えるのが鉄則です。

ここが一番のポイントです。

【黄金の相関ルール】

なぜなら、1行が長ければ長いほど、次の行へ視線をジャンプさせる距離が伸びるからです。

その際、行間が広いほうが「ガイド」の役割を果たし、迷わずに次の行へ着地できるのです。

あなたのブログや資料を、以下の設定で見直してみてください。

Webサイト（CSS）の場合 line-height: 1.7; 前後を設定。最近のトレンドでは少しゆったりめの 1.8 も人気です。
PowerPointなどのスライドの場合 デフォルトの「1.0」は詰めすぎです。「行間：1.2〜1.3」に設定するだけで、プロっぽい仕上がりになります。
スマホ表示の確認 PCでは綺麗に見えても、スマホだと1行が短くなりすぎて行間がスカスカに見えることがあります。必ず実機で確認しましょう。

「理論はわかったけれど、具体的にどう設定すればいい？」という方のために、よく使われるツール別の設定目安をまとめました。

Webでは、ブラウザの幅によって行長が変わるため、「最大幅」と「行の高さ」をセットで指定するのが鉄則です。

行間（line-height）: 1.6 〜 1.8
- line-height: 1.7; のように単位なしで指定するのがベストです。
行長（max-width）: 600px 〜 800px
- これ以上広くなると、1行の文字数が多くなりすぎて読みづらくなります。

プレゼン資料では、デフォルト設定のままだと文字が詰まって見え、圧迫感を与えてしまいます。

行間: 1.2 〜 1.3 倍
- 「行間のオプション」から倍率を指定します。デフォルトの「1.0」から少し広げるだけで、一気にプロっぽい「抜け感」が出ます。
行長: スライドの横幅いっぱいまでテキストボックスを広げないこと。左右に十分な余白（マージン）を持たせましょう。（スライド全体の幅に対して、左右それぞれ10%〜15%程度のマージン）