有好的文章内容,却没有排版看起来乱七八糟的,如果不是非常重要的内容基本是没人会看下去的。好的文章排版可以增强访客阅读体验,就算文章内容不是真正访问想要的,他也会在这里继续找找相关的文章。
一、字体应用
1.使用辨识性好的字体,文字不要太小。 蚂蚁似的文字,很难快速的阅读。如果用户自己可以控制就更好了。
2.避免杂乱的背景,少在页面上放置杂乱的东西,越是让用户迷惑,分散注意力,不能集中阅读。网站看起来也不够专业。在放任何一项东西前想想,真的不放不可么?(主要说的是一些不相关的广告)
3.字体的颜色,最好应该按段落权重来设定颜色;
普通段落应使用对比色。让文字的颜色和背景色成对比。使文字容易看清,减少阅读疲劳,也可帮助(色弱或色盲等视力障碍用户)。
头部的简介及不太相关的描述性文字等可以适当在保持能看清楚的情况下,减谈一下颜色及对比度。(但最好保持和对比色相似)
标题的颜色,除了大小的区别外,还可以把各级别的标题也用颜色区分开来。(合理的设置标题,请看段落排版1)
二、段落排版
1.把文字圈成小块。 大块的高密度的文字让你的用户感觉信息负荷超载,有压抑感。 可以保持段落短小并用列表(或者1-2-3)和副标题(h2 / h3)加粗。在重要的观点上使用加粗或使用不同颜色,便于那些不太耐心而快速浏览的用户能抓住重点。
2、给个头部设置一个纲要简介比较好,如果文章比较长,也可以加描记链接帮助直接跳转到该段落。
3、图文混排,长文章会让人觉得看得晕晕的,好的图片能让文章增色不少,不仅吸引了访问的眼球,并能增加文章的可读性更好理解。 使用时应该适当加入图片描述, 也可以增加线框装裱一下。 但一点要注意的就是:图片一定要清晰,不然会起反作用。图片太大,只要截取一部分重要的,但一定要清晰以吸引读者有需要可以自已点击查看,又不破坏我们的排版美观。
4、控制好文字的行间距和字间距,段落之间要分明最好空一行,段落之内要保持适当紧凑也不要太宽松。中文文章的话,要保持段落首行空两格。
例如:163的段落css:p {line-height:23px;text-indent:2em;} 其实我觉设置这样更好: p {line-height:1.8em;text-indent:2em;margin: 0.7em 0;}
三、其它元素
1. 让链接更像链接。 如果不是标准蓝色链接,最好可以加上下划线,害出。不是链接的文字,最好不要加下划线。
2、适当的利用引用标签,它的作用和图文混排几乎差不多,可以减低长篇阅读的疲乏感。
3、标点符号,中文的文章最好使用全角的符号,但标题要用半角英文的。
本文已被网剑爷看中!请速度回我联系!
(我是青楼伴游的,和你友情好长时间了)