イチラシの文字サイズはptで決める!要素別の目安と視線誘導のルール

チラシの文字サイズはptで決める!要素別の目安と視線誘導のルール

「タイトルは何pt?お問い合わせ先は?」
——チラシをデザインするたびに、文字サイズの判断だけで小一時間悩んでしまう。
そんな経験はないでしょうか。

デザインの正解は一つではありません。
ただし、文字サイズに関しては「視認性」という物差しがあり、そこには人間の目の性質に基づいたある程度の”答え”が存在します。
今回は、イベントチラシを題材に、要素ごとの文字サイズの目安をまとめます。あわせて、視線誘導を踏まえたレイアウトの考え方も紹介します。
Webデザインやバナー制作にも応用できる共通ルールなので、あわせて押さえておいてください。

目次

なぜ「なんとなく」で決めてはいけないのか

チラシの文字サイズを感覚だけで決めると、次の2つの問題が起きがちです。

1つ目は、情報の優先順位が伝わらないことです。タイトルも日時も参加費も似たようなサイズで並んでいると、読み手はどこから読めばいいのか分かりません。その結果、チラシ全体を読み飛ばしてしまいます。

2つ目は、クライアントへの説明に根拠が持てないこと。「なんとなく大きくしました」では、修正依頼のたびに振り回されてしまいます。逆に「視認性の基準でこのサイズにしています」と言えれば、提案に説得力が生まれます。

サイズにルールを持たせることは、デザインを”守る”ためでもあるのです。

文字サイズの根拠になる2つの心理学的データ

ウェーバー・フェヒナーの法則とジャンプ率

視覚デザインの世界でよく引用される法則に「ウェーバー・フェヒナーの法則」があります。
これは、人が感覚の変化を知覚するには、一定の割合以上の刺激差が必要であるという法則です。
この法則を文字サイズに当てはめてみましょう。見出しと本文のサイズ差が小さすぎると、人はその違いを「差」として認識できません。

具体的には、本文に対して見出しのサイズ差が10%程度では、ほとんど差を感じられないとされています。
この考え方は、デザインの現場で使われる「ジャンプ率(本文サイズに対する見出しサイズの比率)」にも通じます。視覚的な階層をはっきり認識させるには、最低でも1.4倍以上の差をつけることが推奨されています。

つまり、本文を14ptにするなら、見出しは20pt以上にして初めて「見出しだ」と認識してもらえます。
この比率をチラシの要素ごとに当てはめていくのが、次の章の目安表になります。

視距離と最低文字サイズ

もう一つの根拠は「どのくらいの距離から見られるか」です。文字は絶対的な大きさだけでなく、見る人との距離との相対関係で読みやすさが決まります。

  • 手に取る距離(30cm〜1m):文庫本の文字サイズに近い8pt程度が読める下限ライン
  • 中距離(2〜3m、店頭や掲示板):20〜30pt程度が「一目で読める」目安
  • 遠距離(5m以上、駅や屋外の掲示):50pt以上を確保しないと視認されにくい

イベントチラシの多くは「手に取って読む」か「掲示板に貼って少し離れて見る」かのどちらかです。
そのため、配布方法によって、この基準を使い分ける必要があります。

イベントチラシ:要素別・文字サイズの目安

上記2つの根拠をもとに、イベントチラシでよく使う文字情報の目安をまとめました。
A4サイズ・手に取って読まれることを想定した数値です。

要素サイズ目安考え方
タイトル・メインキャッチ50〜80ptチラシの「顔」。ジャンプ率を最大化し、遠目からでも内容の核が伝わるように
キャッチコピー・サブタイトル28〜40ptタイトルを補足するひと言。タイトルの40〜60%程度のサイズが目安
導入文章(リード文)9〜18pt来場の動機づけをする本文。読ませたい文章なので詰め込みすぎない
開催概要(日時・場所・参加費・定員など)12〜18pt(太字推奨)「必ず拾ってほしい」実務情報。本文と同等以上のサイズ+太字やアイコンで補強
お問い合わせ先14〜20pt行動直前の情報。周囲に余白を取り独立させると視線が止まりやすい
開催にあたる注意事項5.5〜8pt読める文字サイズの最低ライン。これ以下は「誰にも読まれない保険の文字」になる

ポイントは、注意事項のような補足情報であっても8pt未満にはしないことです。
なぜなら、小さすぎる文字は「読めない」という体験そのものになり、チラシ全体の信頼感を下げてしまうからです。

視線誘導:どこに置けば見てもらえるか

文字サイズを決めても、配置の順番が悪ければ情報は伝わりません。
ここで役立つのが「視線誘導」の考え方です。代表的なものが2つあります。

グーテンベルク・ダイヤグラム
情報が均等に配置された紙面で、人の視線が左上から右下へ斜めに流れるという法則です。
この動きの影響で、右上や左下は視線から抜け落ちやすいとされています。
そのため、チラシではタイトルを左上〜中央上部に置きましょう。あわせて、お問い合わせ先やCTA(行動を促す要素)は右下に置くと、自然な視線の流れに沿った設計になります。

