xの高さが異なるヘッダーと本文のフォントに関する設計上の問題


8

ヘッダーと本文のテキストのxの高さが似ているのは調和があると聞いたことがあります。ヘッダーの本文のテキストよりもxの高さが低い場合はどうなりますか?このようなミキシングに反する設計原則やその他の問題はありますか?

私が理解しているように、本文テキストにxの高さが高いフォントを使用すると、読みやすさが向上します。しかし、ヘッダーのx-heightが低い場合、本文のx-heightフォントを低くすると、読みにくくなりますか?

ここでいくつかの関連記事を読みましたが、私の質問には対応していません。


4
私の意見では、常に真実であるタイポグラフィのルールを見つけるのは難しいです。X高さ、幾何学的形状、ブラック/ホワイトバランス、幅/高さの比率、厚さ、セリフ/サンセリフ、ターゲットグループ、文化的な好み、傾向、ページの余白など、非常に多くの要因があります。結局、「直感」はあなたが経験したことに基づいてあなたの脳に最良の選択をさせるための別の言葉だと思います。あなたが言及したルールがあなたのケースに適用されるかどうかは言い難い。スクリーンショットを投稿できますか?
Wolff

回答:


1

いいえ、デザインルールに違反しているわけではありません。フォントをさまざまなx-heightと組み合わせて組み合わせることができます。重要なのは、ページを見て、それが読みやすいかどうかを確認することです。


1

それは本当に難しい、そして速いルールではありません、それはただ良い考えです。しかし、多くの場合、互いに非常に異なるフォントは見栄えがよくなります。ヘッダーフォントとxの高さが小さいボディフォントとxの高さが大きいボディフォントが似ている場合は組み合わせたくありませんが、両者に大きなコントラストがある場合は、おそらく大きな影響があります。たとえば、xの高さが異なっていても、xの高さが大きいスクリプトフォントと、細いサンセリフ体のフォントが付いた厚い文字フォームを使用すると、おそらく見栄えがよくなります。


1

「ヘッダーと本文のテキストに同じようなxの高さを持たせるのは調和があります」

誰が言ったの?それらの人々に彼らの主張を主張させてください。理由を考えたり、質問したりする必要はありません。

「本文テキストにxの高さが高いフォントを使用すると、読みやすさが向上します」

これは通常理解される簡単な方法で、私はそれを神話と見なし、ここで詳細に説明しました:https : //typography.guru/journal/does-a-large-x-height-make-fonts-more-legible- r16 /


0

それは大きな問題とは言えません。適切な本文テキストフォントを選択し、実際に使用する見出しフォントはそれほど重要ではありません。(私はあなたが本、チラシ、またはかなり長い拡張テキストを含むウェブサイトのようなものを組版していると仮定しています-本文テキストが実際にスペースのほとんどを占めるものです。)彼らが助けようとしている本当の間違いこれらのガイドラインでは、ITC Garamondのように、見出しのフォントを補完するような貧弱な本文テキストフォントを選択することは避けていると思います。

通常のx-height本文テキストフォントと非常に高いx-height見出しフォント(Impactなど)をペアにすると、奇妙に見えるかもしれません。ただし、本文のAvenirと見出しのコーチンをペアにする(たとえば)場合は、両方を適切なサイズに設定すれば問題ありません。

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