行の高さとテキストのサイズの最適な数学的比率が何であるかについて合意はありますか?そして、もしあれば、印刷とウェブで同じですか?
行の高さとテキストのサイズの最適な数学的比率が何であるかについて合意はありますか?そして、もしあれば、印刷とウェブで同じですか?
回答:
短い答え:「いいえ」
長い答え:リーディングの決定には、4つの要素があります(今日では、1つのベースラインから次のベースラインまでの距離を意味し、行の高さとも呼ばれます):文字のx-height、メジャー(行の長さ)、文字自体のストロークとタイプのサイズ。この答えでは、簡単にするために、「先頭」と「行の高さ」を同じ意味で使用します。
これらのうち、支配的なのはメジャーであり、x-heightとポイントサイズがそれに続きます。
一般に、測定値が広いほど、読みやすくするために行の高さを大きくする必要があります。メジャーが選択した書体とポイントサイズの約70文字より長い場合は、読み手が読み飛ばしたり誤って行を繰り返さないように、行の高さを増やす必要があります。
文字のサイズはポイントサイズと同じになることはありません。これは、金属タイプの場合、最下位のディセンダーの下部(たとえば、小文字の「y」の尾)から上部までの合計測定値であると見なされました。最高のアセンダーの(小文字の「h」の垂直ストロークなど)。「x-height」が由来する小文字の「x」の高さは、ポイントサイズに関連して背が高い(Arial)または非常に短い(Bernhard Modern)場合があります。行の高さがポイントサイズと同じになるように「set set」と入力します。行間に余分なリードはありません。ArialまたはHelveticaは恐ろしく固く見えます。Bernhard Modernはそうではありません。
読みやすさを維持するために、キャップとアセンダーの高さに関連して大きなx高さを持つ書体(Century SchoolbookやHelveticaなど)は、x高さが小さいGaramondやFuturaよりも、ポイントサイズに比べてより高い行高さが必要です。
サンセリフは、サイズに比べて、セリフ書体よりもはるかに太いストロークを持つ傾向があります。あまりにもきつく設定する(行の高さを小さくする)と、段落とページが非常に重く暗くなり、読みにくくなります。先頭文字を開くと、場合によっては文字間隔を開くと、テキストの外観が大幅に向上します。Garamondのように、比較的小さなxの高さのセリフの顔は、はるかに低い行の高さに設定できます。
これらの考慮事項はすべて、デザイナーがページをどのように表示するかによって変更されます。一部の主題は、ページをより風通しの良い外観(例えば、ロマンチックな詩、ユニコーンの物語)で強化し、繊細な書体とオープンリーディングを求めています。他の人はより多くの権限(教科書など)を必要とし、より暗い「タイプカラー」の恩恵を受けます。
ここで、黄金比(phi)のアイデアを省きましょう。それはほとんどすべての場合に間違っています。数学はそれとは何の関係もありません。外観はありません。
あなたが思うかもしれないことに反して、見出しのような大きなテキストは段落テキストよりもタイトなリーディングを必要とします。多くの場合、見出しには「負の先頭」が設定されます。行の高さはポイントサイズよりも小さくなります。これは、すべてのキャップの見出しに特に当てはまります。(アセンダーとディセンダーのため、複数行の見出しでは、行間隔を均等にするために各行の行送りが異なるのが一般的です。)逆に、キャプションや脚注などの小さいサイズには、行送りが必要です。読みにくくなります。タイプは大きくなると「ゆるい」ように見え、小さくなると「きつく」なります。ほとんどの書体では、8 pt未満および約24 ptを超える文字間隔の調整が必要です。
phi(または任意の固定比率)を使用して行の高さを計算しようとすると、偶然に正しくなるため、真剣に迷います。
Webの場合、中解像度の画面(250〜400 ppi)が一般的になるまで、少なくとも今後数年間は低解像度デバイス用に設計された書体を使用します。Google、Extensis、Typekitなどのプロバイダーのすべての「Webフォント」が、ほとんどのディスプレイでテキストサイズで使用できるわけではありません。Webテキストは、粗いドットグリッドと、ストロークをぼかして文字の形を歪ませるOS操作のために、印刷ページよりも少し開いた間隔で読みやすくなる傾向があります。
編集[ OK]ので、「カントがうまくいかない」という言葉が最良の選択ではなかったかもしれません。もちろん、普遍的な最適条件はありませんが、多くの場合、黄金比は本当によく見えます。このファイベースのレイアウト計算機をご覧ください。 http://www.pearsonified.com/typography/
そして、ここにプログラマーの推論を説明する素晴らしい記事がありますhttp://www.pearsonified.com/2011/12/golden-ratio-typography.php
黄金比を間違えることはできません。
行の高さ=テキストの高さx 1.62
ところで、いい質問ですね。