このフォント選び、どっちが正解？フォントを上手に使うセンスを磨いておこう

現場で使えるデザインセンスを、2択クイズで身に付ける「デザインクイズチャレンジ」。

デザイナーのベーコンです。

今回、私は「デザイン内のフォントの組み合わせ」についてのクイズを出題します。

早速ですが、クイズです。

以下の3つの作例を見て、AとB、あなたはどちらの「フォントの組み合わせ」がよいと感じますか？

1問目「イベントポスター」（難易度★）

イベントポスターのフォントの組み合わせ、バランスがよいのはどっち？

2問目「プレゼンテーション資料」（難易度★★）

文章多めのプレゼンテーション資料のフォントの組み合わせ、訴求したいメッセージの世界観に合っているのはどっち？

3問目「セミナー集客用のバナー」（難易度★★★）

セミナー集客用のバナー内のフォント、洗練されているのはどっち？

いかがでしたか？

私が考える答えは……

1問目の答え：B

2問目の答え：A

1．むやみにフォント数は増やさない

では、1問目から振り返っていきます。

1問目の作例の違いは、使われているフォントの数です。

フォントは特別な理由がない限り、絞ったほうがよいです。

似ているフォントだからといって、何気なく使ってしまうと、デザインの統一感がなくなり、洗練性が失われてしまいます。

作例AはBに比べて、多くのフォントが混在してしまっており、散漫な印象です。

そのため、私は作例Bを良しとしました。

あらためて、それぞれの作例でどんなフォントが使われていたのかを見てみましょう。

初心者の方にありがちなのが、年号や日時などの数字のフォントを何となく変えてしまうケースです。

英数字のフォントはバリエーションが豊富なため、「せっかくだから色々なフォントを使ってみよう」という考えで、フォントを変える人がいらっしゃいます。

フォントを変える際には明確な理由が必要です。

例えば一問目の作例では、作例AとBともに、「Free Live」という文字に手書き風フォントを割り当てています。

なぜ、「Free Live」という言葉に手書き風フォントを割り当てたかというと、言葉の意味のとおり「無料のライブ」「自由なライブ」といった、ある種の緩さを実現したいと考えたためです。

つまり、この手書き風フォントは「Free Live」という言葉を引き立てるための必然性をもって選ばれています。

しかし、作例Aの「2029」や日時情報については、他のフォントに変更する理由が特にありません。

むしろ、他のフォントを使うことで、情報が散漫な印象を与えてしまっています。

ポスターやチラシは、伝えたい情報がしっかりと伝わることが大切です。

複数のフォントを使いたい場合は、以下の3つに抑えることをオススメします。

1. メインフォント
2. サブフォント（補足情報に使う）
3. アクセントフォント（強調したい箇所に使う）

デザインの9割をメインフォントで構成し、残りの1割でサブフォントやアクセントフォントを使うイメージです。

もちろん、以下の作例のように、あえてフォントを多く使うことで、遊び心のあるデザインを表現するケースもあります。

とはいえ、繰り返しお伝えするとおり、ポスターやチラシは伝えたい情報がしっかりと伝わることが最重要です。

遊び心があり過ぎて情報の視認性を損ねていないかは、常に気を配りましょう。

2．世界観や訴求したいメッセージに合ったフォントを選ぶ

続いて、2問目の振り返りです。

2問目の作例の違いは、見出しの下にある文章のフォントの違いです。

作例Aのフォントは見出しと同じゴシック体ですが、Bは明朝体となっています。

この作例の場合、私は「A」を正解とします。

なぜなら、このポスターで訴求したいのは「学びのカジュアルさや楽しさ」であるため、作例Bの明朝体だと、訴求の方向性とズレてしまうためです。

明朝体は伝統や上品さ、知的さを印象付けるフォントです。

そのため、この作例での使用はミスマッチだと判断しました。

フォントは文章の「服装」のようなものです。

その文章のテイストに合った服装を選ぶような感覚で、フォントを選びましょう。

3．フォントの個性を活かす

最後に3問目の振り返りです。

3問目はとても細かな違いでしたが、わかりましたか？

実は作例AとBでは、時刻の「21:00」のフォントが異なります。

（「2」の数字に注目していただくと、違いに気づきやすいです）

3問目での私が選ぶ正解は「A」でした。

作例AとBともに、日付や曜日では「Helvetica（ヘルベチカ）」が使われていますが、Bの場合、別のフォント「Futura（フーツラ）」が混じってしまっています。

上記のようなデザインでは、あえて別のフォントを使う理由がありません。

ここで、両者のフォントの違いを見てみましょう。

まとめ：フォント選びのセンスを磨くためのポイント

今回はデザイン内のフォントの組み合わせに関するクイズと、デザインテクニックを取り上げました。

最後に今回のノウハウのまとめです。