標籤:

設計技巧之網頁中的字間距

Web設計中純文字怎麼玩出高大上的感覺?怎樣讓用戶閱讀文字更加舒適?

除了換字體意外,今天介紹一個妙招,改變文字的字間距,啊?還可以實用字間距?

今天拿 Mobike 為例,看看他們的網頁中是如何處理文字的字間距的,看下圖:

圖1:加大字間距

圖2:默認字間距

圖3:加大字間距

圖4:默認字間距

以上兩個案例,合理的加大字間距,在較短文案的劣勢情況下,能夠讓畫面更加具有充實感;更重要的是,它就像演講時到重點的地方合理的放慢語速,讓信息傳遞給更加有力量。

實現方法很簡單,通過CSS letter-spacing屬性定義一下就可以了,可以是正值或者負值,所有瀏覽器都支持該樣式,詳細介紹請點擊這裡

推薦閱讀:

TAG:網頁設計 |