如何讓一個網(wǎng)站看起來更舒服,這看似是一個簡單的命題,但實際操作起來可一點都不容易。
而一個網(wǎng)站是否能建立起與用戶之間的聯(lián)系,能否幫助網(wǎng)站運營者達到自身的目的,都是建立在網(wǎng)站能否讓訪客輕松瀏覽的基礎(chǔ)之上的。
所以優(yōu)化網(wǎng)站的文字排版就會成為優(yōu)化用戶體驗的一種良好方式,良好的排版可以讓用戶的閱讀行為變得更加輕松,讓網(wǎng)站看起來賞心悅目;而劣質(zhì)的文字排版則會導(dǎo)致用戶關(guān)閉網(wǎng)頁,兩者對比高下立判。
今天小編就來講講網(wǎng)站的文字排版需要注意哪些細節(jié)。
1、去除多余累贅的字體
一個網(wǎng)站或者說一個頁面,最好不要去使用過多的字體。
花里胡哨的不同字體會使網(wǎng)站看起來缺乏結(jié)構(gòu)化和不專業(yè)。就如下圖所示,過多的字體會導(dǎo)致頁面看起來雜亂無章,讓用戶失去閱讀的興趣 。
所以為了防止這樣的情況,我們應(yīng)該盡量將網(wǎng)站中的字體數(shù)量減少。一般來說將字體的數(shù)量限制在兩個以內(nèi),一般建議只使用一種字體,這樣可以讓網(wǎng)站的內(nèi)容看起來更有連貫性。
2.注意行寬
每一行放置適當(dāng)?shù)奈淖謹?shù)量也是文本可讀性的關(guān)鍵,我們可以適當(dāng)設(shè)置文字的字間距和字體大小來進行調(diào)整。
如果一行文本太短就會導(dǎo)致讀者的眼睛來回打轉(zhuǎn),在破壞閱讀節(jié)奏的同時還容易出現(xiàn)看錯行的情況;而如果文本過長,用戶也難以長期保持專注。
特別對于移動端和pc端,最好可以分開設(shè)置不同的字間距和字體大小,讓移動端客戶也可以輕松瀏覽網(wǎng)頁。
對于移動設(shè)備,如果是長篇的文字,我們可以盡量將每行的文字保持在30個字符左右。
PC端則可以根據(jù)實際的頁面進行調(diào)整,爭取不讓文字顯得臃腫的同時,保證文本可以利落的分欄,從而提高閱讀速度和改善閱讀感受。
3.字體的選擇
網(wǎng)站的文本我們可以選擇的字體有很多,但是我們在進行選擇時同樣要考慮到用戶的感受。
我們應(yīng)該預(yù)想到用戶訪問網(wǎng)站時的各種應(yīng)用場景,用戶可能會通過電腦來瀏覽你的網(wǎng)頁,也可能會用平板或者手機來瀏覽,所以選擇一種能夠在各種屏幕尺寸上良好顯示的字體就尤其重要。
比如上圖所示,我們可以看到這種字體的風(fēng)格很有特色,但是對應(yīng)的是單這種字體再被縮小以后,就變得極難看清了。
這也是我們應(yīng)該要注意的,假設(shè)用戶用手機打開網(wǎng)站看到的是被縮小后模糊到難以看清的字眼,那么就有可能直接離開網(wǎng)站。
4.行間距以及段間距的設(shè)置
行間距就是指兩行文字之間的距離。當(dāng)行間距太窄時,文字就會顯得擁擠,閱讀起來就會很費勁,需要花時間去分辨。
而當(dāng)行間距太大時,難免讓人感覺文字內(nèi)容稀稀拉拉的,閱讀的連貫性就會受到影響。一般情況下,兩行文字之間的距離不會越過兩個字的高度,適中的行間距在閱讀中會帶給讀者松、舒適的感覺。
同時我們可以設(shè)置段落之間的間距,實際上適當(dāng)?shù)脑诙温渲g進行留白可以給用戶留出理解內(nèi)容的時間,從而提高內(nèi)容理解度。
5.文字的顏色選擇
文字的顏色選擇同樣有講究,不是簡單的選擇黑色這么簡單的。
特別是在大段的文本內(nèi)容中,如果通篇使用純黑色的字體顏色會使變得沉重,看久了就會讓讀者感到很疲憊。
這時我們可以盡量使用一些比純黑色淡一點的顏色,比如利用#595959這樣的顏色可以讓文章整體觀感更清新,大幅度減輕閱讀負擔(dān)。
文字排版其實本身就是網(wǎng)頁設(shè)計的一個重要部分,內(nèi)容的可讀性和易理解程度至關(guān)重要,因為它決定了網(wǎng)站內(nèi)容能否被用戶接受!
網(wǎng)站本身存在的意義就是傳遞信息,我們應(yīng)該在不增加用戶認知負荷的情況下增加內(nèi)容的可讀性,優(yōu)化文字排版就是一個極佳的選擇。
相關(guān)推薦