css リセットを適用した後に h1、h2、h3 などのタグを標準化する方法を探しています。これは主に設計に依存することはわかっていますが、ある種の「黄金比」があったことをサイトで見たのを覚えています。テキストのサイズ、行の高さ、およびマージンの下部の間で、読みやすさを改善し、ページ上でのヘッダーの見栄えを良くします。
どなたか、このようなことをご存知でしょうか?
1 に答える
2
これは、使用するフォントに大きく依存すると思います。とはいえ、Smashing Magazineは次の「経験則」を示しています。
本文のフォントサイズ比への見出し
見出しと本文のフォント サイズの関係をよりよく理解するために、各 Web サイトの見出しのフォント サイズを本文のフォント サイズで割りました。これらの比率の平均を取り、経験則を導き出しました。
見出しのフォント サイズ ÷ 本文のフォント サイズ = 1.96
したがって、全体の値は 1.96 です。これは、本文コピーのフォント サイズを選択した場合、見出しのフォント サイズを取得するために 2 倍したい場合があることを意味します。もちろん、これはあなたのスタイルによって異なります。経験則によって、特定のデザインに最適なサイズが得られるとは限りません。別のオプションは、従来のスケール (6、7、8、9、10、11、12、14、16、18、21、24、36、48、60、72) またはフィボナッチ数列 (例: 16 – 24) を使用することです。 – 40 – 64 – 104) 自然なタイポグラフィの結果が得られます。
于 2011-06-21T16:57:08.083 に答える