對于網(wǎng)站來(lái)說(shuō),其最核心的部分無(wú)疑就是網(wǎng)站中的內容,也就是以文字呈現給用戶(hù)并供其提取信息的文本。所以在設計網(wǎng)站的裝飾、圖片、圖標、按鈕等部分的同時(shí),也一定不能忽視文本的排版設計問(wèn)題。清晰的排版和合適的字體、字號等都可以提升閱讀體驗,這也是保證用戶(hù)粘度和用戶(hù)使用體驗的一個(gè)重要的辦法。那么,如何進(jìn)行排版才能讓用戶(hù)在閱讀時(shí)感到舒適呢?

網(wǎng)站在建設時(shí) 文本該如何排版?

一、不要讓頁(yè)面中出現過(guò)多的字體類(lèi)型

雖然正文和標題很多時(shí)候不會(huì )使用同樣的字體,但是我們仍然不建議大家在建設網(wǎng)站時(shí)使用三種或是更多的字體,因為如果使用字體過(guò)多的話(huà)就會(huì )使網(wǎng)站的結構顯得非?;靵y,這樣會(huì )給用戶(hù)的閱讀帶來(lái)極大地困擾。所以站長(cháng)在建站時(shí)通常不會(huì )選擇使用太多的字體。

如果可以的話(huà),使用同一種字體也不會(huì )顯得不好,只要通過(guò)字號的調整就可以很好的區分出每個(gè)結構間的區別。如果同一種字體真的無(wú)法滿(mǎn)足網(wǎng)站的需求的話(huà),那么我們建議不同的字體之間也不要太過(guò)跳躍,較好是較為相近,而又能夠進(jìn)行區分的字體。因為如果字體間的差距過(guò)大,也會(huì )嚴重的影響頁(yè)面的美觀(guān)。

網(wǎng)站在建設時(shí) 文本該如何排版?

二、使用標準的字體

一些字體服務(wù)商會(huì )經(jīng)常做出一些有趣的字體來(lái)供大家選擇,但值得注意的是,雖然這些字體在一定程度上可以讓用戶(hù)產(chǎn)生新鮮的感覺(jué),但是并不是每一位訪(fǎng)客都會(huì )為此買(mǎi)賬。事實(shí)上,一些字體確實(shí)會(huì )在某些字的辨認上給人帶來(lái)困難,甚至可能會(huì )因為使用設備的不同導致一些字符無(wú)法正常的顯示,如果真的出現這種問(wèn)題的話(huà),后果是十分嚴重的。

所以,為了保證每一位用戶(hù)都能夠得到良好的閱讀體驗,我們建議大家在進(jìn)行網(wǎng)站建設時(shí)還是以標準字體為主,而選用哪一種標準字體,就可以按照目標群體的閱讀習慣來(lái)決定了。

三、控制好行高

頁(yè)面排版中一個(gè)比較重要的概念就是要控制行高。行高代表文字的行間距,這個(gè)距離如何能夠做到較好需要站長(cháng)通過(guò)經(jīng)驗來(lái)進(jìn)行調整,不過(guò)在一般情況下,行間距大致等于文本高度的30%,這樣的設置在大部分情況下都會(huì )給用戶(hù)帶來(lái)最為舒適的閱讀體驗。

如果行高過(guò)小,就會(huì )使文本十分擁擠,閱讀時(shí)很容易產(chǎn)生眼花的感覺(jué);而如果行高過(guò)大,會(huì )使頁(yè)面顯得非??帐?,十分影響整體的美觀(guān)。還有一項研究數據表明,良好的行高設置會(huì )使網(wǎng)站的閱讀效率提高20%,這意味著(zhù)用戶(hù)可以從你的文章中提取到更多有用的信息。

網(wǎng)站在建設時(shí) 文本該如何排版?

四、控制每一行的文本長(cháng)度

當然,在注意了行高的問(wèn)題之后,每一行文本的字符數也是需要用心設計的。如果文本太短,就需要用戶(hù)來(lái)回掃視,對閱讀造成影響;而如果文本過(guò)長(cháng),又容易讓用戶(hù)無(wú)法集中注意力。

關(guān)于每一行文本的長(cháng)度,也有具體的數據可供參考,針對PC端網(wǎng)站來(lái)說(shuō),每一行中文字符控制在35-45個(gè)字,英文字符控制在60左右是最為合適的。而對于移動(dòng)端來(lái)說(shuō),由于屏幕較小,所以文本長(cháng)度也應該相應的縮短。

作為一個(gè)網(wǎng)站的核心內容,文本的排版是非常重要的,只有做好的排版,才能真的讓你的網(wǎng)站為用戶(hù)提供價(jià)值,也會(huì )讓用戶(hù)的使用體驗變得更好。

原著(zhù)作者: 巨推傳媒:400-606-5558,原創(chuàng )不易,轉載時(shí)必須以鏈接形式注明作者和原始出處及本聲明。