網頁文字排版（一）

1、易讀性規範

 

1.行寬

 

若是一行文字過長，那麼視線移動距離也會長，這樣很難讓人注意到段落起點和終點，閱讀會比較困難；若是一行文字又太短，眼睛要不停來回看，破壞了閱讀節奏。

 

所以咱們能夠設置好內容區的每一行合適的字數，來提升易讀性。

 

通常圖書每行最佳字符數是55—75，在網頁上每行字符75—85更流行。中文在14px字體時，建議35—45個文字。

 

2.間距

 

行距是最重要的元素，他影響着整篇文章的易讀性，行距太大會讓文字失去延續性，影響閱讀；而行距太窄，又容易出現跳行。

因此在網頁設計中，文字間距通常根據字體大小設置行間距在1—1.5倍，段間距在1.5—2倍。

 

好比12px字體，行間距是12px—18px，段落間距是18px—24px。

 

另外，行高/段落之間的空白=0.754。行間距正好是段落間距的75%。

 

好比簡書16px字體，行間距27px/段間距36px=75%。文字大小自己比較大，因此行間距也不須要嚴格按照1—1.5倍的比例設置，不過行間距和段間距的比例符合75%，看起來很不錯，這樣的視覺效果讓人在閱讀時保持一種節奏感，這就是在實際狀況中將規範的靈活應用。