找回密码
 加入怎通
查看: 716|回复: 4

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

[复制链接]
feiying12345 发表于 2012-05-11 20:21:44 | 显示全部楼层 |阅读模式
核心提示:网站设计中最重要的一个环节就是网站的可读性。读者来到你的网站是要阅读他们关心的内容的,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。  1、为你的链接添加下划线
$ v0 k! l" Y* ^6 M& F) ]! X  读者期待看到带有下划线的链接,因此不要让他们失望。. ^2 V! |3 l: G0 C1 O! L$ c
  2、为段落中的文字使用适当的行高
/ V  y6 y. _! k  一种快速、简单的方法,用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。* v: F6 Q( g, {0 {/ J0 |" C
  3、在设计中明确区分你发表的内容
6 C; y. |# x" w: W6 }8 t5 w  你发表的内容从哪里开始,到哪里结束都应该是显而易见的,其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。% _+ P: _+ k; Q: E, N8 L
  4、合理使用Pull-quotes(注:核心摘要、导读)
7 U; N2 X( z7 k7 N# x; m* a: c  如果你使用Pull-quotes,要保证这部分内容明显,并处于靠近文章顶部的地方。如果用户没有很快地识别它们,那它们就没有什么用处。
8 E7 I- {) n9 N' d  5、保持简短5 L$ C* S1 D4 A1 X1 R* }9 P
  同样的意思,你用书面文字写出来需要50个字,但是用嘴说的话可能只需要30个字。
5 ^! F$ N) }" @) N: B8 L' B  6、文字与背景的对比度
9 W& p9 B# j  \" Y3 U4 _) s  使用Snook’s 的Color Contrast Checker检测网页的文字与背景的颜色,确保那些有视觉障碍的用户也可以正常阅读你的内容。; ?7 M2 @6 F% M3 X
  7、为你的文档使用结构层次
; c) O1 w& }5 s- m$ a% M% X# {  例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。
2 H6 G7 |$ e& ]* J5 |8 D  8、注意广告位置0 H0 {8 M; r5 M8 t' F
  避免在中间插入广告破坏文章的完整性,这样做会打断读者的思路。
0 _; c- `, D' l& e# [  9、斜体粗体与颜色# J& X; `, A. C2 X1 x  |# z
  为以斜体和粗体显示的文字应用样式时,不要改变它们的颜色。这样做容易让读者混淆,会让他们停下来思考:这是不是一个链接?
& p9 o% ~. f! W" _' X$ x  10、使用语义标记
2 a8 N! Z5 z  c$ X" f. g$ M: |6 i  比如为文章的标题使用h1 ,h2 ,h3 等标签来突出它们。
2 I. g, C- o0 A/ Z; }- h6 O本文由(源码营 http://www.yuanmaying.com/ 发布)
% u, o& _5 W% I+ c) I
回复

使用道具 举报

~~@@~~ 发表于 2026-01-23 00:08:04 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复 支持 反对

使用道具 举报

美夏游学 发表于 2026-03-15 15:30:52 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复 支持 反对

使用道具 举报

天雷之恨 发表于 2026-05-01 12:09:52 | 显示全部楼层
这个分享太实用了,刚好能用到,感谢楼主!
回复 支持 反对

使用道具 举报

踏青之路 发表于 2026-06-08 13:05:46 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-6-13 06:28 , Processed in 0.029690 second(s), 24 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表