對(duì)于小企業(yè)來(lái)說(shuō),網(wǎng)站在打造信譽(yù)度和吸引消費(fèi)者方面發(fā)揮著重要作用。如果是成熟的企業(yè),網(wǎng)站應(yīng)該反映出你的專(zhuān)業(yè)度與合法性。事實(shí)上,Vistaprint Digital的一份研究報(bào)告顯示,45%的人不會(huì)選擇在設(shè)計(jì)糟糕的網(wǎng)站購(gòu)物。
為了大限度地吸引潛在客戶(hù),網(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)客戶(hù)。
行長(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)越依賴(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è)顯得“平易近人”,很大程度上依賴(lài)于分段。為了吸引讀者的注意力,可以嘗試比較有爆點(diǎn)的標(biāo)題,并突出文本,比如加粗、加下劃線、使用對(duì)比色等。還可以使用圖片、項(xiàng)目符號(hào)或者編號(hào)將文本分段,可以讓讀者有一定的時(shí)間休息一下。人們的眼鏡容易被突出的事物吸引,這些小技巧會(huì)引起他們的注意。
超鏈接是讓網(wǎng)頁(yè)便于瀏覽的一個(gè)比較少被提及的方法。鏈接一般會(huì)有下劃線與對(duì)比色,容易吸引人注意。鏈接文本應(yīng)該對(duì)用戶(hù)友好,并準(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í)間和成為重要客戶(hù)的可能性。
網(wǎng)頁(yè)名稱(chēng):提升網(wǎng)站文本可讀性的六種方式
本文鏈接:http://jinyejixie.com/news38/149738.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、商城網(wǎng)站、企業(yè)網(wǎng)站制作、用戶(hù)體驗(yàn)、自適應(yīng)網(wǎng)站、Google
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(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)