※本ページは広告を含む場合があります。

デザイン学習【初心者】

そのフォント適切?デザイン全体の雰囲気やTPOを考えた選び方の極意

この記事は、フォント選びの重要性について書いています。

 

デザイナーは、デザイン全体の雰囲気やTPOに沿ったフォントを選ばなければなりません。

もし、デザインにそぐわないフォントを選んでしまうと、せっかく完成されたデザインも台無しになってしまうほどの破壊力を持ちます。

そのくらいフォント選びは大事!

 

フォント選びを適当に行ってしまうことは、デザイン全体のイメージを崩すことにも繋がるので厳禁です。

 

フォントには、本来持っているイメージがあることはご存知ですか?

まずは、フォントの持つ意味を正しく理解しましょう。

意味を理解したうえで、各場面に適切なフォントの選び方を身につけましょうね。

 

この記事を書いている人

4年制美大卒。デザイナー歴15年。

メーカーのインハウスデザイナーを9年経て、現在までフリーランスとして活動。
当サイト運営にあたり63社のWebデザインスクールを徹底調査しました!

 



スポンサーリンク

 

デザインの雰囲気を壊さないためのフォントの選び方

デザイン全体の雰囲気を崩さないために、フォント選びはとても大事です。

どのような点に気をつけてフォントを選ぶかというと、以下の2つの方法が代表的です。

 

①フォントの持つイメージを理解し、デザインとマッチするフォントを選ぶ
②「可視性」と「可読性」を考えてフォント選ぶ

 

ひとつずつ確認していきましょう。

 

①フォントの持つイメージを理解し、デザインとマッチするフォントを選ぶ

フォントにはそれぞが持つイメージがあり、それらを踏まえたうえで選んでいくことが大切です。

 

ここで代表的なフォントの種類を挙げます。

フォントの種類

それぞれのフォントの持つイメージは、以下の通りです。

①ゴシック体・・・力強い、インパクト、男性的な
②丸ゴシック体・・・かわいらしい、温かみがある
③明朝体・・・高級感、繊細な、女性的な
④POP体・・・親しみやすい、くだけた、子供っぽい
⑤行書体・・・和風、儀式的
⑥楷書体・・・和風、柔らかい

デザイン全体の雰囲気と、フォントが持つイメージがマッチするように、フォントを選ぶようにしてくださいね。

 

②「可視性」と「可読性」を考えてフォント選ぶ

見やすい文字のことを「可視性が高い文字」
読みやすい文字のことを「可読性が高い文字」

と言います。

 

一般的には、

ゴシック体は、可視性が高い文字
明朝体は、可読性が高い文字

とされています。

例えるならば、中刷り広告などで見かける「見出し」は人の目に飛び込んで来やすいよう、可視性を考慮してゴシック体が使用されていることが多いです。

書籍や雑誌の本文は、読者が長時間文章を読んでも疲れにくく読みやすいように、可読性を考慮して明朝体が多く使われています。

このように、文字を読む側の立場に立ってフォントを選ぶこともあります。

 



スポンサーリンク

 

 

デザインにおけるフォント選びの具体的な注意点

①フォントの持つイメージを理解し、デザインとマッチするフォントを選ぶ
②「可視性」と「可読性」を考えてフォント選ぶ

 

これらのポイントを押さえたうえで、フォントをデザインに取り入れる際に、具体的にどのようなことに注意しながら選んだら良いか見ていきましょう。

 

①書体の持つイメージやTPOに合わせて使い分ける

フォントを変えることで、デザイン全体のイメージがガラッと変わることがあります。

 

例えば、工事現場に貼ってある「立ち入り禁止」の張り紙を例にとってみましょう。

POP体などの砕けた文字で注意事項が書かれていたら「立ち入り禁止」という文字の緊張感が伝わって来ません。

行書体で注意事項を書かれると、ちょっとしたホラーにもなり兼ねないイメージが含まれてしまいます。
(←仮に神社仏閣での立ち入り禁止の張り紙だとしたら、厳かな雰囲気も演出できるので行書体もアリですね。)

 

POP体のフォントを使うと「くだけた印象」の立ち入り禁止POPになる

行書体のフォントを使うと「怖い印象」の立ち入り禁止POPになる

 

 

ここでの正解は「ゴシック体」ではないでしょうか。

TPOにあった立ち入り禁止POP

ゴシック体は、可視性も優れているので遠くからも一目瞭然。
力強いイメージもあるため、緊張感も伝わってきます。

 

 

②読み手側の立場に立ってフォントを選ぶ

空間全体の雰囲気を掴みながらフォントを選ぶことも大事ですが、場合によっては「読み手の目線に立ったフォントを選ぶ」ことも大切です。

その時、注意すべきポイントは「可視性」と「可読性」に着目することです。

 

すでに説明しましたが、

ゴシック体は、可視性が高い文字
明朝体は、可読性が高い文字

とされています。

 

