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