フォント選びのおつまみ。～文字にも「TPO」がある！？～

デザイン事業部「アトリエ∞（インフィニティー）」所属、グラフィックデザイナーのwachico.（わちこ）です。

今回の「おつD」は、デザインにおけるより実践的な「フォント選び」のテクニックについてです。

同じ言葉なのに、使うフォントが変わるだけで、なんだか印象まで違って見える……、そんな経験はありませんか？

たとえば、「秋の読書フェア」という同じ言葉でも、細めの明朝体で組めば落ち着いた雰囲気に、太めのゴシック体なら元気で目立つ印象に見えてきます。

代表的な書体の比較図　※ChatGPTによる生成

＜プロンプト＞
図版①：同じ「秋の読書フェア」という文字を、明朝体・ゴシック体・丸ゴシック体・デザイン書体で比較 — 代表的な書体の比較図　※ChatGPTによる生成

やわらかな丸ゴシック体なら親しみやすく、個性的なデザイン書体なら、ぐっと世界観を強く見せることもできます。

過去の記事では、明朝体とゴシック体の違い・文字組み・記号・約物……といった、文字にまつわる「基本」の要素をご紹介してきました。

■参考：文字に関する過去記事

文字組みのおつまみ。

制作チーム「アトリエ∞（インフィニティー）」所属、グラフィックデザイナーのwachico.（わちこ）です。今回の「おつD」、テーマはずばり「文字組み」についてです！グラフィック（DTP）デザイナーの必修科目と言っても過言ではない知識ですが、…

記号・約物のおつまみ。

制作チーム「アトリエ∞（インフィニティー）」所属、グラフィックデザイナーのwachico.（わちこ）です。今回の「おつD」は、よく見るけど何て呼ぶのかいつも分からない「アレ」のお話です。デザイン業界はもちろんのこと、文章校正において「知らな…

今回はそこから少しステップアップ！

「実際のデザインでは、どんなフォントを選べばいいの？」という実践寄りな今回のテーマ。皆さんも一緒に悩みつつ、適切なフォントの選び方について考えてみましょう！

■YouTubeチャンネルはこちら！

■姉妹サイト（デザイン事業部 Webサイト）はこちら！

たとえば明朝体は、細い横線と太い縦線のメリハリがあり、落ち着きや上品さ、伝統的な雰囲気を感じさせやすい書体です。小説や新聞などといった長文（文章の密度が高いもの）を読んでも、比較的目が疲れにくいとされており、よく用いられます。

一方、ゴシック体は線の太さが比較的均一で、はっきりと見えやすく、力強さや現代的な印象を出しやすい特徴があります。大半は線に強弱がなくほぼ一定の太さなので、遠くからでも読み取りやすかったり、視力が弱い・視覚障がいを持つ方でも視認しやすいところもポイントです。

丸ゴシック体なら角が丸いぶん、やさしく親しみやすい雰囲気になります。

さらに手書き風やレトロ風などの「デザイン書体」を使えば、それだけで個性的な世界観を演出することもできます。

ここで大事なポイントは、

「明朝体なら必ず・・高級に見える」
「丸ゴシックなら必ず・・かわいく見える」

などといった定番の選び方があるように見えて、変化球なアプローチもまた無数に編み出せる。この匙さじ加減が難しい！

文字の太さや大きさ・色・周囲の写真やイラストなどの選び方ひとつで、デザインの与える印象は大きく変わります。

まずは覚えておきたいこととして、フォントは単体で見るのではなく、デザイン全体の中で「どんな雰囲気を作りたいか？」を考えながら選ぶこと。ここがキモですね。

↑もくじに戻る↑

【「誰に見せる？」から考えてみよう！】

フォント選びで迷ったときは「自分が好きなフォントはどれ？」ではなく、

「これは『誰に』見てもらうデザインだろう？」

と考えるのが基本です。ちなみにこういった、デザインや商品を「どの対象に向けて作るか？」という考えそのもの・該当する客層を、専門用語で「ターゲティング（ターゲット）」と呼びます。

話を戻しまして。たとえば、同じ「秋のイベント開催！」というお知らせでも、状況（内容やターゲット）によって相応しい文字は変わってきます。

同じ「秋のイベント開催！」を、子ども向け・美術館・地域のお祭り・ホテル向けの4種類で比較。
ちなみに「セリフ系」は「明朝体」とほぼ同義だと思って下さい。
※ChatGPTによる生成

