web-dev-qa-db-ja.com

段落間の最適な垂直マージンはどれくらいですか?

ここux.StackExchangeでは、1つの行の高さより少し小さいギャップ(〜88%)がありますが、テキスト行のグリッドを継続するため、行の高さの100%が最高の読みやすさを提供することを何度か読みました。個人的には100%のギャップが高すぎると感じています。目はこれらのギャップをグリッドの一部として処理しますか?

6
Lenar Hoyt

コンテンツには独自のトーン、リズム、意味があります。タイポグラフィの主な仕事の1つは、これを引き立たせることです。

Konturが述べたように「それは視覚的な目を必要とし、常に状況依存です」。最後の選択は特定の例になるはずですが、タイポグラフィはかなり古いアートであり、ロットのガイドライン。

厳密な規則はありませんが、これらのガイドラインはほとんどの状況で役立ちます。

  • ベースライングリッド を設定してみてください。これは、ページが垂直リズムを維持するのに役立ちます。
  • 行の長さが長くなるか、フォントサイズが大きくなると、行の高さを増やす必要があります(タイポグラフィでは、これは「リーディング」として知られています)。これにより、あなたの目が次の行の先頭に戻ってスキャンしやすくなります。フォントサイズの1.5倍の行の高さは、通常、良い出発点です。
  • 行の高さ(または段落の間隔)を高くしすぎないでください。テキストが断片化して表示されます。
  • 段落の間隔は通常、1行の高さよりも小さいです(多くの場合75%-90%)。これは、ディセンダーが占める不足スペースを補うためです(空白行にディセンダーはありません)。
  • 新しい各段落は最後から明確に分離する必要がありますが、継続性が失われるほど分離してはなりません。
  • 最小で12ポイントのフォントサイズを使用してください。これは通常16pxに相当しますが、 常にではない です。
  • 十分な空白を使用して、テキストが乱雑に感じられるのを防ぎます。
  • 私は 黄金比 を多くのレイアウトソリューション(テキストだけでなく)に使用することの大ファンです。

タイポグラフィは、本全体(およびそれらの多く)を埋めることができる(そして実際に行う)主題であり、習得するのに一生かかる可能性があります。グラフィックデザイナーまたはそれ以上のタイポグラファーにあなたが何をしたかを確認することは常に価値があります。彼らは特定の例を改善するためのヒントをすばやく提供することができます。

あなたのためにもう少し読んでください:

4
Tims

私が個人的にテストした最も良い読みやすさは、観察された時間と黄金比です。行の高さを1.61803398875に保ち、段落の読みやすさを確認してください。それ以上のものはUIが多くのスペースを浪費するのに対し、それ以下のものは最適な読みやすさを伝えません。

0
PirateApp