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

2022-05-03    分類: 網(wǎng)站建設(shè)

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


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

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



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




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

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





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

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

網(wǎng)頁名稱:提升網(wǎng)站文本可讀性的六種方式
本文鏈接:http://www.bm7419.com/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)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)