30 个改善网站可读性的方法

什么是网站设计中最重要的一个环节？很多人会回答是网站的可读性，怎么样才能使你的内容更容易阅读。

读者来到你的网站是在阅读他们关心的内容，如果文章的内容被设计所掩盖，导致读者难于阅读，这样只会使他们远离你的网站。 [中国站长站]

那么我们可以做些什么来改善网站的可读性，使那些读者留下来继续阅读呢？ 中国站.长站

你现在就可以做的 30 件事情： 中国站长_站,为中文网站提供动力

1、为你的链接添加下划线。读者期待看到带有下划线的链接，因此不要让他们失望。

2、为段落中的文字使用适当的行高。一种快速、简单的方法，用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。 _com

3、在设计中明确区分你发表的内容。你发表的内容从哪里开始，到哪里结束都应该是显而易见的，其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。 中.国.站长站

4、如果你使用Pull-quotes，要保证这部分内容明显，并处于靠近文章顶部的地方。如果用户没有很快地识别它们，那它们就没有什么用处。 @com

5、保持简短。同样的意思，你用书面文字写出来需要50个字，但是用嘴说的话可能只需要30个字。 Www..com

6、文字与背景的对比度。使用Snook’s 的Color Contrast Checker检测网页的文字与背景的颜色，确保那些有视觉障碍的用户也可以正常阅读你的内容。 中国站.长站

7、为你的文档使用结构层次。例如：文章标题——介绍——正文标题——内容——副标题——内容，这样会让你的网页更符合逻辑流程。

8、避免在中间插入广告破坏文章的完整性，这样做会打断读者的思路。 Www~~com

9、为以斜体和粗体显示的文字应用样式时，不要改变它们的颜色。这样做容易让读者混淆，会让他们停下来思考：这是不是一个链接？ 中.国.站.长.站

10、使用语义标记。比如为文章的标题使用h1 ，h2 ，h3 等标签来突出它们。可能你的 ~com

11、读者当中有很多人在使用新闻聚合器阅读你的内容，诸如span class=”myheading” 这样的标签对他们而言是不会显示任何效果的。 站长.站

12、在开始的文章上使用贴图。这样做的目的是为了吸引读者的注意，通常会在最顶部的文章上应用贴图。 [中国站长站]

13、避免整块的文本。没有什么能比像一面墙一样的文字更能吓跑访问者的了。 Www__com

14、将文本居左对齐通常是最好的选择。我们很少能看到将文字居中或两边对齐的示例(标题除外)，而将文字居右对齐我想在任何时候都不是一个最好的选择。 Www__com

15、文本绕图。这主要取决于你如何将文本环绕在一个图像旁，你可以重新考虑文字的措辞，也可以调整图像的大小。 中国站长_站,为中文网站提供动力

共2页: 上一页 1 [2] 下一页

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有