ベースラインとは、文字が乗る目に見えない線のことです。ほとんどの文字はこの線の上に載っています。g、j、p、q、yなどのディセンダー文字はベースラインより下に下がり、b、d、h、k、lなどのアセンダー文字はxハイトより上に上がります。ベースラインはテキストの土台となります。ベースラインがなければ、文字はそれぞれ異なる高さに浮いてしまい、読みづらくなってしまいます。タイポグラフィはこの目に見えない線に依存しているのです。

ベースラインアライメントは、列、キャプション、またはインターフェース要素をまたいでテキストを揃えます。2 つのテキスト ブロックが横に並んでいる場合、ベースラインを揃えることで、すっきりとした水平方向の関係が生まれます。視線は飛び飛びにならずに横方向に読み進めます。ベースラインがずれていると、理由がわからなくても、だらしなく見えます。多言語デザインでは、ベースラインの重要性が増します。異なる文字体系には、異なるベースラインの慣習があります。ラテン文字、アラビア文字、デーヴァナーガリー文字、中国語はすべて、ベースラインに対して異なる位置に配置されます。1 行に複数の文字体系を混在させるには、慎重な調整が必要です。デザイナーは、文字がバランスよく見えるように、位置、サイズ、間隔を調整します。ベースライン グリッドは、この概念をレイアウト全体に拡張します。すべてのテキスト要素は、同じ基となるグリッドにスナップします。その結果、一貫した垂直方向のリズムが生まれます。読者はグリッドに気づかないかもしれませんが、秩序を感じます。グリッドを削除すると、レイアウトがだらしなく、プロフェッショナルでないように見えます。ベースラインは目に見えませんが、その効果は目に見えています。

基本概念

• ベースライン — キャラクターが座る線
• Xハイト — 小文字の高さ
• アセンダー — x座標より上の部分
• ディセンダー — ベースラインより下の部分
• ベースライングリッド ― 垂直リズムの枠組み

ベースラインは読みやすいテキストの土台となるものであり、他のすべてはそれを基準として測定される。