印刷物やWEBサイトなどに用いられているフォントについて、じっくり考えたことってありますか。
普段、印刷物やデジタル資料などで様々なフォントが使われていますが、何にどんなフォントが用いられているかはマニアでない限り、ほとんど気にならないかと思います。
しかし実はフォントの細かな違いによって、情報の伝わりやすさが変わることも。
今回は情報の伝わりやすさ、識別しやすさから見たフォントのお話をいたします。
読みやすいフォントの条件とは？どんな時でも正しく識別できることが重要
フォントにとって一番大事なのはその識別性です。
文字の識別性は以下の条件が変わります。
- 見やすさ…小さな文字でも正しく認識できること
- 見分けやすさ…ほかの字やまわりの字と区別して認識できること
- 読みやすさ…文章全体をストレスなく読めること
- 公平性…読み手の視力などに関係なく読めること
たとえ大きな字だとしても、字が細すぎたり太すぎたりすれば見えづらいですよね。
しかし屋外に設置された標識などは、時間の経過とともに雨風などにさらされて文字が劣化してしまいます。
字がはがれたりにじんだりしてしまい、見にくくなってしまいがちです。
また読む人の視力によって、視覚的な情報が伝わる量はかなり変わってきます。
以下の図は、視力1.0・視力0.1・視力0.01の方の見え方を分かりやすく示したものです。
視力0.1の方だとかろうじて「サステナブル」や「はいいいえ」など画数の少ない文字は見えるものの、視力0.01の方だとそれすらはっきり認識できません。
できるだけ目の悪い方でも情報を取得しやすい、はっきり見える文字のレイアウトが求められています。
若い世代でも3分の2以上の方の視力が1.0未満といわれているため、誰にでも伝わるデザインを考えるうえで視力はとても大きな問題になってきます。[注1]
さらに白内障などの目の疾患による視力不良に関しても考慮しないといけません。
見やすいフォントの選び方｜可読性を決める要素と場面別の考え方
見やすさ（可読性）と印象は別物。本文は「読みやすい」を最優先
見やすいフォントを選ぶときは、印象やデザイン性よりも、まず本文の可読性（読みやすさ）と視認性（パッと識別できるか）を優先します。
見出しは多少クセがあっても成立しますが、本文は長文になるほど目の疲れが出るため、ニュートラルな種類のフォントが有利です。特に小さくても崩れない字形、濁点や「はね」「はらい」が潰れにくい設計、漢字とかなのバランスが整ったものほど、文章全体の読みやすさが上がります。
可読性を左右する3要素：字形・太さ・文字間
可読性を決める要素は大きく3つです。1つ目は字形で、似た形の文字（例：シとツ、ソとン、口とロ、Oと0、Iとlと1）が見分けやすいほど誤読が減ります。
2つ目は太さで、細すぎると画面表示や低解像度で欠け、太すぎると文字内部が詰まって潰れます。
3つ目は文字間と行間で、詰めすぎると密集して読みにくく、空けすぎると単語のまとまりが切れて読みにくくなります。
見やすいフォント選びは、フォント単体ではなく、本文サイズ・行間・文字間まで含めて最適化するのが近道です。
用途別（Web・印刷・資料）で「見やすい」の基準は変わる
同じ見やすいフォントでも、用途によって正解は変わります。
WebはWindowsなど環境差があり、レンダリングの違いで印象が変わるため、標準搭載フォントや代替フォントを含めた設計が重要です。
印刷は解像度が安定する一方、紙質やインクのにじみで太さの選択が効きます。資料（Word、エクセル、パワーポイント）は閲覧端末がバラバラで、配布先に同じフォントがないケースも多いため、互換性と視認性の両立が必要です。
場面ごとに「誰が・どこで・どれくらいの距離で」読むかを基準に選びます。
読みやすいフォントの代表！識別性にこだわって設計された「UDフォント」
ユニバーサルデザインに基づいた「UDフォント」は誰にでも容易に文字を読み取れることを目指して設計されています。
現在さまざまな会社がUDフォントを製作していますが、その中でもイワタ・電通・日本UCDA協会が共同で開発した「みんなの文字」は、情報の伝えやすさの科学的基準であるUCDA認証をいち早く取得した「見やすさが証明された」フォントで、ゴシック体・明朝体の両方に対応しています。
文字が劣化してもきちんと読み取れるよう、「みんなの文字」は以下の特徴を持っています。
- 小さくても見やすい…小さなサイズでも文字がつぶれにくいです。
- 密集していても見やすい…ストレスなく長文を読めるよう、文字と文字の間隔を最適化しています。
- 誤読が少ない…文字がつぶれても字の形が判読しやすいです。
- 低解像度に強い…UDフォントとしてははじめて、低解像度用のビットマップフォントを採用しています。
- 英数字の見分けがつきやすい…文字の線や点がつぶれにくいよう設計されています。
- 老齢の方でも見やすい…日本UCDA協会によるテストの結果、7割以上の方がほかのフォントよりも見やすいと回答しています。[注2]
といっても、実際にUDフォントがほかのフォントよりも見やすいかどうかは、実際に文字を見てみないとわかりません。
そこで今回は従来のフォントとUDフォントで見やすさに違いはあるか比較してみました。
UDフォントは読みやすい？小さい字でも正しく識別できるか徹底検証
MSゴシックとUDフォント「みんなの文字」で、小さな文字もきちんと認識しやすいか比較してみました。
今回は、コムデザの記事の文章をかなり小さな2.5ptのサイズに縮小したものを、Googleの文字分析機能できちんと正しく読み取ってくれるか調査していきます。
ちなみに「MSゴシック」の2.5ptは画像のようなサイズです。
一方、「みんなの文字」の2.5ptはこのような感じ。
では分析機能をかけた結果を見ていきましょう。
まずは、「MSゴシック」2.5ptの場合。
価値の高く在業ブランドに共感してくれるファンの新たなイノベーションの出が期待できます。 Thpple」や「ダイソン」、国内では無印良品を運営する「良品計画」、「マッタ」あたりが有名ですね。
外国人の書くあやしい日本語みたいになりましたね…。
「Thpple」「マッタ」など会社名も半分読み取れていません。
では、「みんなの文字」2.5ptの場合。
経営においてはその基本だけのブランド価値の創造企業ブランドに共感してくれるファンの新たなイノベーションの出が期もできます。 デザイン経営の成功事例では海外では「Apple」や「ダイソン」、国内では無印良品を運営する「良品」、「マツダ」あたりが有名ですね。
正直、まだあやしい部分も多いですが、MSゴシックに比べて読み取れている部分が多くなりました。
ちなみにもともとの文章は以下のような内容でした。
経営においてはその企業だけのブランド価値の創造（企業ブランドに共感してくれるファンの獲得）、新たなイノベーションの創出が期待できます。デザイン経営の成功事例では海外では「Apple」や「ダイソン」、国内では無印良品を運営する「良品計画」、「マツダ」あたりが有名ですね。
「みんなの文字」と同じように、ユニバーサルデザインの考えに則って設計された「メイリオ」で同じ調査をしたところ、読み取った結果の整合性はみんなの文字とほぼ同じになりました。
自治体や金融機関でも採用！読みやすいUDフォントが使用されている例
「みんなのフォント」は、印刷物・WEBページの両方でいろいろなところで活用されています。
また2019年からはUDフォントとしてははじめてビットマップフォント（黒白2色だけで文字を表現するフォント。
小さな文字でも境目がくっきり出せるため、領収書など小さな書類の文章に適している。）が登場したため、自治体や金融機関の書類にもみんなの文字が採用されています。
Windows・Word・エクセル・パワーポイントで使える見やすいフォント実例
Windows標準で迷ったら：メイリオ／游ゴシック／UD系で視認性を確保
Windows環境で見やすいフォントを狙うなら、標準搭載で崩れにくいものを軸にします。
メイリオは字面が大きめで小さくても読み取りやすく、画面表示での視認性に強いタイプです。
游ゴシックは現代的な印象を保ちつつ本文にも使いやすい一方、細いウエイトだと小さく表示したときに弱くなる場面があるため、用途に応じて太さを選びます。
UD（ユニバーサルデザイン）系のフォントは、誤読しやすい形の差を広げて識別性を高めているため、情報伝達を最優先する本文・案内文で有利です。
Wordの本文に向く組み合わせ：日本語＋英語の混在に強い設計
Wordで本文を組むときは、日本語だけでなく英語や数字の混在を前提に、見分けやすい字形を選びます。
英語の「I」「l」「1」や「O」「0」が紛れやすい文章では、英数字のデザインが明確なフォントが効果的です。
本文では派手な種類よりも、線の強弱が極端でないもの、濁点や句読点が埋もれないものを選ぶと読みやすさが安定します。さらに、段落の行間を適度に取り、文字間を詰めすぎないことで、同じフォントでも可読性が大きく改善します。
エクセル／パワーポイントは「小さくても読める」が最優先。表・グラフは太さも重要
エクセルの表やパワーポイントのスライドは、本文より小さいサイズで表示されることが多く、プロジェクターや画面共有でさらに視認性が下がります。そのため、細いウエイトは避け、適度な太さのフォントを選ぶのが基本です。
表では桁区切りや小数点が見えること、単位（％、円、kgなど）が潰れないことが重要で、文字が密集しても見やすい設計ほど有利です。
スライドは距離が出る場面も多いため、ゴシック系の見やすいフォントを中心に、見出しと本文の太さ・サイズ差で情報の優先順位を明確にすると、印象も読みやすさも両立できます。
失敗しないためのチェックポイント｜ライセンス・印刷・英語
フリーフォントのライセンスと配布
フリーフォントは便利ですが、商用利用や資料への埋め込み可否を必ず確認しましょう。
配布用資料で特殊なフォントを使う場合は、PDF化して固定するか、標準フォントで組むのが安全です。
印刷と英語混在の最終確認
印刷物は画面より安定しますが、インクで線が太ることがあります。
英語混在の場合は、アルファベットの中の空間（カウンター）が広いものを選ぶと、小さくしても判別しやすくなります。
視覚情報を支える技術！読みやすいフォントにもあるユニバーサルデザイン
ユニバーサルデザインという言葉はよく聞くのですが、フォントにもユニバーサルデザインがあるのは初めて知りました。
文字の形を変えるだけで、見やすさがぐっと変わるのは面白いですね。
UDフォントの実力はあらゆる状況で発揮できるだけに、今後もいろいろなシチュエーションで読みやすさを比較してみたいと思います。
・関連資料のリンク
[注1] ホノテ by マクロミル：視力補正やメガネ・コンタクトレンズに関する調査。
[注2] UCDA協会：みんなの文字とは UCDAフォント
・関連資料のダウンロード
 | 【ストリーミング動画】Webアクセシビリティの向上を目指すカラーユニバーサルデザインセミナー 本セミナーでは、色覚多様性に配慮したカラーユニバーサルデザインを中心に、 障害者差別解消法とWebアクセシビリティの基礎知識、色弱者への色彩設計の具体的な実践方法、わかりやすいWebデザインの評価手法について解説いたします。 |
 | わかりやすいデザイン９つのチェックポイント 「伝わらない情報」の問題は媒体のグラフィックデザインが引き起こしている可能性があります。 この資料では、より多くの人に伝わるように情報デザインを改善するための9つのチェックポイントを紹介しています。 |
