html6sh@vip.163.com
QQ:3272893092
對(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ù)化的書法字體可能看起來(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)題。我們可能都見過(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ì)和開發(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)站是聰明利用空白的典范。
如沒(méi)特殊注明，文章均為江浙滬網(wǎng)絡(luò)推廣,轉(zhuǎn)載請(qǐng)注明來(lái)自http://www.0898bike.com/html/news/
志強(qiáng)網(wǎng)絡(luò)擁有資深設(shè)計(jì)師團(tuán)隊(duì)和自主系統(tǒng)開發(fā)技術(shù)團(tuán)隊(duì)，為客戶專業(yè)定制企業(yè)品牌網(wǎng)站、響應(yīng)式網(wǎng)站、商城系統(tǒng)、手機(jī)微信網(wǎng)站、外貿(mào)網(wǎng)站、營(yíng)銷型網(wǎng)站、旅游網(wǎng)站、微信小程序、APP等。歡迎廣大客戶咨詢！
