書体を選択する際のヒントと考慮事項（インフォグラフィック付き）

公開: 2022-03-11

デザインプロジェクトの書体を選択するのはストレスになる可能性があります。一部の設計者は、デフォルトで、すべてのプロジェクトで使いやすい同じ一握りのフォントを使用します。他の人は、最終的な選択に自信を持てずに、仕事に適した書体を見つけるために何時間も費やします。 50万以上のフォントが存在することを考えると、当然のことです。

正しい書体はデザインを作ることができますが、間違った書体は間違いなくそれを壊す可能性があります。書体の選択をマスターするには、実験と実践の両方が重要です。しかし、書体の選択をより簡単に、より焦点を絞ったものにするために、設計者が心に留めておくことができることがいくつかあります。

範囲

フォントが使用される1つまたは複数のプロジェクトの範囲は、デザイナーが書体を選択するときに最初に考慮すべきことの1つです。スライドデッキなど、限られた範囲でのみ使用されるフォントは、ブランドの視覚的プレゼンス全体で使用されるフォントよりも柔軟性が低い必要があります。

デザイナーは、書体がデジタルプロジェクトにのみ使用されるのか、印刷物にも使用されるのかを検討する必要があります。また、フォントが期間限定で使用されるのか、無期限で使用されるのかについても検討する必要があります。新しいフォントを選択する最初に、書体が使用される可能性のあるすべてのプロジェクトのリストを作成すると役立つ場合があります。

書体を選択するときは、すべてのアプリケーションを考慮してください — 予定。ロゴを含むすべてのブランド資料で1つの書体を使用しています。（Alan Grynbergによるデザイン）

ムード

すべてのプロジェクトにはムードがあります。その気分がフォーマルかインフォーマルか、楽しいか真面目か、モダンかクラシックか、それともまったく別のものか。そして、すべてのプロジェクトのように、すべての書体にはムードがあります。

デザイナーにとって、プロジェクトのムードと、検討している書体がそのムードをどのように強化または衝突させるかを検討することが重要です。たとえば、法律事務所のWebサイトでComicSansを使用すると衝突します。 CrimsonTextやHelveticaのようなものの方がはるかにうまく機能します。

ムードボードは、書体の選択を評価するための良い方法です — ムードボードは、書体の選択がデザインの全体的なムードにどのように適合するかを評価するための優れた方法です。（オリビアマヤによるデザイン）

機能性

すべての書体がすべての重量とサイズで見栄えがするわけではありません。大きいサイズで見栄えのする表示フォントは、小さいサイズでは判読できなくなる可能性があります。本文の小さなサイズで見栄えのする書体は、表示サイズで使用すると、単純すぎたり、つまらなかったりすることがあります。

ただし、一部の書体は、事実上どのサイズでも見栄えがします。設計者は、検討しているフォントを各サイズでテストして、それらのフォントを使用して、読みやすく、UXに悪影響を与えないことを確認する必要があります。

適切な書体の選び方：必要なすべてのサイズで読みやすさを考慮してください — Robotoは、大小両方のサイズで効果的に使用できる多くの書体の1つです。

汎用性

Webでの使用に最適なフォントは、印刷で使用するにはうまく翻訳されない可能性があり、その逆も同様です。低解像度の画面で読みやすくするために特別に設計されたGeorgiaのようなフォントは、BookAntiquaのようなフォントほど印刷作業には適していません。

フォントが単一のプロジェクトにのみ使用される場合は、印刷機能と画面機能のどちらが最も重要かを簡単に判断できます。ただし、複数のプロジェクトで使用される可能性のあるフォントの場合、設計者は、フォントが使用される可能性のあるすべてのメディアで機能することを確認する必要があります。

タイポグラフィスタイル：さまざまな媒体で機能するフォントを選択します — Drop Coのフォントの選択は、印刷デザインとデジタルデザインで機能します。（MarkaNetworkとMustafaAkulkerによるデザイン）

メッセージ

スライドデッキであろうとブランドの視覚的アイデンティティであろうと、プロジェクトのメッセージは、使用するのに最適なフォントを決定するために不可欠です。メッセージが深刻な場合、フォントも深刻である必要があり、その逆も同様です。

