如何改善网页文字的阅读体验

如今，大多数网站为了能够展示出更多的信息，都使用了小号的文字，使人阅读起来很伤眼睛，那么，产生这个问题的原因是什么呢？可能有人会说是：这只是一个历史遗留问题，因为过去的电脑屏幕真的是太小了，可我们稍作思考就会发现，只要我们对文字稍作排版和设计，就能达到非常好的阅读体验。

1、长文本使用标准字号

把一个网站塞满各种信息并不难，但是让她简单而易用却不那么简单。刚开始的时候，要用大字号来设计出一个好的布局会相对困难一些，但是这样会帮助你设计出一个更简单、更清爽的页面。

起初，你会不适应这些大字号，但是一天之后，你就不会再想在正文中看到任何小于100%显示的文字内容了。刚开始你会觉得这些文字看起来很大，但是一旦你体验过之后，你就会很快意识到，为什么所有浏览器的设计师都选择这个大小来作为文字的默认显示大小。

你现在正在阅读的文字的字号并不大，是你浏览器的默认显示大小，是浏览器本来应该显示的大小。

对此，马海祥给你的建议是：我不想点击“放大”、“缩小”按钮，也不想更改浏览器的设置，我想马上就开始阅读，我希望你能适应我的设置，而不是反过来让我更改设置来适应你。

2、主动留白

让你的文字有足够的空间进行呼吸，使用留白不是设计师的既定问题，也与品位无关。

马海祥认为：文字段落的宽度必须与其所使用的字号相适应，过大的行宽会使人不易阅读，并且会产生负面的心理效应，过小的行宽会也中断阅读的流畅性，迫使读者频繁地换行。

在文本周围留出足够的空间可以减少阅读时的压迫感，因为这样读者更容易将焦点集中在内容本身（具体可查看马海祥博客的《如何才能让页面文字阅读起来更舒适》相关介绍）。

另外，你无需填满整个窗口，留白看上去更好并不是什么副作用，而是功能设计的必然结果。

行宽并不是设计或格式中唯一重要的，易读性的问题具有同样的重要性。

所以，请确保行宽不要过长，你可以在左右两端留出一些空白，便于眼睛在阅读时进行换行。

我既不想要调整字号大小也不想调整窗口大小，当我打开一个页面的时候，我就只是想进行阅读，自适应宽度的文字很好，但是横跨整个屏幕一眼望不到边的文字却很糟糕。

马海祥博客推荐的基本准则是：每行10-15个单词（此处准则针对英文），对于流动布局来说，当100%字号大小时，行宽为窗口大小的50%，在大多数分辨率下这是一个比较好的标准。

3、适度的行高

过小的行高设定会降低阅读速度，因为眼睛会同时注意上下两行，而无法集中精神阅读当前那行的内容，读者把精力花在错误的地方，并且更容易感到疲倦，对于行高过大的情况也是如此。

一般网站的HTML的默认行高过小，如果你增加一些行高，文字会更具易读性，对此，马海祥给你的建议是：140%标准行高是一个不错的标准。

4、鲜明的色彩对比

这一点我觉得没必要多做赘述了，但是如果你觉得自己可以避免下列情况的话，那么你就不是一个网页设计师，而只是一个有态度的设计师。

①、浅灰色的文字放在更浅的灰色的背景上。

②、银色的文字放在白色的背景上。

③、灰色的文字放在黄色的背景上。

④、黄色的文字放在红色的背景上。

⑤、绿色的文字放在红色的背景上。

如果你认为你还是一个网页设计师，那么你必须意识到，没有人会理解甚至看清楚你所表达的内容，别在做这种没有意义的事了。

注意：对于要在屏幕上显示的设计来说，过于强烈的对比（纯黑纯白）也不合适，因为这样看上去会使人感到文字在闪烁。马海祥给你的建议标准之一是：背景颜色#fff，文字颜色#333。

5、别把文字做成图片

在进行阅读的时候，大部分访客都希望能够搜索、复制和保存文字，并使用光标来进行标记。

虽然把文字做成图片看起来很美观，但是美观并不是网页所要的全部，网页是用来进行交流和信息传达的，而信息需要具有良好的可读性、可用性、可伸缩性，方便进行引用和分享。

如果你只有把文字做成图片才能把网页设计好的话，那我觉得你需要从头开始再学一遍网页设计了。

6、改善文字阅读体验的注意事项

想必大家也都遇到过这些糟糕的网站(或是应用)， 字体不清晰、字号过小、页面混乱、广告充斥。在这种时候，即使其拥有优秀的内容，我们往往也无法安心的进行阅读，结果是读者要不迅速的看完离开，要不干脆放弃，这对内容创造者和读者来说，无疑都是巨大的损失，那么，我们该如何去改善文字的阅读体验呢？

（1）、不要让我去调节字体大小

我可不想每次访问一个网站的时候都要去更改我的浏览器设置！

（2）、不要告诉我繁杂的页面看上去更好

拥挤的页面看上去一点也不好，反而会令人很不爽，向页面中填塞各种内容对于可用性来说没有任何帮助，这种把各种信息都丢给我的做法，我只能理解成你太懒了。对此，马海祥给你的建议是：可以先思考和预先筛选一下重要的信息进行呈现，而不是让访客去寻找。

（3）、不要告诉我滚动很糟糕

虽然说滚动并没有错，滚动就像是看书的时候翻书一样自然，可如果网站页面太长，每次都需要使用鼠标滚动太长的话，访客也会很不耐烦的离开的。

（4）、不要告诉我文字不重要

网页设计中，95%的内容通常都是在关注排版，关于这点大家可以通过马海祥博客的《提升网站文章可读性的排版技巧大全》一文来详细的了解，在此，就不多说了。

（5）、不要让我戴上眼镜才能看清文字

在这个信息大爆炸的时代，已经很少有人有耐心看完一整篇的文章了，如果你文字太小，可能访客连看都不看，就直接离开了，就更别说留住访客了。

马海祥博客点评：

对于不愿意阅读文字的访客，一个简单的说明、评论再加上精美说明图片就可以很好的满足他们的需求了，这一点我们最常见到的就是个电商平台，比如淘宝，我们可以发现很多店家基本上都是没有做过多文字的陈述，取而代之的是精美的说明图片。

通常，不喜欢阅读文字的的人会去找图片和链接，这一类型的访客更注重包装，你的图片传达的信息会比文字来得更加的丰富，过度的铺陈文字反而成了内容上的累赘，让访客反感。

但是，作为普通网站，我们还是不能不忽略搜索引擎的感受，对于内容文字的简要概述还是必须的，只要文字不影响访客的搜索和体验，文字仍然是必不可少的。