5个提高你站点可读性的方法
发布时间：2011-01-31 17:48:00
一个更易读的网站意味着网站使用性的改良以及提供愉悦的阅读体验。我们希望浏览者们能或者这些好处不是吗？
这篇文章我们将介绍5个简单的方法让你能提高你网站的可读性。当然，文章的最后请大家自由发表意见，我希望能知道你们的想法。
对排版的基本了解
你必须收悉字距调整、亮度动态控制、首字、截线、无截线、线高等术语。
排版是现代网站设计的一个重要方面，特别是现在许多人使用css下的font-face字体而且有一些像Typekit一样的软件让人们可以用不合法的字体在他们的网页上。
当然最漂亮的字体也不能在你不遵守相关基础规则的情况下帮助你。试着一直用字体标准度量，无论是你的自创体还是现有的字体，简单的12， 14， 16， 18， 21， 24， 36， 48， 60，将会很好的规范字体等级制度，保持使用合法的字体度量标准。
有效地利用空白处
“空白空间”是指设计网站时的闲置空间-它并不一定指白色的白，可以说它是隔开章节段落之间的那些空闲空间。能更好的利用这些空间是提高你网站可读性的关键。
如果你的网站挤的满满的使得段与段之间都没有空白，阅读浏览你的网站将变得很困难。确保你的文字内容，副本，图标，列表，超链接以及其他元素拥有自己的空间。
我们知道网络使用者是不回去耐心阅读的，他们快速浏览直到找到他们感兴趣的内容，于是才点击来读（或者继续快速浏览）。在这方面做一些提高，通过利用空白空间让你的页面便于浏览。
对其线和格
如果文章和其他网页元素在网页上四处分散会使你的页面十分难以阅读从而无人问津。使用对其格能帮助你保持页面的整齐并让读者能直接的发现你页面的关键点-比如说请读者注意的按钮。
有一些出名的网格系统如960.gs 和Blueprint可以作为你设计网页的起点和参考。我个人喜欢用我自己的构架风格，但是我相信这只是个人选择罢了。
色彩对比
显然上述的几点对网页设计很重要，但是色彩对于网页也是不可或缺的重要因素。白色底纹浅灰色文本也许让你读着不费力，但对于其他人来说可能根本无法读下去。如果你的目标读者是60岁以上的人时，你可能希望文章字色稍暗点更利于阅读。同样的，如果你的页面背景太暗，要让文字越亮越好。
你当然可以在对比度的掌握上玩的的心应手，你可以使你的图标颜色更深来吸引读者注意，让其更浅来让读者忽略。
确保元素间的对比，背景和文字的对比。你可以使用Colour Contrast Check‘这样的工具来使文章有不同的色彩和对比。
确保简洁切题
如我之前说的，人们不会去仔细阅读，他们只是浏览罢了。至少我是这样的。所以让你的内容简短并把不相关的东西去掉可以提高可读性。要知道你不是在写小说，你是在写网络文章。我个人一看到长篇大论的文章就立刻点击关闭。把文章拆成小段落和关键点。
当你能把文章缩到50字时就不要写100个字。保持简洁切题你的读者会感谢你的。
该你说了
我知道我关于这个问题的看法只是表面见解，请同我们分享你们的小经验。我会仔细阅读它们的。评论区见！（来源：译言网）
0
投稿猜你喜欢
- 在第一章，我们讲过position，当它取值absolute的时候，即绝对定位。既然是定位，就要有参照物。一般来讲，这个定位的参照物是bod
- 以国内最流行ASP为例，我不知道有多少人会在写代码时想到“容错”这个概念，实际上当我遇到这种事时，也是不了了之。为什么呢，想想最初的意思是认
在上一期中作者向诸位简要介绍了 ASP 脚本语言之一 VBScript 的一些基本常识，本期将继续给大家讲解 VBScript 的脚本编写方- 早上一开Google Reader，发现已经全部被Silverlight 3的消息占领了，基本上都来自于Silverlight
- 我从11岁开始编程，并且一直都很喜欢技术和编程。这些是我一直以来获得的经验教训。作为一个程序员，你可能需要这样的忠告。我更希望每个人在获取这
- 主要讲 except 和 not in 的性能上的区别。 代码如下:CREATE TABLE tb1(ID int) CREAT
- 1005：创建表失败1006：创建数据库失败1007：数据库已存在，创建数据库失败1008：数据库不存在，删除数据库失败1009：不能删除数
- 最近在用fso，读取txt文本文件的内容时碰到了“输入超出了文件尾 ”的运行错误，当txt中的内容为空的时候就出现这个问题了，查了
- 原来图片自适应宽度一般都是通过Javascript来解决的，但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性
- 没什么说的，就是生成随机数而已！！相关文章推荐：8个asp生成随机字符的函数<％ Function gen_key(digi
- 代码如下:var obj = document.getElementById("name"
- 准备工作去年的时候,青云发表过关于栅格系统的文章 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅
- 相信每个前端工程师都有自己喜爱的javascript框架，说情感也好，道信仰也罢，javascript框架带给人的不仅仅是便捷的开发，更有一
- 最近在学习正则，一些比较有用的东西怕忘记，记下来，比较乱，想一条记录一条：正则表达式在线测试//匹配文本，这个偶尔比较好用，但是要小心字符中
- 外面很多所谓sitemap生成代码都只生成目录文件地址,没生成动态的,我后来自己写了这个,是支持动态的,例子: 如你是文章网站,文章有200
- 基于web的技术中，分页是一个老的不能再老的，但大家津津乐道的问题，随着xml技术的日渐应用，把xml应用到分页当中，也是一种可能，当然网上
- 早上看了一个贴子，是一个哥们推广自己一个智能的数据库备份系统，他总结了数据库备份过程中所有可能出错的情况，可以借鉴。如果你做DBA时间不长，
- 维护是什么，维护就是修改，不断的修改，但是要保证你的html和css有清晰的版本界定，有扩展性，不要因为做的太死而重新去做这个页面。一个赚钱
- 看那个自由落体div有感。这个没落体，画个圆。(ie only)<html><head><style>v
- 今天编ZBlog上传模块的时候，需要用到一个提取文章中文件名的子程，开始我把问题想复杂了，匹配了所有可能的文件名，不仅正则表达
