フォント選びの基本

記事
デザイン・イラスト
フォント選びに迷った経験ありませんか?
また、何となくで選んではいませんでしょうか?

フォント選びも、デザイン同様目的に合わせて
選んでみましょう!


フォントは大きく分けて「和文フォント」と「欧文フォント」があります。


■和文フォント
 明朝体、ゴシック体、丸ゴシック、デザイン書体など
 明朝体:上品で信頼感
 ゴシック体:カジュアル、力強さ
 丸ゴシック:柔らかさ

■欧文フォント
 セリフ体、サンセリフ体、スクリプトなど
 セリフ体:伝統的で上品
 サンセリフ体:現代的で視認性が高い


読みやすさで選ぶ(最優先!)


①視認性
 どんなサイズでも文字がつぶれず読み取れる
 (例:ゴシック体、サンセリフ体)
②可読性
 長文でも疲れずに読み続けられる
 (例:明朝体)
③判読性
 似た文字(Oや0など)がはっきりわかるかどうか。


フォントの与える印象で選ぶ


どんな雰囲気を出したいかによっても選び方が変わります。

男性的/力強い → 太く角張ったゴシック
女性らしい/繊細 → 線が細く明朝体風
かわいくポップ → 丸ゴシック
歴史感/伝統的 → 毛筆・楷書風
都会的な洗練感 → シンプル
ナチュラル・やさしい→ 手書き風
楽しく遊び心 → 個性的フォント


おすすめフォント

まずは、ベーシックなゴシック体から見ていきましょう。
Webデザインでは、ディスプレイでの可読性が高いため、
ゴシック体が多く使用されています。

ヒラギノ角ゴシック
カッチリとした安心感のある読みやすい書体です。

游ゴシック
ヒラギノ角ゴと比べると少し字面が小さく、ゆったりとして上品な印象。

Noto Sans JP
少し丸みのある優しい字形で、可読性も優れています。

筑紫ゴシック
とても美しく、ゴシック体にある直線的な印象になりすぎない、どこか上品で温かみが感じられるフォントです。


続いては明朝体です。
縦線にくらべて横線が細いのが特徴のフォント。
目が疲れにくく、小説などの長文に適していると言われています。
Webデザインでは、高級、和風、真面目などの印象を与えるフォントとして採用することがあります。

筑紫明朝
品の良い形でインクで書いたようななめらかさが特徴です。読みやすいのに美しいです。

さわらび明朝
明朝体ではあるものの、程よい太さがあるので安定感があり、読みやすいです。

ヒタギノ明朝
スマートなベーシック書体なので、良い意味でクセが無使いやすいくフォントです。

秀英明朝
目に優しい黒みを備えつつ、明るく整った落ち着いた雰囲気のフォントです。



フォントは使いすぎに注意
一つのページに多くにフォントをまぜてしまうと、
まとまりがなく、また読み手もストレスになってしまいます。

基本は1~2種類に抑えましょう。

見出しは強調できるフォント。
本文は文字数が多い部分は、読みやすいフォントにするなど、

だけでも十分メリハリや統一感が出ます。


まとめ

最優先は視認性を重視しましょう。
今一度、読む側の立場になることが大切です。

次に、フォントの与える印象をよく理解し、
与えたい印象に合っているかなど、
目的に合ったフォント選びを意識しましょう。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら