chevron-up bell reply instagram twitter2 feed3 finder search-25px-p0
换了主题,回归原生评论系统。

让博客更有可读性

2009-08-04 . 阅读: 615 views

作者:卢松松——http://www.lusongsong.com/reed/70.html

卢松松:合理的设计网页10条建议,改善网站内容的可读性.

合理的设计好一个网页,可以使读者快速阅读网站的文章,并且会饶有兴趣的阅读其他的内容,如果设计的网页很另类很个性,导致读者无法迅速找到想要进入的主 题,那么读者会很快离开你的网站。那么如何设计好一个网页呢?一些小细节和一些操作习惯就会让你的网站内容更有阅读性。

1:把文章内容字体改大一点,字太小看起来很累,尤其是在内容很多的时候。目前文章内容流行的字体是14PX(像素),和180%或150%的行距,这样不容易造成视觉疲劳。
例如在CSS文件中可以加入如下代码:
body{font-family: "宋体","微软雅黑","arial",Verdana, sans-serif; font-size: 14px;line-height: 180%;}
这段代码的意思是 BODY区域也就是整个页面默认是宋体,如果没有宋体则改为微软雅黑,以此类推。font-size的意思是字体大小,line-height是意思是行距。

2:给文章内容的链接添加下划线,这样读者可以清楚的知道哪里可以点击。例如:显示下划线代码text-decoration: underline;

3:文章内容尽量简洁明了.更不要把文章弄成花花绿绿的字体颜色。

4:要勤分段落。太多的段落总比太少的段落要好很多,这样文章看上去错落有致,而且读者也容易阅读.

5:内容摘要很重要,这样读者在阅读完标题,再阅读摘要时就能大致了解文章要表达的内容。

6:给重点的句子或者段落加粗体现实。这样不仅方便快速阅读,而且搜索引擎也会着重阅读。

7:如果文章内容很长,可以使用分页。分页导航一定要清晰明了易于点击。

8:把文章保持在一个合理的宽度,尽量不要直接从word文档粘贴到文章编辑器当中。以免把样式代码也粘贴到编辑器中。我一般都使用记事本来写文章(左岸用的是docs.google.com)。

9:可以考虑使用插图.如果文字太多的情况下,配图可以提高文章的可读性。大家可以看看卢松松博客的博文配图

10:最后一点也是最重要的一点,网站一定要有清晰的导航,方便读者浏览。我曾经去过几个非常有个性的博客,但有接近30秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。

分享到: 更多

左岸

爱读书,爱生活!

发表评论





5 Comments On 让博客更有可读性

  1. 我在这里坐沙发,哈哈

  2. 卢ge的文章,貌似都有一样的样式。

    一定会使用123来分成许多点来说,一定会在每个段落把一些扼要的文字加黑,一定会配上很精巧的图片。

    • @小曦 @小曦, 是啊,每个人都有自己的文章风格,这也是一种长期的积累,让人一看便知是谁的文笔~

  3. 还说呢,你本身这个系列的字都好小,看得很吃力

    • @Echo @Echo, 我确实该自己打一下嘴巴~
      我教你个方法,如何字体实在太小,如果你用的是firefox,那么你直接按ctrl+小键盘的加号,可以放大字体~
      另外,我在正文(技术学堂中文章我疏忽了)中有一个选择字体的选项,你可以选择小中大三种字体来阅读文章~