インフォグラフィックのテキスト文字数設計ガイド

インフォグラフィックは、複雑なデータや情報を視覚的にわかりやすく伝えるデザイン手法です。テキストの文字数が多すぎると視覚的な魅力が損なわれ、少なすぎるとデータの文脈が伝わりません。SNS での共有を前提としたインフォグラフィックでは、スマートフォン画面での可読性も考慮する必要があります。本記事では、インフォグラフィックの各要素における推奨文字数と、効果的なテキスト配置のテクニックを解説します。

インフォグラフィックの各要素の文字数

インフォグラフィック全体のテキスト量は、合計 200〜500 文字が理想です。500 文字を超えると「読む」コンテンツになり、インフォグラフィックの「見る」という本来の強みが失われます。

テキストと視覚要素のバランス

効果的なインフォグラフィックでは、テキストと視覚要素 (グラフ、アイコン、イラスト) の比率が重要です。

• テキスト 20〜30%、視覚要素 70〜80%: 最も効果的な比率とされています。テキストは視覚要素を補完する役割に徹します
• 1 セクションあたりの文字数: 各セクションのテキストは 40〜80 文字に抑え、対応する視覚要素と組み合わせます
• 余白の確保: テキストの周囲に十分な余白を確保し、視覚的な圧迫感を避けます。余白はデザイン面積の 20〜30% を占めるのが理想です
• 色とコントラスト: テキストの色は背景とのコントラスト比 4.5:1 以上を確保し、可読性を担保します

SNS 共有を意識した文字数設計

インフォグラフィックは SNS での共有を前提に設計されることが多く、プラットフォームごとの表示仕様を考慮する必要があります。

データの見せ方と文字数

• 大きな数字を目立たせる: 「売上 150% 増」のようなインパクトのある数字は 36pt 以上で表示し、補足説明を 10〜14pt で添えます
• 比較データ: Before/After や A vs B の比較は、各項目 5〜15 文字のラベルで簡潔に表現します
• タイムライン: 年表形式では、各イベントの説明を 15〜30 文字に抑え、時系列の流れを視覚的に表現します
• プロセス図: 各ステップの説明は 10〜25 文字とし、矢印やアイコンで流れを示します

まとめ

インフォグラフィックのテキスト総量は 200〜500 文字が理想で、テキストと視覚要素の比率は 2:8〜3:7 が効果的です。メインタイトルは 10〜25 文字、説明文は 20〜60 文字に抑え、視覚的なインパクトを最大化しましょう。テキストの文字数確認には、文字数カウントスをぜひご活用ください。