2つのサンセリフフォントのペアリング — 同スタイル組み合わせのルール
2つのサンセリフフォントを成功裏にペアリングするルールを、コントラストテクニックと避けるべき一般的な落とし穴とともに学びます。
Pairing Principles
詳細な説明
サンセリフ + サンセリフのペアリング
2つのサンセリフフォントのペアリングは、セリフ + サンセリフよりも難しいです。自動的なスタイルコントラストが失われるためです。しかし、慎重な選択により、オールサンセリフの組み合わせは非常に洗練された見た目になります。
ゴールデンルール:分類におけるコントラスト
サンセリフフォントはサブカテゴリに分類されます。異なるサブカテゴリからフォントをペアリングしてください:
| サブカテゴリ | 例 | 特徴 |
|---|---|---|
| ジオメトリック | Poppins, Montserrat, Futura | 完璧な円、均一なストローク |
| ヒューマニスト | Open Sans, Lato, Source Sans | カリグラフィの影響、温かい |
| グロテスク | Roboto, Karla, IBM Plex Sans | ニュートラル、メカニカル |
| ネオグロテスク | Inter, Helvetica, Arial | 超ニュートラル |
避けるべきこと
同じファミリーでない限り、同じサブカテゴリからフォントをペアリングしないでください。2つのジオメトリックサンセリフ(例:MontserratとPoppinsを見出しと本文に)は紛らわしいほど類似して見えます。
補償コントラストとしてのウェイト
2つの類似したサンセリフをペアリングする場合、ウェイトの差を増やしてください。見出しに800または900を使用し、本文に400を使用して明確な分離を作成します。
ユースケース
ブランドガイドラインがサンセリフフォントのみに制限している場合、またはサンセリフフォントがモダンな美学に合致するテック製品、SaaSアプリケーション、モバイルアプリを構築する場合にこれらの原則を使用してください。