切实的增强网站内容可读性

feiying12345 · 发表于 2012-05-11 20:21:44

核心提示：网站设计中最重要的一个环节就是网站的可读性。读者来到你的网站是要阅读他们关心的内容的，如果文章的内容被设计所掩盖，导致读者难于阅读，这样只会使他们远离你的网站。　　1、为你的链接添加下划线
　　读者期待看到带有下划线的链接，因此不要让他们失望。
　　2、为段落中的文字使用适当的行高
　　一种快速、简单的方法，用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。
　　3、在设计中明确区分你发表的内容
　　你发表的内容从哪里开始，到哪里结束都应该是显而易见的，其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。
　　4、合理使用Pull-quotes(注：核心摘要、导读)
　　如果你使用Pull-quotes，要保证这部分内容明显，并处于靠近文章顶部的地方。如果用户没有很快地识别它们，那它们就没有什么用处。
　　5、保持简短
　　同样的意思，你用书面文字写出来需要50个字，但是用嘴说的话可能只需要30个字。
　　6、文字与背景的对比度
　　使用Snook’s 的Color Contrast Checker检测网页的文字与背景的颜色，确保那些有视觉障碍的用户也可以正常阅读你的内容。
　　7、为你的文档使用结构层次
　　例如：文章标题——介绍——正文标题——内容——副标题——内容，这样会让你的网页更符合逻辑流程。
　　8、注意广告位置
　　避免在中间插入广告破坏文章的完整性，这样做会打断读者的思路。
　　9、斜体粗体与颜色
　　为以斜体和粗体显示的文字应用样式时，不要改变它们的颜色。这样做容易让读者混淆，会让他们停下来思考：这是不是一个链接?
　　10、使用语义标记
　　比如为文章的标题使用h1 ，h2 ，h3 等标签来突出它们。
本文由（源码营 http://www.yuanmaying.com/ 发布）

~~@@~~ · 发表于 2026-01-23 00:08:04

蹲了这么久，终于看到有价值的讨论，支持一下！

美夏游学 · 发表于 2026-03-15 15:30:52

楼主太厉害了，整理得这么详细，必须支持

天雷之恨 · 发表于 2026-05-01 12:09:52

这个分享太实用了，刚好能用到，感谢楼主！

踏青之路 · 发表于 2026-06-08 13:05:46

完全赞同，我也是这么认为的，英雄所见略同～

zzf · 发表于 2026-10-08 21:24:38

刚好遇到类似问题，看完这个帖子心里有底了

小时啊 · 发表于 2026-10-12 21:22:58

内容很干货，没有多余的废话，值得反复看

		自动登录	找回密码
密码			加入怎通

[其他] 切实的增强网站内容可读性