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

  • 网站建设 2018-09-06
<返回列表

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


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


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

  行长度

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

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

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



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


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



  字体样式

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

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





  边距与填充

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

  颜色与对比

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

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

  移动与桌面优化

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

  便于浏览

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

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

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

更多阅读

SEO解决方案主要是根据哪些内

诊断教程 2020-06-11
SEO解决方案主要是根据哪些内容来改善?现在有很多企业都会非常重视网站这一......查看全文

百度关键词优化一般都要做什

诊断教程 2020-06-11
百度关键词优化一般都要做什么事情?现在有非常多人都很关心互联网上的信息......查看全文

关键词优化SEO有什么样的考核

诊断教程 2020-06-11
关键词优化SEO有什么样的考核指标?关键词优化SEO在进行实际考核的过程当中将......查看全文
返回全部新闻
扫描二维码分享到微信
确 认
友情链接: SEO 米菲纸尿裤 百度刷排名