＜生成プロンプト＞
図版②：同じ「秋のイベント開催！」を、子ども向け・美術館・地域のお祭り・ホテル向けの4種類で比較 — 同じ「秋のイベント開催！」を、子ども向け・美術館・地域のお祭り・ホテル向けの4種類で比較。
ちなみに「セリフ系」は「明朝体」とほぼ同義だと思って下さい。
※ChatGPTによる生成

子ども向けのイベント→親しみやすく、元気な文字
美術館の展覧会→落ち着いた、明朝体や細めの書体
地域のお祭り→力強く、にぎやかな文字
高級ホテルの秋フェア→上品で、余裕を感じさせる文字

このように、伝える内容が同じでも「誰に」「どんな印象で」届けたいのか？　によって、選ぶフォントは変わってきます。

とすると……フォント選びは、洋服選びと少し似ているのかも？

普段着・仕事着・パーティー用の服……。服装にTPO（時・場所・場合による配慮）やドレスコードがあるように、文字にもまたTPOがある、ってことです！

↑TOPに戻る↑

フォントは、たくさん使えばいいワケじゃない！

デザインソフト（Illustrator・Photoshop他）やOffice系ソフトなど、何かしらのアプリケーションを開くと、たくさんのフォントが並んでいますよね？

正確には「パソコンにプリインストールされていたフォント（＝OS標準フォント）」や「パソコンに直接インストールしたフォント」「『Adobe Fontsアドビフォンツ』等のフォントサブスクリプションサービスでインストールしたフォント」等々、パソコンの中に収められている（またはクラウド経由で一時的に保存している）フォントがまるっと表示されているのですが。

さて、ここでちょっと箸休めに余談でも。

皆様は、ご自身の使うパソコンに一体いくつのフォントがインストールされているか、考えたことってありますか？　私も気になって、ChatGPTさん全面協力のもとザッと調べてみることにしました。

その方法は難解に見えて、至ってシンプル。

「Python（パイソン）」というプログラミング言語を使ったコマンド実行例。
画面上に「Hello World」とテキストを表示させるだけの、シンプルなコマンドです。

まずMacOSには、標準で「ターミナル」というCUI（キャラクターユーザーインターフェース）ソフトが標準搭載されています。これに意図するプログラムを書くことでパソコンを動かすんですが……大丈夫。自分でプログラミングが出来ずとも、今はAIがあるじゃないか！

実際に自分でやるのは、まあざっくり言うと……「ターミナル」のウィンドウに、ChatGPT（Geminiなど他のAIでもOK）で生成した「実行ファイル（今回の例ではSwiftスウィフト）」をドラッグ&ドロップする（「実行ファイルの中に書いた通りにお仕事してね」という操作）だけ！

後はMac側が実行ファイルの指示通り、インストール済みフォントの情報を取得して整理・分類。結果を別途テキストファイルに「フォント棚卸しリスト」として書き出してくれる……という寸法。

プログラミングの辺りは余談の余談なんで、まあスルーしてもらって構いません。
　結論。複雑怪奇なコーディングなぞ、AIに丸投げでヨシ。

■Swift（スウィフト）って何？
　Appleが2014年に発表した、iPhone（iOS）やMac（macOS）などのアプリを作るためのプログラミング言語のこと。
　初心者でも学びやすいモダンで分かりやすい構文と、高速な処理性能を持っている……らしい（知識皆無）。

■CUIとGUIの違い
　上述した「ターミナル」では、プログラミング言語などの「テキストだけ」でコンピュータに直接指示を出します。こういった仕組みを「CUI（キャラクターユーザーインターフェース）」と呼びます。
　Windowsで言う「コマンドプロンプト」とほぼ同じもの……だとか（知識皆無その2）。
　対して、私たちが普段使っているコンピューターでは「GUI（グラフィカルユーザーインターフェース）」を採用しています。マウスや画面上のアイコンをクリックやドラッグで動かしたりする、直感的な操作ができるのがGUIの特徴です。

ともあれ、こちらが筆者の所持フォント解析結果！

フォント総数、驚異の（？）1844種!!　ファミリー数は1000行かないくらいでしたね、なんか惜しい気がする。

なおフォント数は単純に選べるフォント（スタイル）の総数で、ファミリー数というのはフォントの種類数のこと。
　例えば「フォントファミリーA」という名称のフォントに「レギュラー（普通）」「ボールド（太字）」「イタリック（斜字）」という3つのスタイルがあったとしますと、フォント数は3・ファミリー数は1、とここではカウントされます。