タイポグラフィの基礎知識

項目をタップすると詳しい内容を確認できます。

  1. セリフ体(Serif)の特徴

    セリフ体は文字の線の端に小さな飾り(セリフ)がある書体で、伝統的で信頼感のある印象を与え、印刷物の本文のような小さいサイズでも可読性が良いとされています。明朝体系がひらがな・漢字のセリフ体に相当します。

  2. サンセリフ体(Sans-serif)の特徴

    サンセリフ体は飾りのない書体で、すっきりとモダンな印象を与え、画面(ディスプレイ)環境で可読性が良いとされています。ゴシック体系がサンセリフ体に相当します。

  3. 字間(Letter Spacing)とは?

    字間とは文字と文字の間隔のことで、字間が狭すぎると文字が詰まって見え、広すぎると単語として読み取りにくくなります。見出しのような大きな文字は字間をやや狭く、小さい本文の文字は字間をやや広くすると可読性が良くなることが多いです。

  4. 行間(Line Height)とは?

    行間とは行と行の間隔のことで、一般的に本文の文字サイズの1.4〜1.8倍程度が読みやすいとされています。行間が狭すぎると行同士がくっついて見えて読みにくく、広すぎると一つの段落という感覚が薄れます。

  5. 文字サイズの階層(見出し・本文)を決める基本原則

    見出しは本文より大きく太く、小見出しはその中間のサイズに配置し、読者が情報の優先順位を一目で把握できるようにするのが、タイポグラフィの階層の基本原則です。サイズの差をはっきりつけるほど階層が明確になり、似たサイズを何段階も使うとかえって混乱を招くことがあります。

  6. 可読性を損なうよくあるミス

    一つの画面に書体を混在させすぎたり、背景と文字色の明度差が低かったり、行の長さが長すぎて目が次の行を見失いやすくなったりすることが、代表的な可読性低下の要因です。一般的に一つの画面には2種類以内の書体を使うのが安定していると言われています。

タイポグラフィがコンテンツの印象を変える

同じ文章でも、どんな書体、字間、行間で配置するかによって読む速さや信頼感、雰囲気が大きく変わります。タイポグラフィは目立ちにくいものですが、よく設計されたタイポグラフィは読者が内容により集中できるよう助ける、目に見えない案内役を果たします。

よくある質問

本文は必ずセリフ体を使うべきですか?

そうではありません。印刷物ではセリフ体が可読性が良いとされていますが、画面上ではサンセリフ体のほうがすっきり読みやすい場合が多く、媒体の特性に合わせて選ぶことが重要です。

字間と行間のうち、可読性への影響が大きいのはどちらですか?

どちらも重要ですが、特に長い本文では行間が狭いと行を読み間違えることが増えるため、字間よりも行間の設定に気を配るとよいでしょう。