例えば、化粧品のパッケージをデザインするとしましょう。

目立たせたい商品名やキャチコピーなんかは一目で情報が見やすい「ゴシック体」などが適切で、パッケージ内の商品説明や注意事項など、読者に読んでほしい文字は「明朝体」が適切です。

 

その他にも、商品を買った人が見るツールなのか、看板やポスターなど不特定多数の人に見られるツールなのかでも、「可視性」と「可読性」の重要度の比率が変わってきます。

状況や場所によって、フォント選び方を変えるのがポイントです。

 

しかし、デザイン性を重視して、「可視性」「可読性」を気にせずフォントを選ぶ場面も多くあります。

その場合は、フォント以外のデザインの部分に気を使い、デザイン性を高めていくテクニックが必要なので、デザイナーの腕の見せ所にもなります。

 

 

③フォントを変えすぎない

いろんな種類のフォントを多様すると、紙面(画面)全体がごちゃごちゃして読みづらくなってしまうので注意をしてください。

目安として、フォントの種類は3種類くらいになるように構成してください。

フォントを3種類使用

・タイトルと見出し(→ゴシック体)
・本文(→明朝体)
・女の子の吹き出し(→POP体)

3種類に分けた例です。

 

フォントを1種類だけ使用

もしフォントを一種類しか使用しなかったら、全体的な統一感はあるかもしれませんが、面白みに欠けるますね。
デザイン全体のメリハリが、少ないようにも見受けられます。

 

フォントを多用

いろんな種類のフォントを多用した場合、見にくさは一目瞭然。

完全にごちゃごちゃしたデザインになっています。
どこから読んでいいか、読み手側も混乱して読みづらいです。

 

以上のことから、フォントの種類を多用しすぎても読みづらいし、フォントを1種類だけしか使わなくても画面全体にメリハリがなく読みづらい…という結果になってしまいます。

適度に、フォントの種類を変えることが大切です。

 

④文字を小さくしすぎない

文字を小さくしすぎると、読む方も一苦労です。

フォントの大きさにも注意しましょう。

私は紙面の場合だと、一番小さい文字は6〜8ptくらいにしています。

ただし、6ptは本当に小さくて印刷で潰れてしまう可能性もあるので、滅多に行いません。
どうしても文字が入らない時や、そんなに読ませる必要のない文字などは6ptに設定をすることがあります。

 

いずれにしろ、読む側の目線に立って考え、読みやすいフォントサイズにするよう心がけることが大切です。

 

また、文字の大きさをすべて均一にしすぎると主張したい箇所が分からないデザインになってしまうので、文字サイズもある程度はメリハリをつけるようにしましょう。

デザインにメリハリをつける大切さは、こちらの記事でも書いているのでご確認くださいね。

こちらもCHECK

【脱】初心者デザイン!クオリティ向上のための4つのテクニック

続きを見る

【脱】初心者デザイン!クオリティー向上のための4つのテクニック



スポンサーリンク

 

 

まとめ

フォントには本来持っているイメージがあって、そのイメージをデザイン全体やTPOに合わせて選ぶ必要があります。

さらに細かく言うと、ゴシック体の中でも「ヒラギノ・小塚・新ゴ」などたくさんのフォントの種類があります。

同じゴシック体でも、それぞれが持つフォントの印象は違うので、さらに詳細に選ぶ必要があります。

 

自分が作りたいデザインにマッチするようなフォント選びは簡単なようで難しいかもしれませんが、フォントひとつでデザイン全体の印象がガラッと変わります。

フォント選びは、デザインを決め込んで行くうえで大切な行程のひとつということを、忘れないでくださいね。

いろんなフォントに触れて、試してみてください。

 

スポンサーリンク



最大70%割引になるWebデザインスクール厳選

Webデザインスクールの受講料金が70%も安くなる裏技を知りたい方はこちらの記事へ

記事本編はこちらから

   

グラフィック・Webデザイナー向けの転職サイト8選はコレ!

グラフィックデザイナー・Webデザイナー向けのおすすめ転職サイト・転職エージェントを比較しながら詳しく解説しています!

記事本編はこちらから

   

学び方〜仕事の探し方まで!未経験からデザイナーになるための完全ガイド

デザインまったくの未経験者が、プロのデザイナーになるまでのステップを詳しく丁寧に徹底解説しています。

記事本編はこちらから

   

長時間労働?人間関係?みんながデザイナーを辞めたくなる3つの理由

「デザイナー辞めたい!」一度は考えたことありませんか? そんなデザイナーの不平・不満を調査してみました。 デザイナーのみなさんならこの苦労を分かち合えるはずです!

記事本編はこちらから

   

Webデザインを安く勉強できるオンラインスクール厳選

Webデザインを勉強したい方に向けて、価格や授業内容を比較しながら、おすすめできるオンラインスクールをまとめてご紹介しています。

記事本編はこちらから

© 2024 デザイナーの道しるべ