首先我們來聊一聊設計網站段落的行間距。行間距的定義十分直白,就是行和行之間的距離,它也也可以被理解為是一段文字中的留白區域。行間距的出現提供了讓訪問用戶閱讀的想象空間,而在閱讀的習慣上,行間距對于閱讀體驗也是有著十分巨大的影響的。
1、 行間距的設計規則
一般在設計網站時,我們都推薦使用1.2倍到2倍的行間距。行間距基本上是由行高所確定的,如果在文本的設計中,為了實現文本的易讀性而增加行間距,那么響應地也需要增加行高。我們來舉一個簡單的例子對比進行說明,如果使用12px大小的字號,行高設置為20px,那么行間距就可以使用20減去12,除以2然后再乘以2,就可以得出行間距了。
2、 段間距
顧名思義,在設計網站時,段間距就是段落與段落之間的距離。它可以保證頁面的閱讀節奏,而且段間距也同時和行高以及字體相互關聯。我們經常會看到正文的段間距經常會使用一個空行,這個距離也就是行高,這是為了問價文本的易讀性的設計。我們再舉個例子,如果文本的字體字號為12px,行高為20px,那么段間距就是行高與行間距的和,是32px。
3、 段間距設計的注意事項
在設計網站時,為了使文本在網頁的瀏覽中更有閱讀的節奏感,那么就要采用段間距大于行高,行高大于行間距以及行間距大于字間距的設計。