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

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

[复制链接]
feiying12345 发表于 2012-05-11 20:21:44 | 显示全部楼层 |阅读模式
核心提示:网站设计中最重要的一个环节就是网站的可读性。读者来到你的网站是要阅读他们关心的内容的,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。  1、为你的链接添加下划线8 n3 E8 K+ B7 C* S- @
  读者期待看到带有下划线的链接,因此不要让他们失望。7 G4 e- O3 m: }: z5 B1 X- _+ }
  2、为段落中的文字使用适当的行高
9 r& U% `5 {5 a6 \( K' p# L  一种快速、简单的方法,用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。
+ U8 K0 t- S; z, V  3、在设计中明确区分你发表的内容
& r& W1 L; t# }  你发表的内容从哪里开始,到哪里结束都应该是显而易见的,其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。
( A& y4 g. M$ z5 \  4、合理使用Pull-quotes(注:核心摘要、导读)
8 S8 A- c. h) I# D; r6 M  如果你使用Pull-quotes,要保证这部分内容明显,并处于靠近文章顶部的地方。如果用户没有很快地识别它们,那它们就没有什么用处。+ b& I% n& `- i8 ^" i
  5、保持简短
) B  d- M7 ]) B) z6 U  同样的意思,你用书面文字写出来需要50个字,但是用嘴说的话可能只需要30个字。1 l4 M3 Z* U& e3 B* M
  6、文字与背景的对比度: ^2 w% ^; {/ ?
  使用Snook’s 的Color Contrast Checker检测网页的文字与背景的颜色,确保那些有视觉障碍的用户也可以正常阅读你的内容。
% A- `6 W6 K7 R3 ]( q  7、为你的文档使用结构层次
6 h; v% I, h9 s3 g: l1 v% u* e  例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。- \/ z2 c/ a0 S; X
  8、注意广告位置
% d4 v: @; g1 ?- B$ F4 ~9 W; _( Q2 W1 [  避免在中间插入广告破坏文章的完整性,这样做会打断读者的思路。( e  ^5 l4 q% x  A" W, u
  9、斜体粗体与颜色, N. U; @/ L; a
  为以斜体和粗体显示的文字应用样式时,不要改变它们的颜色。这样做容易让读者混淆,会让他们停下来思考:这是不是一个链接?
% k- a' p8 @  U7 X8 X( u  10、使用语义标记
+ z& @, S8 h% w% o  比如为文章的标题使用h1 ,h2 ,h3 等标签来突出它们。9 S3 l8 o! O& k1 z
本文由(源码营 http://www.yuanmaying.com/ 发布)  X% H2 X; {# ]
回复

使用道具 举报

~~@@~~ 发表于 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:30 , Processed in 0.064999 second(s), 24 queries , Gzip On.

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

    Powered by Discuz! X3.5

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