提升網站文本可讀性的六種方式

2017.01.24

　　对于小企业来说，网站在打造信誉度和吸引消费者方面发挥着重要作用。如果是成熟的企业，网站应该反映出你的专业度与合法性。事实上，Vistaprint Digital的一份研究报告显示，45%的人不会选择在設計糟糕的网站购物。

　　为了最大限度地吸引潜在客户，网站结构設計和内容設計需无缝对接。本文将着重介绍内容設計相关的方面，尤其是网站文本与其可读性。网站文本可读性经常被忽略，但它们的重要性不可忽视。文本必须与受众相关，才能将读者转化为订阅者，最终转化为忠诚客户。

　　行長度

　　一行文本的长度对于读者来说非常重要。Smashing Magazine的研究显示，网页文本的理想长度，是每行45到85个字符。这个长度足够长到表明文本的可读性，又足够短到不会吓跑访问者。要在短句和长句之间找到平衡。

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

　　文本栏的变窄会使句子换行，对读者来说更不方便。大多数人的阅读习惯是从左到右，紧挨着文本的图片会造成读者分心。文本换行破换了读者的自然阅读与浏览节奏，需要读者付出额外的努力来克服这种变化带来的不便。如果需要插入图片（当然我們也推荐这一做法），请在段落之间或者句子之间插入，就像下图一样。

　　字體樣式

　　爲網站選擇合適的字體是一個非常微妙的過程。你需要找到一種既能代表品牌又易于辨認的字體。非常藝術化的書法字體可能看起來很美，但如果讀者不能辨認網頁上的內容，那就說明這個字體不合適。請選擇比較大衆化、易于辨認的字體，但同時也要注意不要與競爭對手雷同。

　　要達到添加維度和分段的目的，請爲標題、小標題等使用加粗效果。

　　邊距與填充

　　在为网页填充内容时，请注意行间距与边距问题。我們可能都见过排版过于紧密的网站，我敢打赌文字间距过小是主要原因。间距的大小并没有什么定论，你可以按照直觉来判断。第一眼看过去，是不是看起来太厚重，让人没有阅读的动力？如果答案是“是”，那么你就应该增加行间距，调整边距。

　　顔色與對比

　　你可能已經認真挑選了能夠作爲品牌形象一部分的顔色，而它們也應該在網站上顯示。Logo在網站的戰略布局對于品牌識別度來說非常重要，但當談及優化可讀性時，基本色才是最好的選擇。想想你經常訪問的那些網站。它們的頁眉和頁腳可能有重點色，但主要的文本和背景都是簡單、幹淨、對讀者友好的。文本與背景之間形成鮮明的對比，閱讀起來毫無壓力。

　　如果你要在網站中適用背景圖片或者背景色，請確保你的選擇的字體顔色與之形成鮮明對比。

　　移動與桌面優化

　　你可能已经猜到了，针对移动端和桌面端对网站进行优化是可读性的重要组成该部分。这一点在設計过程中可能被忽视，因此需要你在方便的时候重新修改。如今人们越来越依赖于移动设备进行网络访问，因此我們几乎可以肯定，大多数人会通过移动设备访问你的网站。将移动优化整合进网站設計和开发中，让阅读在各种设备上都能顺畅进行。

　　便于浏覽

　　就像前面提到的，減少文本的密集感、讓網頁顯得“平易近人”，很大程度上依賴于分段。爲了吸引讀者的注意力，可以嘗試比較有爆點的標題，並突出文本，比如加粗、加下劃線、使用對比色等。還可以使用圖片、項目符號或者編號將文本分段，可以讓讀者有一定的時間休息一下。人們的眼鏡容易被突出的事物吸引，這些小技巧會引起他們的注意。

　　超鏈接是讓網頁便于浏覽的一個比較少被提及的方法。鏈接一般會有下劃線與對比色，容易吸引人注意。鏈接文本應該對用戶友好，並准確傳達出讀者點擊鏈接所期望獲得的信息。

　　最後一點，利用空白。消費者最喜歡的網站通常有大量的空白，這是有意的。文本之間的間隔可以讓人有時間來消化一下他們剛剛閱讀的內容，然後再繼續閱讀下一個標題、圖表或者頁面。Apple的網站是聰明利用空白的典範。

　　千萬不要低估空白的力量，因爲這是通過最少的努力來達到提升網站可讀性的簡單方法。

　　制作吸引人的、易于閱讀的網站文本可大大增加訪問者在網站上花費的時間和成爲重要客戶的可能性。

400-7808-893 / 010-64913142 我想要個更針對我需求的方案

上一篇文章：網站建設之提高企业气质的4个要点下一篇文章：好的网站設計应该具备的五种特质

看過此文章的人也看過

日韩一级一片