当前位置:首页 >  站长 >  建站经验 >  正文

设计网页10条建议 改善网站内容的可读性

 2009-07-11 12:21  来源: http://www.lusongsong.com   我来投稿   卢松松的个人主页 撤稿纠错

  短视频,自媒体,达人种草一站服务

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

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秒的时间都是在找从哪里能点进文章内容。这样的设计虽然很另类,但很不合理。

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

作者: 卢松松    /    文章:1603篇

相关文章

  • 12个优点让你对响应式网站爱不释手

    近年来网站建设最大的趋势是自适应网页设计已变得越来越流行和重要。但是,响应式设计可以追溯到很久以前。实际上,第一个网站的布局可以适应不同的浏览器视口宽度,它是在2002年左右设计的。由于技术的进步以及为网络设计总是意味着要设计无数屏幕尺寸的事实,响应式网站设计是自然的结果。

  • 20款适合初学者的网页设计工具(上篇)

    对于WordPress新手来说,大部分都会选择免费主题。但是,这样做可能会导致你的网站设计不佳,并且可能会花费更多的时间来搭建你的网站。使用ThemeForest可以找到专为你的行业或网站类型设计的高质量WordPress主题,无论是还是电子商务模板还是博客模板。

    标签:
    网页设计
  • 页面设计如何创新?空间共享式排版可让人耳目一新

    在网站之间的竞争愈发激烈的今天,很多站长也许已经在思索如何从页面排版方面入手,来提升自己网站的竞争力,给用户带来耳目一新的感觉。今年,有一种空间共享式的网页排版开始火热,这种排版模式让各种元素跨越不同的板块,就能让整个网站充满层次感,也可以个用户带来很好的视觉享受。

  • 如何解决常见网页设计错误,提高转化率?

    我们知道对于每一个网站,在建立之初,我们都会花费大量的时间去做页面设计,但经过一段时间去运营,你往往会发现诸多问题,甚至导致网站没有任何流量与产品转化率。这就要求我们在做网页设计之初,认真思考相关性问题。

    标签:
    网页设计教程
  • 你知道的:优秀网站设计应具备的特点

    简单来说,网站设计的目的是产生网站。而一个优秀的、特色的网站设计能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感,从而增加网站访问流量。那让小编带你来了解一下优秀网站设计具备的特点。

    标签:
    网页设计

热门排行

信息推荐

扫一扫关注最新创业资讯