核心提示:网站设计中最重要的一个环节就是网站的可读性。读者来到你的网站是要阅读他们关心的内容的,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。 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 |