間違ったフォントは、ブランドが送信しようとしているメッセージを完全に狂わせる可能性があります。たとえば、歴史社会のWebサイトのデザインにOpen Sansのような現代的なものを使用しても、メッセージは実際には補強されません。 CrimsonTextのようなフォントの方がはるかにうまく機能します。

ブランドのメッセージを補強する書体の組み合わせ — Olivia Palermo Webサイトのフォントは、ブランドのハイエンドでエレガントなメッセージを完全に補強しています。

読みやすさ

読みやすさは、間違いなく書体の最も重要な機能です。タイプはメッセージの伝達に使用されるため、そのメッセージを読み取ることができない場合、書体はその役割を果たしていません。

読みやすさと読みやすさはまったく同じではありません。読みやすさは、フォント内の文字の形を区別するのがいかに簡単かを指します。読みやすさは、その一歩を踏み出し、さまざまな単語を簡単に区別して読むことができることを意味します。

読みやすさと読みやすさの両方が、使用されているフォントのサイズによって劇的に影響を受ける可能性があります。 18ピクセルで見栄えのするフォントは、10ピクセルでは判読できない場合があります。フォントを小さいサイズで使用する必要があることを設計者が知らない限り、これは必ずしも大したことではありません。

書体の特徴：フォントサイズは読みやすさにとって重要です — フォントサイズは、フォントの読みやすさに大きな影響を与えます。

言語

すべてのウェブサイトやデザインプロジェクトが複数の言語に翻訳されるわけではありません。ただし、プロジェクトの開始時に、翻訳の可能性があるかどうかを判断することをお勧めします。キリル文字やギリシャ語などのアルファベットは言うまでもなく、すべての書体が特殊文字（アクセント付き文字など）をサポートしているわけではありません。

ほとんどすべてのプロジェクトで、アクセントやウムラウトなどの拡張ラテン文字を少なくともサポートするために使用されている書体にとって重要です。アクセントがサポートされていないために単語や名前を綴ることができないと、プロジェクトはせいぜいプロフェッショナルではないように見える可能性があります。

書体要素：一部のデザインでは言語サポートが重要になる場合があります — プロジェクトによっては、書体を選択する際に複数の言語のサポートが重要になる場合があります。

スタイル

基本的なフォントスタイルには、serif、sans serif、display、scriptの4つがあります。セリフフォントは、より伝統的でフォーマルなものと見なされることがよくあります（すべてがそうであるわけではありませんが）。サンセリフ書体は、より現代的でミニマリストと見なすことができます。表示フォントは小さいサイズでの使用には適していませんが、外観は大きく異なります。スクリプトフォントは、手書きや書道に似ています。スクリプトフォントと表示フォントはどちらも、主にテキストの短いブロックや見出しやタイトルなどに使用されます。

読みやすさのために、セリフフォントはかつては印刷物でより読みやすいと見なされていましたが、サンセリフフォントは画面上でより読みやすいと見なされていました。しかし、両方のスタイルの最新の書体のほとんどは、特に画面解像度の進歩により、どちらの媒体でもうまく機能します。

デザイナーは、見出しとタイトルに表示フォントとスクリプトフォントのどちらを使用するかを検討し、セリフ書体とサンセリフ書体のどちらがメッセージとプロジェクトのブランドに適しているかを判断する必要があります。これを決定すると、デザイナーのフォントの選択肢が絞り込まれ、最終的な選択を簡単に決めることができます。

書体の選択：セリフ書体とサンセリフ書体の組み合わせ — Obachanは、Webサイト全体でセリフフォントとサンセリフフォントの両方を使用しています。

ブランド

すべてのブランドにはムードとメッセージがあります。書体だけでなく、すべての視覚的要素が一致し、ブランドが一般に提供したい印象をサポートすることが重要です。

ブランドの適合性に基づいて書体の選択肢を絞り込むことは、ブランドを表すキーワードのリストを作成することから始めることができます。そこから、設計者はそれらのキーワードまたは同義語を含むフォントを検索できます。

たとえば、ブランドがフォーマルで伝統的なものである場合、GaramondやCaslonなどのフォントが適しています。ブランドが現代的で最先端の場合、デザイナーはRobotoやRalewayなどを選択する可能性があります。

