リーディング vs カーニング vs トラッキング:その違いは?

リーディング vs カーニング vs トラッキング:その違いは?

リーディング vs カーニング vs トラッキング:その違いは?

リーディング vs カーニング vs トラッキング:その違いは?

タイポグラフィにおけるリーディング、カーニング、トラッキングの違いと、それらがデザイン全体の見た目にどのような影響を与えるかを学ぶ。

タイポグラフィにおけるリーディング、カーニング、トラッキングの違いと、それらがデザイン全体の見た目にどのような影響を与えるかを学ぶ。

タイポグラフィにおけるリーディング、カーニング、トラッキングの違いと、それらがデザイン全体の見た目にどのような影響を与えるかを学ぶ。

Jun 4, 2024

Jun 4, 2024

Jun 4, 2024

leading kerning
leading kerning
leading kerning

タイポグラフィは無言のセールスツールであり、その外観、スタイル、キャラクターを通してメッセージを伝える。しかし、私たちは適切なフォントや色を選ぶことに重点を置きがちだが、スペーシングもタイポグラフィのツールボックスにおいて同様に不可欠な要素である。

スペーシングを規定する多くの用語の中で、3つの用語が際立っている。これらは非常にシンプルな概念でありながら、デザインにおけるスペーシングの読みやすさや美しさに強力な影響力を持つ。

あなたがグラフィックデザイナーであれ、学生であれ、あるいはプロのタイポグラファーを目指しているのであれ、リーディング、カーニング、トラッキングのニュアンスを理解することは非常に重要である。この記事では、これらのタイポグラフィ用語をわかりやすく解説し、実践的な例を挙げて説明する。

リーダーシップとは何か?

行頭とは、複数行のテキストの間に空けるスペースのこと。

行間が近すぎると、テキストが混雑して見え、読んでいるときの流れが乱れてしまいます。しかし、行間が離れすぎていると、ある行から次の行へ移動するために目がより強く働かなければならなくなる。

また、'd'、'h'、'l'のように高く突き出る文字もあれば、'g'、'y'、'j'のように低く垂れ下がる文字もある。リーデイングは、これらの文字が互いにぶつからないように、文字が乗っている行の間隔を調整するものです。このスペースは、ある行のベース(文字の位置)から次の行までの垂直方向の距離として測定されます。

本の行間を思い浮かべてほしい。小説の行間は通常、読み心地を最適化するために、ウェブページの行間よりも狭くなっています。

リーデイングを調整する際のベストプラクティスは、活字サイズの120-145%程度を目安にすることです。これはほとんどのワープロやデザイン・ソフトのデフォルト設定であり、読みやすさとスペースの節約を両立させることができるからです。

Pixcap デザインツールで、100 種類以上のクリエイティブなフォントスタイルを使って行間や文字間を練習してみましょう。また、当社のデザインテンプレートを使用して、さまざまなスペーシングテクニックやレイアウトスタイルを試してみましょう。

カーニングとは何か?

カーニングとは、2つの文字の間のスペースを調整することである。

文字が広がりすぎたり、近すぎたりすると、読みにくくなる。この間隔は、文字の読みやすさ、見やすさに影響するため、デザインにおいて非常に重要です。目標は、文字と文字の間隔を比例させることです。

余分な部分がある文字(セリフなど)や、まっすぐでない文字("A"、"W"、"V "など)は、単語全体と統一感を持たせるために特に注意が必要です。フォントによっては、特定の文字のペアをうまく組み合わせるために特別な調整が必要なものもある。

カーニングは、タイトルのような大きなテキストでは特に重要であることを覚えておいてほしい。カーニングを正しくすることで、すべてがすっきりと読みやすくなります。

簡単なカーニング・ルール

テキストをカーニングする際には、アセンダー(「d」、「h」、「l」など、テキストのx-heightより上に伸びる文字)、ディセンダー(「g」、「y」、「j」など、ベースラインより下に沈む文字)、全体的な字形などの要素を考慮することが重要です。

さらに、読みやすさと読みやすさのためにカーニングを調整する必要がある場合もあるため、テキストの意図する媒体やサイズを調べることも重要である。各書体には固有のカーニング値があるが、デザイナーはタイポグラフィ全体の質を高めるため、特定の文字の組み合わせの間隔を手動で調整しなければならないことが多い。

優れたカーニングはタイポグラフィにおいて不可欠であり、デザイン全体の視覚的インパクトとプロフェッショナリズムを大いに高めることができる。

