フォントの選択とペアリングのベストプラクティスは何ですか?


69

私はいつもフォントの選択が少し謎だと思ってきました。フォントを選択する際に考慮すべき要素は何ですか?2つのフォントをデザインにうまく組み込むにはどうすればよいですか?

いくつかの要因には次のようなものが含まれることに気付きました。

  • 読みやすさ
  • 拡張性
  • 適切性/気分/感情

しかし、読みやすさや妥当性をどのように客観的に判断するのでしょうか?フォント選択に適用できる客観的な原則はありますか?可能であれば、回答にリソースまたは例を記載してください。異なるフォントの有効性に焦点を当てた研究も非常に有用です。

回答:


44

Smashing Magazineには、書体の組み合わせに関する非常に優れた記事あります

  • サンセリフのタイトルタイプとセリフのボディタイプを一致させてみてください
  • 同様の分類を避ける(2つのスラブ書体または2つの要約書体を使用しないでください)
  • 各書体/フォントに異なる役割を割り当てます
  • コントラストのフォントの太さ
  • さまざまな活版印刷の色を作成する
  • 気分を混ぜないでください
  • ニュートラルとは異なるコントラスト(別の独特なフォントではなく)
  • バラバラすぎる組み合わせ(幅の狭い組み合わせなど)は避けてください
  • 物事をシンプルに保ちます(2つの書体を試してください)
  • 可変サイズ

23

フォントをペアリングする際に私が心に留めておくべきことはこれです:2番目のフォントは何か違うことを言っていますか?

答えは、必ずしもフォントをペアにする必要があるかどうかを決定するわけではありませんが、非常に重要です。多くの場合、デザインに別のフォントを追加しても、不必要な複雑さと忙しさ以外に何も追加されません。また、使用しているフォントが変更を保証するのに十分なほど異なっていることも重要です。2つのフォントの外観が似ていると、見栄えが悪くなり、何も追加されません。

フォントが特定のスタイルまたは期間に非常に基づいている場合、認識可能な別の期間のフォントとペアにすることはよくありません。中立的なフォントは、カウンターポイントとしてより適切に機能します。


16

明らかなルール(長いテキストに使用する場合は読みやすい、デザインの他のテーマに合わせる必要があるなど)以外に、フォントを選択するための厳しいルールはありません。フォントの選択とは、デザインの残りの部分(およびデザイン内の他のフォント)に美的に合うものを選択し、読みやすさで読者を引き付け、何よりも読みやすくすることです。もちろん、Webフォントの場合、適切な数の読者がフォントをインストールしていることも重要です。これにより、選択が制限されます。

フォントのペアリングに関しては、絶対に固定されたルールがあります。通常、モッシュをTimes New Roman に入れたくないと思いますが、常に例外が存在する可能性があります。

フォントの選択に関するI Love Typrographyの記事を読むことをお勧めします。

http://ilovetypography.com/2008/04/04/on-choosing-type/


12

タイポグラフィを理解することは、グラフィックデザインで成功するために不可欠です。素晴らしいタイポグラフィの最初のステップは、適切な書体を選択することです。コンテンツの性質を念頭に置き、視聴者をターゲットにする場合にのみ、適切な書体を選択できます。フォントを選択して使用するための5つのガイドラインを次に示します。

1.伝えたい気分は?

プレゼンテーション、ウェブサイト、または書籍のレポートを設計していますか?伝えたい気分は?

書体を選ぶことは、その日の服装を選ぶことに似ています。衣服と同様に、表現力豊かでスタイリッシュな書体と、多くの状況で有用で適切な書体には区別があります。それ楽しいですか?カジュアル?真面目?新鮮な?古風な?その気持ちを捉えた書体を選択してください。

ここに画像の説明を入力してください

例:銀行のロゴを作成する場合、セキュリティと保護の感覚を作り出す書体を選択する必要があります。そのため、Adobe pro Garamondのようなフォーマルで伝統的なタイプフェイスがより良い選択になります。

2.フォントのグループ化:フォントファミリー

可能な書体の選択肢を整理する簡単な方法は、最も広く使用されているタイポグラフィの分類、セリフまたはサンセリフを使用することです。彼らはセリフフォントは連続性とエンゲージメントを提供し、したがって読みやすさを改善すると言いますが、サンセリフサポーターはそれをタイポグラフィの神話と呼んでいます。一般に、セリフ体のフォントはより伝統的で「古いスタイル」ですが、サンセリフ体の書体はモダンで未来的です。

ここに画像の説明を入力してください

セリフまたはサンを選択するかどうか、両方のカテゴリ内の素晴らしい選択肢が多すぎます。型分類の詳細については、幾何学、ヒューマニスト、オールドスタイル、モダン、トランジショナル、スラブセリフなどの一般的に使用されるカテゴリを調べることから始めてください。

幾何学的なサンセリフは、厳密な幾何学的形態に基づいたタイプフェイスです。Geometric Sansの個々の文字形式は、多くの場合、すべて同じ幅のストロークを持ち、デザインの一種の「少ないほど多い」ミニマリズムを頻繁に証明します。

