提升網(wǎng)站文本可讀性的六種方式

對(duì)于小企業(yè)來(lái)說(shuō)，網(wǎng)站在打造信譽(yù)度和吸引消費(fèi)者方面發(fā)揮著重要作用。如果是成熟的企業(yè)，網(wǎng)站應(yīng)該反映出你的專業(yè)度與合法性。事實(shí)上，Vistaprint Digital的一份研究報(bào)告顯示，45%的人不會(huì)選擇在設(shè)計(jì)糟糕的網(wǎng)站購(gòu)物。

為了大限度地吸引潛在客戶，網(wǎng)站結(jié)構(gòu)設(shè)計(jì)和內(nèi)容設(shè)計(jì)需無(wú)縫對(duì)接。本文將著重介紹內(nèi)容設(shè)計(jì)相關(guān)的方面，尤其是網(wǎng)站文本與其可讀性。網(wǎng)站文本可讀性經(jīng)常被忽略，但它們的重要性不可忽視。文本必須與受眾相關(guān)，才能將讀者轉(zhuǎn)化為訂閱者，最終轉(zhuǎn)化為忠誠(chéng)客戶。
行長(zhǎng)度
一行文本的長(zhǎng)度對(duì)于讀者來(lái)說(shuō)非常重要。Smashing Magazine的研究顯示，網(wǎng)頁(yè)文本的理想長(zhǎng)度，是每行45到85個(gè)字符。這個(gè)長(zhǎng)度足夠長(zhǎng)到表明文本的可讀性，又足夠短到不會(huì)嚇跑訪問(wèn)者。要在短句和長(zhǎng)句之間找到平衡。

第二，避免文本換行。這里的文本換行指的是下圖中的情況，圖片插入文本中，使得文本不得不減少寬度。這就造成讀者會(huì)看到兩個(gè)視覺(jué)欄，一個(gè)圖片，一個(gè)文本。

文本欄的變窄會(huì)使句子換行，對(duì)讀者來(lái)說(shuō)更不方便。大多數(shù)人的閱讀習(xí)慣是從左到右，緊挨著文本的圖片會(huì)造成讀者分心。文本換行破換了讀者的自然閱讀與瀏覽節(jié)奏，需要讀者付出額外的努力來(lái)克服這種變化帶來(lái)的不便。如果需要插入圖片（當(dāng)然我們也推薦這一做法），請(qǐng)?jiān)诙温渲g或者句子之間插入，就像下圖一樣。

字體樣式
為網(wǎng)站選擇合適的字體是一個(gè)非常微妙的過(guò)程。你需要找到一種既能代表品牌又易于辨認(rèn)的字體。非常藝術(shù)化的書(shū)法字體可能看起來(lái)很美，但如果讀者不能辨認(rèn)網(wǎng)頁(yè)上的內(nèi)容，那就說(shuō)明這個(gè)字體不合適。請(qǐng)選擇比較大眾化、易于辨認(rèn)的字體，但同時(shí)也要注意不要與競(jìng)爭(zhēng)對(duì)手雷同。

要達(dá)到添加維度和分段的目的，請(qǐng)為標(biāo)題、小標(biāo)題等使用加粗效果。

邊距與填充
在為網(wǎng)頁(yè)填充內(nèi)容時(shí)，請(qǐng)注意行間距與邊距問(wèn)題。我們可能都見(jiàn)過(guò)排版過(guò)于緊密的網(wǎng)站，我敢打賭文字間距過(guò)小是主要原因。間距的大小并沒(méi)有什么定論，你可以按照直覺(jué)來(lái)判斷。第一眼看過(guò)去，是不是看起來(lái)太厚重，讓人沒(méi)有閱讀的動(dòng)力？如果答案是“是”，那么你就應(yīng)該增加行間距，調(diào)整邊距。
顏色與對(duì)比
你可能已經(jīng)認(rèn)真挑選了能夠作為品牌形象一部分的顏色，而它們也應(yīng)該在網(wǎng)站上顯示。Logo在網(wǎng)站的戰(zhàn)略布局對(duì)于品牌識(shí)別度來(lái)說(shuō)非常重要，但當(dāng)談及優(yōu)化可讀性時(shí)，基本色才是最好的選擇。想想你經(jīng)常訪問(wèn)的那些網(wǎng)站。它們的頁(yè)眉和頁(yè)腳可能有重點(diǎn)色，但主要的文本和背景都是簡(jiǎn)單、干凈、對(duì)讀者友好的。文本與背景之間形成鮮明的對(duì)比，閱讀起來(lái)毫無(wú)壓力。
如果你要在網(wǎng)站中適用背景圖片或者背景色，請(qǐng)確保你的選擇的字體顏色與之形成鮮明對(duì)比。
移動(dòng)與桌面優(yōu)化
你可能已經(jīng)猜到了，針對(duì)移動(dòng)端和桌面端對(duì)網(wǎng)站進(jìn)行優(yōu)化是可讀性的重要組成該部分。這一點(diǎn)在設(shè)計(jì)過(guò)程中可能被忽視，因此需要你在方便的時(shí)候重新修改。如今人們?cè)絹?lái)越依賴于移動(dòng)設(shè)備進(jìn)行網(wǎng)絡(luò)訪問(wèn)，因此我們幾乎可以肯定，大多數(shù)人會(huì)通過(guò)移動(dòng)設(shè)備訪問(wèn)你的網(wǎng)站。將移動(dòng)優(yōu)化整合進(jìn)網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)中，讓閱讀在各種設(shè)備上都能順暢進(jìn)行。
便于瀏覽
就像前面提到的，減少文本的密集感、讓網(wǎng)頁(yè)顯得“平易近人”，很大程度上依賴于分段。為了吸引讀者的注意力，可以嘗試比較有爆點(diǎn)的標(biāo)題，并突出文本，比如加粗、加下劃線、使用對(duì)比色等。還可以使用圖片、項(xiàng)目符號(hào)或者編號(hào)將文本分段，可以讓讀者有一定的時(shí)間休息一下。人們的眼鏡容易被突出的事物吸引，這些小技巧會(huì)引起他們的注意。
超鏈接是讓網(wǎng)頁(yè)便于瀏覽的一個(gè)比較少被提及的方法。鏈接一般會(huì)有下劃線與對(duì)比色，容易吸引人注意。鏈接文本應(yīng)該對(duì)用戶友好，并準(zhǔn)確傳達(dá)出讀者點(diǎn)擊鏈接所期望獲得的信息。
最后一點(diǎn)，利用空白。消費(fèi)者最喜歡的網(wǎng)站通常有大量的空白，這是有意的。文本之間的間隔可以讓人有時(shí)間來(lái)消化一下他們剛剛閱讀的內(nèi)容，然后再繼續(xù)閱讀下一個(gè)標(biāo)題、圖表或者頁(yè)面。Apple的網(wǎng)站是聰明利用空白的典范。

千萬(wàn)不要低估空白的力量，因?yàn)檫@是通過(guò)最少的努力來(lái)達(dá)到提升網(wǎng)站可讀性的簡(jiǎn)單方法。
制作吸引人的、易于閱讀的網(wǎng)站文本可大大增加訪問(wèn)者在網(wǎng)站上花費(fèi)的時(shí)間和成為重要客戶的可能性。

網(wǎng)頁(yè)名稱：提升網(wǎng)站文本可讀性的六種方式
本文鏈接：http://www.muchs.cn/news38/149738.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、商城網(wǎng)站、企業(yè)網(wǎng)站制作、用戶體驗(yàn)、自適應(yīng)網(wǎng)站、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)