字間

定義

字間（レタースペーシング）とは、ひとつの単語のなかで文字と文字のあいだにできる 横方向の間隔のことです。標準の値からこの間隔をマイナスに詰めると、文字どうしが ぴったり寄り添って、引き締まった端正な印象になります。逆にプラスに広げると、 ひとつひとつの文字が離れて、くっきりと余裕のある雰囲気になります。行間が行と行の あいだの縦の間隔だとすれば、字間は同じ行のなかで文字どうしの横の間隔を指すという 点で、方向がまったく違います。ピクセルで見ればごくわずかな調整ですが、この小さな 差の積み重ねが、見出しやラベルの印象と読みやすさをさりげなく変えていく値なのです。

なぜ重要か

字間は、文字が大きくなったり小さくなったりするときに特に重要になります。大きな 見出しは、文字のあいだを標準のままにしておくと間延びして見え、どこか締まりのない 散漫な印象を与えがちです。反対に、とても小さな文字や大文字だけで組まれたラベルは、 文字どうしが詰まって団子のように見え、読みにくくなります。そんなときは字間を少し 広げてあげると、ひとつひとつの文字がはっきり分かれて、ラベルが明確になります。 とりわけ大文字は文字幅がそろっていて大きいため、標準のままだとやや窮屈に見えがち ですが、字間を少しだけ空けてやるだけで、ぐっとすっきりして見えます。つまり字間は、文字の 大きさによって変わる見た目の密度を、細やかに補正してくれる道具なのです。うまく 整えられた字間は、あからさまに目立つことはありませんが、見出しはより端正に、 ラベルはより読みやすくなり、全体として洗練された印象に仕上げてくれます。逆に字間が ずれていると、何が問題なのかは言葉にしづらくても、どこか素人っぽい印象を与えて しまうので、最後に画面を整えるときに気を配っておくとよい値です。

よくある間違い

• 本文の字間をわざわざいじってしまうことです。本文用のフォントはすでに読みやすい 間隔で設計されているため、字間を広げると単語がばらけて見え、詰めると文字が団子に なってかえって読みにくくなります。特別な理由がなければ、本文は標準のままにして おくのが安全です。
• 日本語や韓国語に、欧文を基準にした広い字間をそのまま当てはめてしまうことです。 全角の文字はそれ自体が四角いかたまりなので、字間を大きく広げると文字のあいだが ぽっかり空いて、間の抜けたスカスカな印象になります。
• すべての文字に同じ字間を一律に入れてしまうことです。字間は大きな見出しと小さな ラベルとで必要な方向が正反対なので、ひとつの値で統一すると、どちらか一方は必ず 不自然になります。

実務のヒント

• 大きな見出しは字間を少し詰めると（-1〜-2%ほど）、文字が寄り集まって端正で引き 締まった印象になります。逆に小さな大文字ラベルやボタンの文字は、広げると （+5〜10%ほど）くっきりします。本文はたいてい標準値（0）がいちばん自然です。
• 字間は px のような固定値ではなく、em のように文字の大きさに比例する単位で指定 しましょう。サイズが変わっても調整の比率がそのまま保たれるので、さまざまな 大きさの文字にひとつのルールで一貫して適用できます。
• 字間の調整は、ごく小さな単位で試しましょう。一度に大きく変えるのではなく、少し ずつ動かしながら実際の画面で確認することで、広げすぎて単語がばらけたり、詰め すぎて文字がくっついてしまったりする失敗を避けられます。

関連概念