ジオメトリック/リアリスト/グロテスクサンの例:ヘルベチカ、ユニバーズ、フューチュラ、アバンギャルド、アクジデンツグロテスク、フランクリンゴシック、ゴッサム。

ここに画像の説明を入力してください

ヒューマニスト

これらは手書きに由来するサンの顔です。一部の人が見ているようにきれいで現代的でありながら、根っこには人間を避けられない何かを保持しています。ヒューマニストフォントの文字形式は、一般に詳細度が高く、一貫性が低く、ストロークの太さがより細く、太いことが多い

ヒューマニストさんの例:ギルさん、フルタイガー、ミリアド、オプティマ、ヴェルダナ。

ここに画像の説明を入力してください

古いスタイル

これらの書体は、太い文字と細い文字のコントラストがほとんどないことでマークされており、湾曲した文字の形は左に傾く傾向があります(書道が傾くのと同じように)。オールドスタイルの顔は、クラシックで伝統的で読みやすいものです。

古いスタイルの例:ジェンソン、ベンボ、パラティーノ、ガラモンド。

ここに画像の説明を入力してください

移行期と現代

移行期と現代の文字の形は、オールドスタイル時代の控えめな顔よりも幾何学的で、鋭く、巧妙です。彼らの最高の状態では、移行期と現代の顔は強く、スタイリッシュでダイナミックに見えます。

過渡的な書体の例:Times New Roman、Baskerville。

ここに画像の説明を入力してください

現代のセリフの例:Bodoni、Didot。

ここに画像の説明を入力してください

スラブセリフ

スラブセリフはメカニスティックとも呼ばれ、スクエアセリフまたはエジプトの書体は、厚いブロック状のセリフが特徴のセリフ書体の一種です。セリフ端子は、鈍くて角張ったもの(ロックウェル)または丸いもの(クーリエ)のいずれかです。

スラブセリフの例:クラレンドン、ロックウェル、クーリエ、ルバリングラフ、アーチャー。

ここに画像の説明を入力してください

3.セリフとサンセリフの選択

プロジェクトのメインタイトルは、太字のsans-serifフォントで書くことができます。ボディコピーにセリフフォントを使用することをお勧めします。プロジェクトの2つのセクションの違いを示すために、何らかのコントラストが必要です。2つ以上の書体を組み合わせるには注意が必要です。一般的な経験則は、ニュートラルセリフとサンセリフの組み合わせを使用することです。それは安全で簡単で、機能します。見出しを「Helvetica」に、本文を「Times New Roman」に設定すれば、準備完了です!

ここに画像の説明を入力してください

それがあまりにも退屈な場合は、古い書体を現代の書体と組み合わせてみてください。サンセリフ付きのスクリプトはどうですか?これを行う場合、選択する書体間のコントラストに注意することが重要です。それらを区別するのに十分なコントラストを確保してください。書体があまりにも似ている場合、それらはぎこちなく不自然に見えます。たとえば、「He​​lvetica」と「Arial」を組み合わせると、意識的な設計の選択というよりは、不注意な間違いのように見えます。

4.デザインへのフレーバーのダッシュ

ディスプレイおよび装飾書体は、控えめに使用する必要があります。小さな「Shanghai」フォントは大いに役立ちます。ロゴとカテゴリの見出しのこのメニューで機能します。さて、「上海」フォントで設定されたメニュー全体が読みにくくなると想像してください。読みやすさを気にしない限り、これらの書体は大きなテキストブロックには適していません。これらのフォントはヘッドラインに控えめに適用され、表示フォントはデザインに必要なフレーバーを追加できますが、あまりに広く使用するとすぐに歓迎されなくなります。

ここに画像の説明を入力してください

これらのフォントはヘッドラインに控えめに適用され、表示フォントはデザインに必要なフレーバーを追加できますが、あまりに広く使用するとすぐに歓迎されなくなります。

ここに画像の説明を入力してください

5.ルール5は「ルールがありません」

規則のみがあります。朝の服装に関する規則がないのと同様に、タイプの使用方法に関する厳格な規則はありません。何が起こるかを見るためだけにすべてを試す価値があります。タイポグラフィは時間をかけて習得するものであり、試行錯誤を繰り返します。最終的に、それは簡単で自然なプロセスになります。それまでの間、お楽しみください!

ここに画像の説明を入力してください

結論として

これら5つの原則が、書体の選択、適用、ミキシング、およびそれをまったくミキシングするかどうかについてのガイドラインを提供してくれることを願っています。最終的に、書体を選ぶには、理解、直観、およびスキル要求の練習の組み合わせが必要です。

ソース




1

人々がどのようにフォントをペアリングしたかを見るための良いリファレンスウェブサイト。I Font Youまた、説明で各フォントの名前を示します。もう1つの優れたリソースは、「WhatTheFont」というスマートフォンアプリです。フォントの写真を撮ると、正しい名前を見つけようとします。楽しんでいるタイポグラフィや効果的なタイポグラフィを見るのに最適です。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.