Z型
同様の考え方で、視線が左上→右上→左下→右下とZ字を描くように動くというものです。
写真やロゴなど要素数が多いチラシでは、この動きを意識しましょう。具体的には、重要な要素をZのライン上に配置すると、情報の抜け漏れが起きにくくなります。

いずれの法則も「絶対」ではありません。ただし、レイアウトに迷ったときの判断基準としては非常に使いやすい考え方です。

Webデザイン・バナーにも共通するルール

ここまでの考え方は、紙のチラシに限った話ではありません。
Webサイトやバナー広告でも、同じ原理が使われています。

文字サイズの基準
Web本文の推奨サイズはPCで16px前後というのが一般的な基準です。
これはブラウザの標準フォントサイズであり、Webアクセシビリティの指標としても広く参照されています。
同様に、バナーやランディングページのキャッチコピーも、この本文サイズに対してジャンプ率1.4倍以上を意識しましょう。そうすることで、紙のチラシと同じ理屈で階層がはっきりします。

視線誘導
Z型はもともとWebのランディングページ設計でよく使われる考え方です。
この考え方に基づき、視線が最後に止まる右下にCTAボタンを置く手法として定着しています。
チラシのお問い合わせ先を右下に置く発想と、根っこは同じです。

最低サイズの死守
Webでもスマホ表示時に文字が12pxを下回ると読みにくさが一気に増します。
同様に、チラシの「注意事項は8pt未満にしない」というルールのように、Webにも死守すべき最低ラインがあります。覚えておいて損はありません。

紙とWeb、媒体は違っても「なぜそのサイズなのか」を説明できる軸を持っておきましょう。そうすることで、デザインの一貫性が保てます。

実際にチラシを作って気づいたこと

以前、地域の農業法人のイベントチラシを任されたときのことです。
写真や見出しのバランスばかりに気を取られていました。その結果、開催概要と注意事項をどちらも同じくらい小さい文字で詰め込んでしまったのです。

画面上ではさほど気にならなかったのですが、実際にA4サイズで印刷して確認したところ状況が違いました。日時や会場といった一番大事な実務情報までもが、注意書きと同じように「読み飛ばされる小さい文字」に埋もれてしまっていたのです。
担当の方からも「結局いつ開催なのか、パッと見て分からない」と指摘を受けました。そこで、開催概要だけを本文よりワンランク大きくし、太字にして独立したブロックに組み直しました。

この経験から、画面のプレビューだけで判断しないようにしています。必ず実寸で印刷し、距離を取って眺めるという工程を欠かしません。
文字サイズのルールを知っていても、最終確認を怠ると意味がない、というのが実感です。

まとめ:数字を「自分の判断基準」にする

  • タイトルは50〜80pt、本文は9〜18pt、注意事項は5.5〜8ptを下限に
  • 見出しと本文の差(ジャンプ率)は最低1.4倍を意識する
  • 視距離によって求められる最低サイズが変わる(手元:8pt/中距離:20〜30pt/遠距離:50pt以上)
  • グーテンベルク・ダイヤグラムやZ型を使い、重要な要素を視線の通り道に配置する
  • Webやバナーでも「本文サイズ×ジャンプ率」「最低文字サイズを死守する」という考え方は共通

これらの数字はあくまで目安であり、絶対のルールではありません。
ですが、「なぜこのサイズにしたのか」を自分の言葉で説明できるようになりましょう。そうすれば、デザインの精度もクライアントへの提案力も、大きく変わってきます。

もっと体系的に学びたい方へ

今回紹介した文字組みや視線誘導の考え方は、デザインの基礎知識をまとめた書籍でも学べます。体系的に学びたい方には、以下の書籍がおすすめです。実務で判断に迷ったときの”辞書”として一冊手元に置いておくと安心です。

  • タイポグラフィ・文字組みの基本ルールを解説した書籍:文字サイズ・行間・字間の実践的な数値基準を、豊富な作例つきで解説
  • レイアウト・視線誘導の考え方をまとめた入門書:グーテンベルク・ダイヤグラムやZ型など、今回紹介した理論を図解でより深く学べる

今回は3冊、実際に手に取りやすいものを紹介します。

1. タイポグラフィの基本ルール ープロに学ぶ、一生枯れない永久不滅テクニックー


2. なるほどデザイン ―目で見て楽しむデザインの本。


3. ふつうのデザイナーのためのタイポグラフィが上手くなる本



この記事を書いた人

hacuroDesign/大分県在住のフリーランスWebデザイナー(7年目)。農業法人での冊子・チラシ制作を原点に、紙とWeb両方のデザインを手がける。「センスより数字と根拠」をモットーに、実務で使える判断基準を発信中。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次