プレゼン資料のフォント・配色の基本ルール|センス不要の選び方
「なんか素人っぽい」と言われるプレゼン資料の多くは、フォントと配色の問題です。センスがなくても、このページのルールを守るだけで整ったスライドが作れます。おすすめのフォント・配色の組み合わせも紹介します。
なぜフォント・配色でプロ感が変わるのか
NG: 多色・バラバラ
OK: 3色・統一感
人は資料を見た瞬間(0.1秒以内)に「プロっぽい/素人っぽい」を判断します。この判断に最も影響するのがフォントと配色の統一感です。内容が良くても、フォントがバラバラ・配色が乱れていると「信頼性が低い」という印象を与えてしまいます。
逆に、フォントを2種類に統一し、配色を3色に絞るだけで「整った・信頼できる」印象に変わります。センスは関係ありません。ルールを守るだけでプロっぽいスライドが作れます。
内容の作り方は、プレゼン資料の作り方基本|伝わるスライドの7つの原則で詳しく解説しています。
フォントの基本ルール
フォント選びで迷わないための基本ルールは「フォントの種類は2つまで、サイズは3段階で統一」です。これを守るだけで、フォントによるノイズがなくなります。
日本語資料は「Noto Sans JP」一択
Googleが開発した無料フォントで、PowerPoint・Googleスライド・Keynote全てで使えます。ウェイト(太さ)が7段階あり、「見出し: Bold(700)」「本文: Regular(400)」の2ウェイトだけで整ったスライドが作れます。
英数字は「Inter」または「Roboto」を組み合わせる
日本語フォントで英数字を表示すると、字間・字形が最適化されていないことがあります。英数字(数字・アルファベット)のみInterかRobotoを適用すると、データや数字が読みやすくなります。
フォントサイズは3段階で統一
見出し(H1相当): 28〜32pt、本文: 18〜20pt、注釈・補足: 14〜16pt。この3段階を守るだけで、情報の階層が視覚的に整理されます。14pt以下のフォントはプロジェクター投影で読めなくなるため使わないでください。
フォントサイズの目安(フルHD 1920×1080のスライド)
配色の基本ルール
プレゼン フォント 配色 ルールの中で、配色は「3色以内」が鉄則です。メインカラー・アクセントカラー・ベースカラーの役割を明確にすることで、視覚的な整理がつきます。
メインカラー(ブランドカラー)
見出し・枠線・グラフの基本色として使います。自社のブランドカラーが決まっている場合はそれを使用。ない場合は「紺(#1e3a5f)」「ネイビーブルー(#2563eb)」「ダークグリーン(#047857)」が汎用性が高いです。
アクセントカラー(強調色)
「最も見せたい数字」「重要なキーワード」に絞って使います。使用箇所は1スライドに1〜2箇所まで。オレンジ(#f97316)・赤(#ef4444)・イエロー(#eab308)などメインカラーと補色関係にある色が目を引きます。
ベースカラー(背景・余白色)
白(#ffffff)か薄いグレー(#f8fafc)が基本。チャコール系の背景(#1e293b)も落ち着いた印象を与えます。背景と文字のコントラスト比は4.5:1以上(WCAG AA基準)を守ると読みやすくなります。
背景色の選び方
ほとんどのビジネス資料では白(#ffffff)が最も安全です。メールで送られた際に印刷される可能性がある場合は白背景+黒系テキストが印刷コストを抑えられます。ダーク背景を使う場合はプロジェクターの輝度が十分あるか事前に確認してください。
NG例と改善例
明朝体・毛筆系フォントを使う
印刷物には向いていますが、プロジェクター投影では細い線が潰れて読みにくくなります。プレゼン資料はサンセリフ系(ゴシック体)一択です。
改善: Noto Sans JP、游ゴシック、ヒラギノ角ゴに変更
4色以上の配色を使う
色が増えるほど「どこが重要かわからない」状態になります。特に赤・青・緑・黄を全部使うと、子供向けのチラシのような印象になります。
改善: メイン1色+アクセント1色+ベース1色の3色に絞る
文字に影をつける
テキストに影(ドロップシャドウ)をつけると文字の輪郭がぼやけ、小さいサイズでは読みにくくなります。プロジェクター投影では特に劣化します。
改善: フォントウェイトを Bold に変え、文字サイズを上げる
白文字×薄い背景色の組み合わせ
コントラストが低すぎると、プロジェクターや画面の輝度・角度によっては全く読めなくなります。特に黄色背景×白文字は危険な組み合わせです。
改善: 白文字は濃い背景色(紺・ダークグレー)にのみ使用
すぐ使えるフォント・配色の組み合わせ3選
定番ビジネス(紺×オレンジ)
最も安全でプロフェッショナルな印象を与える組み合わせです。BtoB営業資料・社内プレゼンどちらにも使えます。
モダン(ダークグリーン×ライム)
スタートアップ・IT系・環境関連の資料に合います。落ち着きと活力のバランスが取れた組み合わせです。
シンプル(チャコール×プライマリ)
色に迷ったら最もリスクが低い選択肢です。テキスト中心の資料や、スライドをメールで送る場面に向いています。
フォントの詳細設定はどのツールでも共通です。営業資料のデザインについては、営業資料のデザインをプロっぽく仕上げる7つのコツもあわせてご覧ください。
まとめ
プレゼン フォント 配色 ルールのポイントをまとめます。
- フォントは2種類(日本語: Noto Sans JP、英数字: Inter)
- フォントサイズは3段階(見出し28〜32pt / 本文18〜20pt / 補足14〜16pt)
- 配色は3色(メイン+アクセント+ベース)
- アクセントカラーは1スライド1〜2箇所のみ
- 3D・影・低コントラストのNG例を避ける
スライドの情報量を減らす方法は、スライド1枚に情報を詰め込みすぎない方法もあわせてご覧ください。