良い書体の組み合わせは、ブランドのメッセージとムードを強化することができます — Pureskinのインフォーマルなスクリプトフォントとクリーンなサンセリフフォントの組み合わせは、モダンでフェミニンなブランドを強化しています。（MarkaNetworkとMustafaAkulkerによるデザイン）

ライセンス

多くのフォントには、事実上すべての状況で使用できる一般的なライセンスがありますが、そうでないフォントもあります。一部のライセンスでは、1つのメディアまたは別のメディアでのみ使用できます。他の人は販促資料での使用を許可しますが、現在販売されている製品での使用を許可する場合があります。

もう1つの考慮事項は、複数の設計者が1つのプロジェクトで作業している場合、それぞれにライセンスバージョンのフォントが必要になる可能性があることです。設計者は、使用を検討しているフォントのライセンスと、それらのライセンスが課す可能性のある制限を確実に理解する必要があります。

組み合わせ

すべてのフォントが他のフォントとうまく機能するわけではありません。一部の書体は、他の何百ものフォントと組み合わせることができるほどニュートラルです。しかし、他の人はそのような独特の性格を持っているので、適切な組み合わせは限られています。

両方に利点があります。組み合わせが限られていると、設計者が選択できるのは1ダースしかないため、適切な組み合わせをすばやく見つけることができます。しかし、より幅広いオプションを使用すると、将来のプロジェクトでより多くの柔軟性を提供できます。フォントの組み合わせの選択は芸術であると同時に科学でもあり、デザイナーが習得するにはかなりの実験と練習が必要です。

書体の組み合わせ：セリフフォントとサンセリフフォントは一緒にうまく機能します — 複数のサンセリフとセリフ書体を組み合わせることは、ソフィアのお茶のこのパッケージデザインでうまく機能します。（MarkaNetworkとMustafaAkulkerによるデザイン）

大規模なフォントファミリ

RobotoやBaskervilleなど、複数の重みとスタイルを持つ大きなフォントファミリを使用すると、設計者は、どの書体がうまく連携するかを理解するストレスなしに、複雑な活版印刷デザインを簡単に作成できます。一部の大規模なフォントファミリには、セリフバージョンとサンセリフバージョンの両方が含まれているため、設計者はさらに柔軟に対応できます。

ブランドの視覚的アイデンティティのような長期的なプロジェクトでは、フォントファミリが大きいほど汎用性も高くなります。正確なプロジェクトのニーズに基づいて複数のウェイトやスタイルを切り替えることができるため、デザイナーはブランドの確立されたアイデンティティから逸脱することなく、より柔軟に対応できます。

書体要素：大規模な書体ファミリーは、より多様性を提供します — Nimbus Sansのような大規模な書体ファミリーは、デザイナーに多くの多様性を提供します。これは、長期または大規模なプロジェクトで特に役立ちます。

適切な書体を選択する方法

デザインプロジェクトでこれらのヒントを覚えておくと、書体の選択がはるかにスムーズになります。タイプ選択のスキルを磨きたいデザイナーは、有名なブランドや架空のプロジェクトの新しい書体を選択するなど、練習プロジェクトに取り組むことができます。そうすれば、実際のプロジェクトに直面したときに、彼らは自分のスキルと選択に自信を持つようになります。

各プロジェクトの内容を完全に把握することで、設計者はどの書体がそれらのニーズに最も適しているかをよりよく理解できます。プロジェクトの範囲が定義されると、ムード、汎用性、メッセージ、ブランドなどの他の考慮事項によって、デザイナーは最良のフォントを選択できるようになります。読みやすさ、機能、言語サポートなどの他の考慮事項は、設計者がそれらの選択をさらに洗練して、設計作業に最適なフォントを見つけるのに役立ちます。

このインフォグラフィックのPDFバージョンをダウンロードしてください。

このインフォグラフィックをWebサイトに埋め込みます。

•••

Toptal Designブログでさらに読む：

効果的な活版印刷の階層を構築する方法
タイポグラフィの解剖学の複雑さを分析する（インフォグラフィック付き）
読みやすさのための設計– Webタイポグラフィのガイド（インフォグラフィック付き）
書体分類のニュアンスを理解する
ミニチュートリアル–フォントの組み合わせのガイド