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

猜你喜欢

  • Python tensorflow与pytorch的浮点运算数如何计算

    2023-06-28 14:13:15
  • 利用Python制作一个愚人节整蛊消息框

    2022-08-07 22:06:53
  • javascript嵌套函数和在函数内调用外部函数的区别分析

    2024-04-22 22:44:27
  • Python企业编码生成系统之主程序模块设计详解

    2023-11-18 18:44:37
  • python处理csv数据动态显示曲线实例代码

    2022-05-01 00:35:05
  • Pandas中两个dataframe的交集和差集的示例代码

    2022-05-24 14:52:37
  • 关于document.createDocumentFragment()

    2009-04-05 16:04:00
  • 浅谈Python中range与Numpy中arange的比较

    2021-05-21 00:15:48
  • 利用Python半自动化生成Nessus报告的方法

    2021-03-10 23:04:01
  • flask-socketio实现WebSocket的方法

    2022-09-25 17:26:24
  • XHTML代码的基本应用

    2007-10-26 12:32:00
  • Django 视图层(view)的使用

    2023-07-02 22:52:45
  • PHP自动生成缩略图函数的源码示例

    2023-06-26 19:13:37
  • 基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解

    2022-11-20 07:59:16
  • 如何安装绿色版MySQL Community Server 5.7.16并实现远程登录

    2024-01-14 13:02:03
  • 使用python处理题库表格并转化为word形式的实现

    2023-07-25 12:33:18
  • SQL Server数据库简体繁体数据混用的问题

    2008-12-05 16:07:00
  • go gin 正确读取http response body内容并多次使用详解

    2024-04-25 15:06:34
  • 导航设计的流行趋势

    2007-12-25 12:06:00
  • python编程羊车门问题代码示例

    2023-04-10 18:39:19
  • asp之家 网络编程 m.aspxhome.com