トラッキングとは何か?

トラッキングとは、テキストブロック内のすべての文字の間の全体的な間隔のこと。個々の文字の間隔を調整するカーニングとは異なる。

トラッキングの幅を広く設定しすぎると、文字がばらばらに見え、きつく設定しすぎると、文字が合体して読みにくくなる。

一般的に、トラッキングは控えめに、テキストブロックの全体的な見た目を調整するためにのみ使用されるべきである。見出しやタイトルにはよく使われるが、ボディコピーには推奨されない。

トラッキングはテキストブロック内のすべての文字に等しく影響するため、タイポグラフィのバランスが悪くなったり、不均等に見えたりしないよう、注意して使用することが重要です。

デザイナーはトラッキングを調整する際、意図するフォントサイズやテキストの媒体やサイズを考慮する必要があります。例えば、大きな見出しの場合、視覚的なインパクトのためにタイトなトラッキングが必要かもしれませんし、小さなボディコピーの場合、読みやすさのために緩やかなトラッキングが必要かもしれません。

リーディング vs カーニング vs トラッキング

一般的に、リーディング、カーニング、トラッキングは、デザインにおいてテキストをより見やすく、読みやすくするために文字の間隔を調整する役割を果たします。しかし、それぞれに目的があります:

  • 視覚的な結果:デザイナーは、バランスの取れた魅力的な外観のためにカーニングを使い、フォントの間隔が気に入らないときにはトラッキングを使い、注意を引く大胆な効果のためにリーディングを使う。

  • デザインプロセス:カーニングとリーディングでデザインを仕上げ、トラッキングはいつでもできる。トラッキングはまず単語と単語の間のスペースを調整し、次にリーディングでテキストの行を同じように調整し、カーニングで見出しやロゴを微調整する。

  • 用途カーニングは中型から大型のフォントや見出しに使用し、スペーシングの問題を修正する。リーディングは、h、t、g、yのようなアセンダーやディセンダーを修正し、重なりを防ぎます。トラッキングは、読みにくいフォントや太字が他の部分に広がってしまう場合に役立ちます。

いつリーディング、カーニング、トラッキングを調整するか?

リーディング、カーニング、トラッキングの調整はタイポグラフィの重要なステップであり、テキストの読みやすさや美しさに大きく影響します。ここでは、具体的にどのような場合に調整が必要になるかをご紹介します:

  • テキストが密集している場合や、同じ文書内でさまざまなフォントサイズを使用する場合は、しばしばレディングの調整が必要になります。特に長い段落や学術的な文章の場合、読みやすさを向上させるために、テキストが密集しているブロックでは、行送りを大きくしましょう。

  • カーニングの調整は、タイトル、ロゴ、見出しなどで大きなディスプレイフォントを使用する場合に不可欠です。カーニングを調整して特定の文字ペアの間のぎこちないスペースを修正し、テキストがまとまり、視覚的に美しく見えるようにします。

  • トラッキングの調整は、タイトルや見出しのテキスト全体の密度を微調整してインパクトを与えるなど、さまざまな場合に有効です。また、法律文書やキャプションの小さな文字など、特定の組版環境では、本文の読みやすさを高めるために調整されます。

どのシナリオにおいても、ゴールは意図した目的を効果的に果たす、調和の取れた利用しやすいテキスト表現を達成することである。リーデイング、カーニング、トラッキングの調整は、常にターゲットとする読者とテキストのメディアを念頭に置いて行われるべきである。

結論

リーディング、カーニング、トラッキングの概念を理解することで、読みやすさと美しさを最適化するためにテキストを操作することができます。この知識があれば、さまざまな場面でテキストを微調整し、意図した目的に沿って読者の注意を引くことができます。さまざまなテクニックを探求し、テキストの表現方法を試しながら、特定のニーズに最適なものを見つけてください。

15,000 以上のカスタマイズ可能な 3D デザイン アセット

UI/UX、Web サイト、アプリ デザインなどに使用できる

product showcase

quote post

Information post

marketing post

15,000 以上のカスタマイズ可能な 3D デザイン アセット

quote post

Information post

marketing post

15,000 以上のカスタマイズ可能な 3D デザイン アセット

quote post

Information post

marketing post

3Dモックアップ、アイコン、イラスト、編集可能なテンプレートなどが必要ですか?

3Dモックアップ、アイコン、イラスト、編集可能なテンプレートなどが必要ですか?

3Dモックアップ、アイコン、イラスト、編集可能なテンプレートなどが必要ですか?