トラッキング、カーニング、行送り：優れたタイポグラフィの要点
優れたタイポグラフィは、往々にして目立たないものだ。ほとんどの読者は、行間をすぐには気づかないだろうが、何かがおかしいと感じれば気づくだろう。この微妙なバランスが、文章の構成と読みやすさの両方を形作っている。
この「目に見えない芸術」は、カーニング、トラッキング、行送りの3つの基本的な設定に集約される。これらはすべて文字間隔を扱うものだが、その仕組みはそれぞれ異なり、これらがどのように連携しているかを理解することは、タイポグラフィを習得する上で不可欠だ。
このガイドでは、各用語の意味や違い、そしてデザインでそれらを効果的に活用する方法について学ぶ。
行送りとは何か？
行送り（行間隔とも呼ばれる）とは、テキストの行と行の間の縦方向のスペースを指す。これは読みやすさに大きな影響を与え、文章をざっと読みやすくし、圧迫感を和らげる。
しかし、余白が広すぎると、行同士のつながりが薄くなり、文章が読みにくくなる。だからこそ、行間隔の適切なバランスを見つけることが非常に重要だ（狭すぎても開きすぎてもいけない）。一般的に、行送りはフォントサイズの120%から145%の間で設定される。
留意すべき主な概念は以下の通りだ：
- ベースライン：テキストが配置される目に見えない線。
- アセンダー：ベースラインより上に伸びる文字の部分（例：「d」や「h」の上部）。
- ディセンダー：ベースラインより下に伸びる文字の一部（例：「g」や「y」など）。
これらの要素はすべてテキストに影響を与え、行間隔の一貫性と最適な読みやすさを確保する。
カーニングとは何か？
カーニングとは、2つの特定の文字間の間隔のことだ。これは、単語や文の中のすべての文字を対象とする一般的な文字間隔とは異なる。カーニングは、文字が、それが持つ形状によって不均一に見える可能性がある場合に特に重要だ。
これは特定のフォントを使用する際に発生する現象で、特定の文字の組み合わせに視覚的な不整合が出て、気が散るような隙間が生じることがある。フォントによって、そのデザインに応じて異なるカーニングの調整が必要になる。
特に注意すべき最も一般的なカーニングの組み合わせ：
- 斜体の文字：AV、AW、VA、WA、YA
- TまたはFとの組み合わせ：To、Ta、Te、Fa、Fo
- 斜めまたは縦に並んだ文字の組み合わせ：LT、LV、LY
カーニングの種類
カーニングには主に3つの種類がある：
- メトリックカーニング：フォントデザイナーによって定義された自動カーニング。
- 光学カーニング：文字の形状に基づいてソフトウェアで調整される文字間隔。
- 手動カーニング：デザイナーはカーニングを手動で調整し、完全に制御できる。
カーニングが最も重要になる時
カーニングは、見出しやロゴ、ブランディングにおいて特に重要だ。フォントサイズが大きくなると、文字間隔のばらつきがより目立つようになる。例えば、見出しは文章全体の印象に影響を与えるため、それに応じてカーニングを調整することが非常に重要だ。
トラッキングとは何か？
トラッキング（文字間隔とも呼ばれる）は、文字のグループ全体やテキストのブロック全体にわたって、間隔を均一に調整するものだ。カーニングとは異なり、これはペアごとにではなく、均一に適用される。
これは視覚的なバランスを保ち、読みやすさを向上させるために用いられ、テキストが詰め込みすぎたり、逆にまばらになりすぎたりしないようにする。トラッキングを強化すべき状況もあれば、逆に弱めるべき状況もある。
以下の場合には、トラッキングを強めるべきだ。
- すべて大文字、または小文字を使用
- 小さな文字サイズ（10pt未満）で作業
- 軽量フォントを使用
- 長い行のあるテキストのレイアウト
以下の場合には、トラッキングを小さくすべきだ。
- 大きな見出し（18～24ポイント以上）、タイトル、またはロゴの作成
- テキストの一貫性を高める
- 改行の間隔を狭くしたり、テキストブロックの密度を高めたりする
カーニングとトラッキングの違い
カーニングもトラッキングも文字間の間隔を調整するものだが、そのレベルは異なる：
- カーニング：2つの特定の文字間の微細な間隔を調整する
- トラッキング：単語、文、またはテキストのブロック全体といったマクロレベルの間隔を調整する
どちらをいつ使えばいいのか、疑問に思っているかもしれない。答えは、個々の状況による。特定の文字の組み合わせが視覚的に不自然に見える場合はカーニングを使い、テキスト全体の密度を調整する必要がある場合はトラッキングを使うべきだ。カーニングを調整することで、見た目のバランスが整い、文字間の不自然な隙間がなくなる。トラッキングでテキスト全体の読みやすさが向上し、コンパクトな外見からゆったりとした雰囲気まで、さまざまな効果を生み出すことができる。
よくある誤解は、これらを同じように使えると思い込むことだ。それは間違っている。それぞれが異なる問題を解決しているからだ。
カーニング、トラッキング、および行送りがどのように連携するか
テキストを作成する際、これらのコントロールは3つの異なる軸で動作する。すなわち､ペア間の水平間隔、グループ間の水平間隔、そして行間の垂直間隔だ。
それぞれをいつ調整すべきかを知ることは基本だ。2つの文字の間隔が不自然だと感じたら、カーニングを調整する。行の読みやすさを向上させたい場合は、行送りを調整する。文字間の間隔が全体的に不均一に見える場合は、トラッキングを調整する。
これらの機能はそれぞれ異なるが、組み合わせて使うと最も効果的だ。例えば、見出しのカーニングが完璧であっても、トラッキングや行送りが適切でなければ、どこか違和感を感じるものだ。
デザイナーによくある作業の流れでは、まず行送りを調整し、次にトラッキングを微調整し、最後にカーニングを調整する。
Affinityでカーニング、トラッキング、および行送りを調整する方法
Affinityは、写真の編集、グラフィックの作成、レイアウトの作成に役立つ強力なデザインツールであり、タイポグラフィも自在に操ることができる。
カーニング
デフォルトでは、Affinityはフォントファイルで指定された数値による文字間隔を使用する。これを手動で調整するには：
- Affinityレイアウトスタジオでドキュメントを開く。
- 調整したい文字の間にカーソルを置く。
- 右側のパネルで [文字] タブを開き、[位置と変形] に進む。
- [V/A] のドロップダウンメニューを選択し、値を選ぶ。
- 正の値は間隔を広げ、負の値は間隔を狭める。
キーボードショートカット：
- Macの場合：Option ⌥ キーと右矢印キーを同時に押すと間隔が広くなり、Option ⌥ キーと左矢印キーを同時に押すと間隔が狭くなる。
- Windowsの場合：Altキーと右矢印キーを押すと間隔が広がり、Altキーと左矢印キーを押すと間隔が狭くなる。
トラッキング
- 調整したいテキストの範囲を選択。
- [文字] パネルで、[位置と変形] に進む。
- [VA] のドロップダウンメニューで値を調整。
- 正の値は間隔を広げ、負の値は間隔を狭める。
キーボードショートカット（文字間隔と同じ）：
- Macの場合：Option ⌥ キーと右矢印キーを同時に押すと間隔が広くなり、Option ⌥ キーと左矢印キーを同時に押すと間隔が狭くなる。
- Windowsの場合：Altキーと右矢印キーを押すと間隔が広がり、Altキーと左矢印キーを押すと間隔が狭くなる。
トラッキングと文字間隔に関する詳細については、ヘルプセンターを参照してほしい。
行送り
右側のツールバーから：
- [段落] をクリックし、次に [行送り] をクリックする。
- ドロップダウンから設定を選択：[デフォルト]、[正確に]、[%高さ]、[少なくとも]、または [複数] のいずれか、あるいは個別の数値を選択する。値を大きくすると、行間隔が広くなる。
- その他のオプションを使えば、段落を左または右からインデントしたり、段落の前後にスペースを追加したりできる。
具体的な調整を行う場合は、[行送りのオーバーライド] を利用できる。
これを行うには：
- オーバーライドが必要なテキストの範囲をハイライトする。
- [文字] パネルの [位置と変形] の下で、[行送りのオーバーライド] の値を変更する。
詳細については、ヘルプセンターの「行送りと段落間の間隔」を参照してほしい。
カーニング、トラッキング、行送り：優れたタイポグラフィの鍵
カーニング、トラッキング、行送りはすべて文字間隔を調整するものだが、それぞれ異なるレベルで作用する。
カーニングは個々の文字ペア間の間隔を調整し、トラッキングは文字のグループやテキストブロック全体に均一な間隔を適用する。どちらも水平軸上で機能する。一方、行送りは行と行の間の垂直方向のスペースを調整する。読みやすさや全体のレイアウトにおいて重要な役割を果たす。
力強いタイポグラフィは、この3つの要素のバランスから生まれる。ほんの少しの調整でも、文章の見た目や印象を洗練させることができる。
上達する最善の方法は、練習することだ。見出しを選び、3つの設定をすべて調整し、わずかな変更が結果にどのような変化をもたらすか観察してみよう。
Affinityのレイアウトスタジオを活用し、プロフェッショナルなデザイン環境でこれらの原則を実践してほしい。読みやすさを高め、デザインを向上させるタイポグラフィの作成を始めよう。
