今回のテーマは、行間（Line Spacing）です。文字の大きさや書体ばかりに目が向きがちですが、読みやすさをひそかに左右しているのは、実は文字と文字のあいだに広がる「すき間」のほうです。なぜ行間が読みやすさを決めるのか、その理由をWebの現場に引き寄せて見ていきます。
長めの文章を読んでいて、いつのまにか「あれ、いま何行目を読んでいたんだっけ」と迷子になった経験はありませんか。視線が次の行へ移ろうとした瞬間、すぐ上の行に吸い込まれてしまう。文章の中身が難しいわけでもないのに、なんだか頭に入ってこない。その犯人は、たいてい文字サイズではなく、詰まりすぎた行間です。私たちサンアンドムーンが読みやすさの出発点を「文字そのものより、文字を囲む余白」に置くのは、人が文章を読むとき、目は一文字ずつではなく行という固まりを追いかけているからです。
行間は、目が次の行へ着地するための滑走路
私たちは文章を読むとき、行の終わりまで来ると、視線をひゅっと左下へ飛ばして次の行の先頭に着地します。この一連の動きを、サッカード（Saccade）と呼びます。目はなめらかにスライドしているように感じますが、実際は短いジャンプの連続です。このとき行間が狭すぎると、目の着地点がひとつ上の行と隣りあって、どこへ降りればいいのか一瞬わからなくなります。飛行機が滑走路に降りようとしたら、隣の滑走路とぴったりくっついていた——そんな状況を想像してみてください。パイロットならずとも肝を冷やします。行間とは、目という小さな旅人が安心して次の行に降り立つための、滑走路の幅なのです。
広ければいいわけでもない——「ちょうどいい余白」という不思議
では行間はたっぷり空けるほどよいのかというと、話はそう単純ではありません。空けすぎた行間は、今度は行と行のつながりを断ち切ってしまいます。一行ずつが孤立した島のようになり、文章全体としてのまとまりが感じられなくなる。ほどよく寄り添っているからこそ、目は「これはひと続きの文章だ」と認識できるのです。経験的に、本文の行の高さは文字サイズの1.5倍から1.8倍あたりに心地よさが宿ります。詰まりすぎず、離れすぎず。この絶妙なバランスは、人の脳が「近くにあるものを仲間とみなす」という性質と深く関わっています。読みやすさとは、文字を孤立させず、かといって窮屈にもしない、ちょうどいい距離感の設計なのです。
スマートフォンの小さな画面こそ、行間がものを言う
この行間の効きめは、画面が小さくなるほど大きくなります。スマートフォンでは一行に収まる文字数が限られ、視線が何度も折り返すぶん、行間の狭さがそのまま読みづらさに直結するからです。パソコンの画面で「ちょうどいい」と感じた設定が、スマートフォンでは窮屈に見えることは珍しくありません。だからこそ、文章の読みやすさは実機で確かめるのがいちばんの近道です。なお、行間は読みやすさを支える要素のひとつにすぎません。文字の見え方から意味の伝わり方までを一段ずつ整える考え方については、視認性・可読性・理解度をめぐる記事でも整理しています。あわせて読んでいただくと、行間というひとつの工夫が、文章全体のどこに効いてくるのかが見えてくるはずです。
まとめ
読みやすさを決めているのは、文字の大きさよりもむしろ行と行のあいだの余白です。人の目は行という固まりを追いかけて読むため、行間は次の行へ安全に着地するための滑走路の役割を果たします。狭すぎれば視線が迷い、広すぎれば文章のまとまりが失われる——だからこそ、詰まりすぎず離れすぎない「ちょうどいい距離感」が鍵になります。とりわけスマートフォンでは、その影響がぐっと大きくなります。文字を囲む小さな余白に目を向けることが、誰にとっても読みやすいWebサイトへの第一歩になります。
記事監修
中谷 浩和
株式会社サンアンドムーン｜代表取締役
1976年創業のデザイン事務所を前身に、Webコンサルティング・UI/UXデザインを専門とする。
国際標準のUX設計プロセスを学ぶ Google UX Design Professional Certificate を取得し、 上級ウェブ解析士 としてデータ主導のサイト改善にも精通。デザイン思考を軸に、ユーザー認知・行動・文脈からWebサイトの課題を捉え直し、成果につながる設計へ落とし込むことを使命としている。システム設計、フロントエンド技術、SEO・パフォーマンス改善まで技術知識を横断し、サイト全体を見通したディレクションを得意とする。自動車メーカー、銀行・クレジットカード、保険などの大手から中小企業まで、数値で検証しながら改善を積み重ねる実践的なコンサルティングを提供している。
