タイポグラフィはレイアウトの意味を担う負担があるため、デザインの良し悪しを判断することができます。しかし、これはアーティストや広告主だけが考えるべき問題ではありません。タイポグラフィの仕組みを理解することは、あらゆる分野の人々にとって有益です。

タイポグラフィーの技術を最大限に活用するためには、関連する要素を理解する必要があります。タイポグラフィの世界をナビゲートするために、基本的な用語とその解説をまとめました。

1 フォント・字体

ArialやTimes New Romanなど、私たちが普段フォントと呼んでいるものは、実はフォントではなく、書体である。

書体は、タイプファミリーとも呼ばれ、同じ基本的なデザイン要素を共有するフォントのグループである。一方、書体は、いくつかの特徴に基づくそのファミリーの特定の変種である。

• 太い・細い：書体の太さを指します。ほとんどのフォントは、超軽量や薄型から厚型や厚型まで、説明的な名称のついたさまざまなウェイトを備えています。その中間の重量を「ミディアム」または「レギュラー」と呼びます。
• イタリック：書体が右に傾いているかどうかを指し、イタリックの書体は "italics" または "italic" と呼ばれる
• 圧縮と幅：フォントの幅や狭さを指します。フォントが狭い場合、通常 "圧縮" と呼ばれ、広いフォントは "ワイド" または "拡張" と呼ばれる
• スタイル：書体のコアデザインのバリエーションではなく、書体の表現方法を指す。例えば、ファミリーによっては「アウトライン」フォントがあり、これは各文字のアウトラインのみが表示されることを除けば、基本的に通常のフォントと同じである。

このことをよりよく理解するために、デザインに最もよく使われる書体であるHelvetica Neueを例にとって説明しよう。 Helvetica Neueが書体であるのは、そのファミリーに多くのフォントが存在するためである。

Helveticaの下には、black、medium、thinなど、幅広いウェイトがあります。また、拡張版や圧縮版もあります。各ウェイトと幅には、対応するイタリック体バージョンがあります。これらウェイト、ワイド、イタリックのバリエーションはすべて別のフォントです。

2 セリフ、サンセリフ、スクリプト

デザイナーと一緒に仕事をしたことがある人ならわかると思いますが、彼らがレイアウトをデザインするときに最初に考えることのひとつが、セリフを使うかサンセリフを使うか、ということです。しかし、この2つは果たしてどうなのだろうか。

Serif "はラテン語で「尾」、"sans "は「なし」を意味します。".したがって、Serifは本文の末尾に尾を引く書体である。一方、サンセリフは尻尾のない書体である。

デザイナーが書体を分類する際には、サンセリフとセリフに加え、さらに3つの分類がある。Manuscriptsとは、曲がった手書き文字やカリグラフィーを模倣した原稿のことです。特に結婚式の招待状には人気があります。

ディスプレイはユニークで奇抜な性格を持ち、大型ディスプレイによく使われる。ハロウィンのポスターやビルボードで見かけるフォントである。

最後に、1つのフォント内の文字はすべて同じ幅を持っています。プログラマーは、コードのブロックを見やすくするために、これらの機能を使用しています。

以下は、ワープロのデフォルトとして認識されている2つの例です。

• セリフ：New Roman Era、Gallamond、Georgia
• サンセリフ：Arial、Helvetica、Calibri
• 原稿：ルシーダ自筆、鉛筆、イタリック体
• ディスプレイ：冷凍庫、バウハウス93、ヨックマン
• モデル：ルシダコンソール、クーリエニュー

3.アライメント

ワープロを使ったことがある人なら、すでにご存じだと思いますが、アライメントとは、テキストブロックのどちら側を余白に揃えるかを指します。

段落は、左寄せ、中央寄せ、右寄せにすることができます。デフォルトでは、人間の目は自動的に左から読み始めるので、ほとんどのテキストブロックは左揃えにするようにしましょう。

多くのプログラムでは、4つ目のアライメントオプション「Alignment」が用意されています。アラインメントとは、テキストブロックの行を余白の側面に揃えることを意味します。これは通常、単語と単語の間のスペースの幅を変更することで実現します。

アライメントは、線が最終的にどちら側に揃うかによって、さらに4種類に分けられる。テキストブロックがフルアラインの場合、テキストブロック内のすべての行が左右に整列することを意味します。これは少し分かりにくいように見えますが、ある種の素材をデザインするときに便利なのです。

4 コントラストとヒエラルキー

上の画像では、すぐに2番目の文章が目に入るかもしれません。これは、フォントの大きさ、書体の変更、印象的な赤の使用によるものです。第2文は対比の原理を利用している。

デザインにおいて、コントラストとは、レイアウト上の要素間に顕著な差異を生じさせるという考え方である。タイポグラフィを使う場合、フォントや太さ、文字の色など、あらゆるものを変えることを意味します。

一方、ヒエラルキーとは、ある要素の重要性を他の要素との関係で強調するために、コントラストを使用することを指します。

例えば、一般的なPowerPointのプレゼンテーションでは、スライドのヘッダーが最も大きな要素であり、太いフォントが使用されるのが普通です。一方、研究論文では、ページ下部の引用文は、本文の他の部分よりも小さなフォントで表示されます。

5 追跡、誘導、タイトスケジューリング

初心者のデザイナーが最も戸惑うことのひとつが、トラッキング、リーディング、タイトローの違いです。

トラッキングとは、1行の中のすべての文字の間隔を変化させることです。単語のトラッキングを増やすと、各文字の間のスペースが均等に増えることになります。トラッキングのバリエーションは、通常、印刷されたポスターやソーシャルメディアのレイアウトで発生します。これらは、ソーシャルメディアで共有可能な画像を作成するために必要なツールです。

これは、各文字の間隔が変化するタイトローとは異なります。上の例では、'K'と'e'の間のタイトスペーシングを減らし、他の文字間のタイトスペーシングはそのままにしています。一般的に、スペーシングの調整は、少ない文字数で非常に大きなレイアウトを設計する場合に考慮されます。

一方、リーディングは、テキストブロックの行間のスペースです。ワープロ技術では、段落を「ダブルスペース」に変更すると、行間のリードが2倍になります。レポートや雑誌のページなど、大量の文章を入力する場合は、特にリードが重要です。

すべての人のためのタイポグラフィ

クライアントのためにレイアウトをデザインするプロのデザイナーであれ、論文を書く学生であれ、**スライドショー**に取り組む企業プロフェッショナルであれ、テキストの見せ方は大きな影響を与えます。そのため、このことを忘れずに、最も重要な要素を理解することが重要です。

次のプロジェクトをデザインするためにタイポグラフィについて十分に学んだなら、美しいレイアウトを作るために使える、Photoshop、Illustrator、Lightroomに代わる無料のツールをご紹介します。まだぴったりのフォントが見つかっていない方には、フリーフォントを発見してダウンロードできるサイトをご紹介します。