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
投稿

猜你喜欢

  • MySQL数据库备份恢复的两个实用方法

    2008-12-31 15:09:00
  • 两个不太常用的 CSS Hack

    2008-06-27 12:49:00
  • 电子商务网站评论设计探讨

    2009-12-21 16:28:00
  • ExpiresAbsolute 属性

    2008-05-05 12:49:00
  • 推荐个辅助软件FastStone Capture

    2008-12-23 13:23:00
  • AJAX的jQuery实现入门(一)

    2008-05-01 12:55:00
  • ASP中模拟PHP的关联数组

    2009-12-25 16:31:00
  • 手机版远程网站文件删除ASP程序

    2009-02-24 16:23:00
  • 如何优化下面这段代码?

    2010-01-23 11:30:00
  • oracle 树查询 语句

    2009-07-17 18:20:00
  • Google的产品设计指导思想

    2008-03-23 14:15:00
  • 教你快速掌握 MySQL数据库中触发器的应用

    2008-12-03 15:33:00
  • HTML5 离线存储之Web SQL

    2011-06-19 14:13:19
  • SQL Server 作业同步 (结合备份作业)

    2012-07-11 15:59:47
  • 页面无刷新调用数据(IFRAME+js)

    2009-06-01 11:29:00
  • MySQL身份认证漏洞 升级到5.5.24可修正

    2012-07-11 15:54:09
  • ASP关于SQL插入数据后获得当前ID

    2010-01-24 19:55:00
  • asp动态调用不同include文件方法

    2007-09-26 14:22:00
  • 解决MySQL 5.0不能使用自动增加字段问题

    2008-12-02 14:30:00
  • HTML 5 正在改变 Web

    2008-09-15 08:20:00
  • asp之家 网络编程 m.aspxhome.com