網站文字排版5大陷阱,你有中招嗎?

如何讓一個網站看起來更舒服,這看似是一個簡單的命題,但實際操作起來可一點都不容易。

而一個網站是否能建立起與用戶之間的聯繫,能否幫助網站運營者達到自身的目的,都是建立在網站能否讓訪客輕鬆瀏覽的基礎之上的。

網站文字排版5大陷阱,你有中招嗎?

所以優化網站的文字排版就會成為優化用戶體驗的一種良好方式,良好的排版可以讓用戶的閱讀行為變得更加輕鬆,讓網站看起來賞心悅目;而劣質的文字排版則會導致用戶關閉網頁,兩者對比高下立判。

今天小編就來講講網站的文字排版需要注意哪些細節。

去除多餘累贅的字體

一個網站或者說一個頁面,最好不要去使用過多的字體。

花裡胡哨的不同字體會使網站看起來缺乏結構化和不專業。就如下圖所示,過多的字體會導致頁面看起來雜亂無章,讓用戶失去閱讀的興趣 。

網站文字排版5大陷阱,你有中招嗎?

所以為了防止這樣的情況,我們應該儘量將網站中的字體數量減少。一般來說將字體的數量限制在兩個以內,一般建議只使用一種字體,這樣可以讓網站的內容看起來更有連貫性。

2.注意行寬

每一行放置適當的文字數量也是文本可讀性的關鍵,我們可以適當設置文字的字間距和字體大小來進行調整。

如果一行文本太短就會導致讀者的眼睛來回打轉,在破壞閱讀節奏的同時還容易出現看錯行的情況;而如果文本過長,用戶也難以長期保持專注。

特別對於移動端和pc端,最好可以分開設置不同的字間距和字體大小,讓移動端客戶也可以輕鬆瀏覽網頁。

對於移動設備,如果是長篇的文字,我們可以儘量將每行的文字保持在30個字符左右。

PC端則可以根據實際的頁面進行調整,爭取不讓文字顯得臃腫的同時,保證文本可以利落的分欄,從而提高閱讀速度和改善閱讀感受。

3.字體的選擇

網站的文本我們可以選擇的字體有很多,但是我們在進行選擇時同樣要考慮到用戶的感受。

我們應該預想到用戶訪問網站時的各種應用場景,用戶可能會通過電腦來瀏覽你的網頁,也可能會用平板或者手機來瀏覽,所以選擇一種能夠在各種屏幕尺寸上良好顯示的字體就尤其重要。

網站文字排版5大陷阱,你有中招嗎?

比如上圖所示,我們可以看到這種字體的風格很有特色,但是對應的是當這種字體再被縮小以後,就變得極難看清了。

這也是我們應該要注意的,假設用戶用手機打開網站看到的是被縮小後模糊到難以看清的字眼,那麼就有可能直接離開網站。

4.行間距以及段間距的設置

行間距就是指兩行文字之間的距離。當行間距太窄時,文字就會顯得擁擠,閱讀起來就會很費勁,需要花時間去分辨。

網站文字排版5大陷阱,你有中招嗎?

而當行間距太大時,難免讓人感覺文字內容稀稀拉拉的,閱讀的連貫性就會受到影響。一般情況下,兩行文字之間的距離不會越過兩個字的高度,適中的行間距在閱讀中會帶給讀者松、舒適的感覺。

同時我們可以設置段落之間的間距,實際上適當的在段落之間進行留白可以給用戶留出理解內容的時間,從而提高內容理解度。

5.文字的顏色選擇

文字的顏色選擇同樣有講究,不是簡單的選擇黑色這麼簡單的。

特別是在大段的文本內容中,如果通篇使用純黑色的字體顏色會使變得沉重,看久了就會讓讀者感到很疲憊。

這時我們可以儘量使用一些比純黑色淡一點的顏色,比如利用#595959這樣的深灰色來讓文章整體觀感更清新,大幅度減輕閱讀負擔。

文字排版其實本身就是網頁設計的一個重要部分,內容的可讀性和易理解程度至關重要,因為它決定了網站內容能否被用戶接受!

網站本身存在的意義就是傳遞信息,我們應該在不增加用戶認知負荷的情況下增加內容的可讀性,優化文字排版就是一個極佳的選擇。


分享到:


相關文章: