-
6月23日
-
合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容,如果设计的网页很另类很个性,导致读者无法迅速找到想要进入的主题,那么读者会很快离开你的网站。那么如何设计好一个网页呢?一些小细节和一些操作习惯就会让你的网站内容更有阅读性。
1:把文章内容字体改大一点
字太小看起来很累,尤其是在内容很多的时候。目前文章内容流行的字体是14PX(像素),和180%或150%的行距,这样不容易造成视觉疲劳。
例如在CSS文件中可以加入如下代码:body{font-family: "宋体","微软雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}这段代码的意思是 BODY区域也就是整个页面默认是宋体,如果没有宋体则改为微软雅黑,以此类推。font-size的意思是字体大小,line-height是意思是行距。(非常抱歉,我犯了一个严重的错误,目前流行字体应该是14px,结果我打成16px,这里向各位修改成16px的朋友说一声抱歉。)
2:给文章内容的链接添加下划线
这样读者可以清楚的知道哪里可以点击。例如:显示下划线代码text-decoration: underline;
3:文章内容尽量简洁明了
更不要把文章弄成花花绿绿的字体颜色。
4:要勤分段落。
太多的段落总比太少的段落要好很多,这样文章看上去错落有致,而且读者也容易阅读.
5:内容摘要很重要
这样读者在阅读完标题,再阅读摘要时就能大致了解文章要表达的内容。
6:给重点的句子或者段落加粗体现实
这样不仅方便快速阅读,而且搜索引擎也会着重阅读。
7:如果文章内容很长,可以使用分页。
分页导航一定要清晰明了易于点击。
8:把文章保持在一个合理的宽度
尽量不要直接从word文档粘贴到文章编辑器当中。以免把样式代码也粘贴到编辑器中。我一般都使用记事本来写文章。
9:可以考虑使用插图.如果文字太多的情况下,配图可以提高文章的可读性。
大家可以看看卢松松博客的博文配图。
10:最后一点也是最重要的一点
网站一定要有清晰的导航,方便读者浏览。我曾经去过几个非常有个性的博客,但有接近30秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。
除非注明,文章均为卢松松原创,欢迎转载!转载请注明出处,谢谢。分类: 网站优化
本文地址:http://lusongsong.com/reed/70.html





另外,问下你这篇文章图片里的中文是什么字体啊?嘿嘿 我最近对字体很感兴趣,HOHO
我就喜欢看整洁易读的文章
中国人主页
合理运用确实可以对网站优化带来不小的改善~
我认为排版是很重要的
留个言都得拉那么大会!呵呵
不过,看看朋友们的语录还是很有意思的!
来卢哥博客一看,顿时清凉不少。。。。
你的留言只能 回复 一次,不能继续在 回复 。有时候这样不是很方便,可否修正一下(在后台)??
炎炎夏日,注意防暑!
说的头头是道,不错
我前几天刚把内容字体变大
字体这点很重要.. 以前我用的13PX的.. 感觉就是密密麻麻的.. 看了很不舒服..
1.每一段开头都要空两字的位置.这样看起来有分段的感觉.也比较清楚分段.
2.就是重点的问题要分点.1.2.3.4.....8.9....这也是一个好的分类别.
其他的就不一一评论了
松松你可以搞一个分页的评论插件吧 这样我回复就不用狂滚鼠标滑轮了
说实话,让自己的站点变得有可读性,除了你以上说说的页面的技术性设计外,还要:
(1)文章标题要简明扼要、醒目(当然不是标题党);
(2)文章内容要有参考价值,或者知识,或者技术,或者娱乐 等等,但要言之有物,不作无病呻吟。如,今天下雨了,今天很累,今天吃了**……
仅供参考。
除非内容相当精彩。。。
。这些其实做起来并不难,难的是能坚持住,就像常更新一样。
有同感..
其他的觉得做得还行
居然没想起调整行距
另外,问下你这篇文章图片里的中文是什么字体啊?嘿嘿 我最近对字体很感兴趣,HOHO
采用