提升网站文本可读性的六种方式

2017年06月16日关键词:提升网站文本可读性
  对于小企业来说,网站在打造信誉度和吸引消费者方面发挥着重要作用。如果是成熟的企业,网站应该反映出你的专业度与合法性。事实上,Vistaprint Digital的一份研究报告显示,45%的人不会选择在设计糟糕的网站购物。

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

  行长度

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

  第二,避免文本换行。这里的文本换行指的是下图中的情况,图片插入文本中,使得文本不得不减少宽度。这就造成读者会看到两个视觉栏,一个图片,一个文本。


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

 

  字体样式

  为网站选择合适的字体是一个非常微妙的过程。你需要找到一种既能代表品牌又易于辨认的字体。非常艺术化的书法字体可能看起来很美,但如果读者不能辨认网页上的内容,那就说明这个字体不合适。请选择比较大众化、易于辨认的字体,但同时也要注意不要与竞争对手雷同。

  要达到添加维度和分段的目的,请为标题、小标题等使用加粗效果。


 

  边距与填充

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

  颜色与对比

  你可能已经认真挑选了能够作为品牌形象一部分的颜色,而它们也应该在网站上显示。Logo在网站的战略布局对于品牌识别度来说非常重要,但当谈及优化可读性时,基本色才是最好的选择。想想你经常访问的那些网站。它们的页眉和页脚可能有重点色,但主要的文本和背景都是简单、干净、对读者友好的。文本与背景之间形成鲜明的对比,阅读起来毫无压力。

  如果你要在网站中适用背景图片或者背景色,请确保你的选择的字体颜色与之形成鲜明对比。

  移动与桌面优化

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

  便于浏览

  就像前面提到的,减少文本的密集感、让网页显得“平易近人”,很大程度上依赖于分段。为了吸引读者的注意力,可以尝试比较有爆点的标题,并突出文本,比如加粗、加下划线、使用对比色等。还可以使用图片、项目符号或者编号将文本分段,可以让读者有一定的时间休息一下。人们的眼镜容易被突出的事物吸引,这些小技巧会引起他们的注意。

  超链接是让网页便于浏览的一个比较少被提及的方法。链接一般会有下划线与对比色,容易吸引人注意。链接文本应该对用户友好,并准确传达出读者点击链接所期望获得的信息。

  最后一点,利用空白。消费者最喜欢的网站通常有大量的空白,这是有意的。文本之间的间隔可以让人有时间来消化一下他们刚刚阅读的内容,然后再继续阅读下一个标题、图表或者页面。Apple的网站是聪明利用空白的典范。



  千万不要低估空白的力量,因为这是通过最少的努力来达到提升网站可读性的简单方法。

  制作吸引人的、易于阅读的网站文本可大大增加访问者在网站上花费的时间和成为重要客户的可能性。
分享晨旭东方    分享未来

相关推荐

X