留白在網(wǎng)頁設(shè)計當(dāng)中的運(yùn)用(2)
發(fā)布時間:2018-11-06
熱度:
2、文本留白
文本留白就好理解很多,這里的文本指的是相應(yīng)區(qū)塊當(dāng)中的文字的段落。寫過網(wǎng)頁的設(shè)計師們都知道,在區(qū)塊中有Margin和Padding的設(shè)置,還有段落的行間距設(shè)置。標(biāo)題和段落之間,行與行之間,適當(dāng)?shù)牧舭卓梢宰屛淖钟幸欢ǖ暮粑校卜奖?/font>用戶去進(jìn)行閱讀。
這里的Margin和Padding指的是網(wǎng)站設(shè)計中元素標(biāo)簽外部范圍的區(qū)域。參照下圖可以幫助理解。
適當(dāng)?shù)牧舭卓臻g可以影響用戶的視覺流與感受,下面小編給大家舉個例子看看:
可以從上圖看出,文字段落之間不留白可讀性很低。右側(cè)的標(biāo)題和段落之間、行與行之間和段落與段落之間都留了一定的距離,所以整體會顯得更為整潔和可讀性高,這些在網(wǎng)站當(dāng)中用Margin、Padding和Line-height可以來調(diào)整留白的大小。切記,行間距的大小不是越大越好,一定要根據(jù)情況適當(dāng)進(jìn)行調(diào)整。尚武科技在網(wǎng)站設(shè)計中,一般給客戶設(shè)置的段落行距都是1.5倍,標(biāo)題與段落之間的留白大約在20px,大家可以作為參照。