フォント選びの「正解」とは
フォントには好みがありますが、デザインにおけるフォント選びには明確な基準があります。
良いフォント選びとは、「このフォントが好き」ではなく「このフォントがターゲットに最も伝わる」で決めることです。
色選びと同じ考え方ですね。デザインはすべて「相手に伝える」ための手段です。
何を伝えたい? 信頼・高級感・知的 親しみ・モダン・カジュアル 明朝体 / セリフ ゴシック / サンセリフ 媒体は? 紙の長文 → 明朝体 Webの本文 → ゴシック体
フォント選びのフローチャート
フォント選びの3つの基準
1. 目的で選ぶ
目的 | おすすめ | 理由 |
|---|---|---|
読ませたい(長文) | ゴシック体(Web)/ 明朝体(紙) | 可読性が高い |
信頼感を出したい | 明朝体 / セリフ体 | 格式・知的な印象 |
親しみを出したい | 丸ゴシック | やわらかい印象 |
インパクトを出したい | 太いゴシック / ディスプレイ体 | 目を引く力が強い |
高級感を出したい | 細い明朝体 / セリフ体 | 繊細で上品な印象 |
2. ターゲットで選ぶ
- ビジネス向け:ゴシック体がベース。堅実な印象のフォント(Noto Sans JP、游ゴシック)
- 女性向け:細めのゴシックや丸ゴシック。欧文はセリフ体も効果的
- 子ども・ファミリー向け:丸ゴシック、太めの文字。読みやすさ最優先
- 高齢者向け:大きめサイズのゴシック体。太すぎず細すぎないウェイト
3. 媒体で選ぶ
- Webサイト:ゴシック体(サンセリフ)が基本。Webフォントを使う場合は表示速度も考慮
- 印刷物(チラシ・書籍):明朝体の可読性が活きる。ゴシック体も見出しに効果的
- プレゼン資料:遠くからでも読めるゴシック体。太めのウェイトが見やすい
- SNS投稿:ゴシック体が基本。インパクトが必要な見出しにはディスプレイ体も
フォントの組み合わせルール
フォントは2種類まで、というのが基本ルールです。その組み合わせ方にもコツがあります。
王道の組み合わせ
見出し | 本文 | 印象 |
|---|---|---|
太いゴシック体 | 細いゴシック体 | モダンでクリーン |
明朝体 | ゴシック体 | メリハリがあり知的 |
ディスプレイ体 | ゴシック体 | インパクトと読みやすさの両立 |
避けるべき組み合わせ
- 似すぎているフォントの組み合わせ:ヒラギノ角ゴと游ゴシックなど、似たフォント同士はコントラストが生まれず、「間違えたのかな?」と思われます。
- 個性的なフォント同士の組み合わせ:手書き風フォント×デザインフォントのように、どちらも主張が強いと喧嘩します。
Bad
見出しテキスト
本文テキストです。似たフォント同士だとコントラストが生まれません。
似すぎ:ヒラギノ角ゴ + 游ゴシック
Good
見出しテキスト
本文テキストです。明朝体の見出し+ゴシック体の本文でメリハリが出ます。
好相性:明朝体(見出し)+ ゴシック体(本文)
無料で使えるおすすめフォント
フォント名 | 分類 | 特徴 |
|---|---|---|
Noto Sans JP | ゴシック体 | Googleが開発。ウェイトが豊富で万能 |
Noto Serif JP | 明朝体 | 上品でクリーン。Webフォントとしても使える |
M PLUS 1p | ゴシック体 | やわらかい印象。7ウェイト |
Zen Maru Gothic | 丸ゴシック | 親しみやすい。子ども向けにも |
Inter | サンセリフ | UI向き。可読性が非常に高い |
まとめ
フォント選びに悩んだら「誰に・何を・どこで」を確認する。この3つが決まれば、フォントは自ずと絞られます。
次の記事では、選んだフォントを実際に「組む」テクニックを学びます。行間、字間、揃え方。フォント選びの次に大事な「文字組み」の技術です。
この章の記事
- タイポグラフィとは ― 文字もデザインの一部
- 文字の種類とフォントの基本 ― ゴシック・明朝・セリフ・サンセリフ
- フォントの選び方 ― 目的に合った書体を選ぶ
- 文字組みのテクニック ― 読みやすさを設計する
デザインを仕事にしたい方へ
副業でデザインを始めたい、未経験からデザイナーに転職したい。そんな方に向けた個別相談を行っています。現役デザイナーがキャリアや学び方についてお答えします。
無料で相談する