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

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

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

时间: 2024-10-23 14:24:11

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

16条建议改善网站用户体验

1.网站打开的速度要快; 网站的打开速度,直接影响用户对所使用网站的感受.很难想像,一个半天都打不开的网站会给浏览者一种什么样的感觉.如果是我,我会立即离开,不会再去打开这个网站.因为这样的网站,会耽误我宝贵的时间,而且严重影响我的情绪.所以,要尽量以避免出现这样网站慢的用户浏览体验.不然很难有用户会喜欢你的网站. 2.尽量限制使用flash及图片; 无可否认,适当的用一些图片及flash,可以增加网站的生动性,增加视觉冲击力.但无限制的使用flash及图片.会造成页面文件超大,占用浏览者的cp

关于网页UI设计的10条适用法则

  一个主观上很想多多学习的设计新手在工作中最常遇到的状况应该是-没人愿意教!(ps:传统思想告诉我们"教会徒弟,饿死师傅",所以新人们的如此遭遇也无可厚非;But-另一种可能性是-师傅真的很忙!) Anyway,AnyForWeb今天为菜鸟们奉上关于网页UI设计的10条适用法则,希望能让大家脑洞大开,在设计中得到帮助和启发. 1.纠结的时候,让自然为你做决定! 遵循自然规律的设计总是因为贴近万物本源而受到更多人的宠爱,因此,当你举棋不定的时候,你可以选择将设计代入大自然定律中,让自然

将 Web 应用性能提高十倍的10条建议

将 Web 应用性能提高十倍的10条建议 提高 web 应用的性能从来没有比现在更重要过.网络经济的比重一直在增长:全球经济超过 5% 的价值是在因特网上产生的(数据参见下面的资料).这个时刻在线的超连接世界意味着用户对其的期望值也处于历史上的最高点.如果你的网站不能及时的响应,或者你的 app 不能无延时的工作,用户会很快的投奔到你的竞争对手那里. 举一个例子,一份亚马逊十年前做过的研究可以证明,甚至在那个时候,网页加载时间每减少100毫秒,收入就会增加1%.另一个最近的研究特别强调一个事实,

10条建议 着手开始Web2.0实施

专家精选10条建议助你着手构建一个更动态的Web站点,跃入Web2.0时代-- 如今Web2.0的宣传铺天盖地,很难找到一个可靠的策略来让公司的网站更加动态.在这里我们给出10条建议,这些建议均来源于领先的已经铺平道路的专家和IT经理.它们将帮助你接触Web2.0,并且理解它的生产力.力量和存在的问题. 1 使用WordPress或者TypePad开始blog 这两家网站提供免费的hosting和简单的.只需要几分钟就可以掌握的工具.值得关注的还有,两家公司还出售一种公司版本的博客软件(Type

10条建议帮助你创建更好的jQuery插件

  本文总结了帮助你创建更好jQuery插件的10条建议.分享给大家供大家参考.具体说明如下: 在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式.这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了.使用相同的设计模式和架构也让修复bug或者二次开发更容易.一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂.我在这里分享10条我总结的经验. 1. 把你的代码全部放在闭包里面 这是我用的最多的一

10条建议帮助营销人员搭建桥梁

销售和营销之间的这种错位是由多种因素造成的,不同的用词.不一致的指标以及由来已久的不信任.它们总是隔着误解与紧张的鸿沟,彼此相望. 不管原因如何,销售和营销被设定为是彼此的对手.销售人员认为营销人员不负责任.无关痛痒;营销人员认为销售人员傲慢又懒惰.销售人员说自己从营销人员那里永远也得不到有用的信息;营销人员说销售人员忽略了自己做出的贡献.它们需要的是"夫妻疗法". 除了抱怨,我们还能做些什么呢?以下10条建议能帮助营销人员开始搭建桥梁,跨越这道鸿沟. 1.等待销售去改变是徒劳无功的.

<转>“人脉投资”的10条建议

谁都知道人脉很重要,所以有些人非常勤奋的"做人脉",他们往往会这样做-- 积极的参与各类线下活动,逢人就换名片.加微信. 见到名人或者重要人物必合影,而且他们还会掏出手机来给你看. 逢年过节,给所有他觉得重要的人发一条相同的祝福微信,比较有心的会在复制的时候改一下前面的名字,以示重视. 动不动喜欢拉一个微信群,名字一般叫什么"XX行业精英群",每天早晨准时在群里说早安.发心灵鸡汤. 和你聊天的时候,会本能的提及他"认识"的一些大人物.如果名字是两

网站设计的10条有用的可用性结论和指南

很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值,这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. 每个人都会赞同可用性是网站的一个很重要的方面的说法.无论你是在做一个作品集网站.网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键.这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值.这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. F

用户体验:10条有用的网站可用性设计参考

每个人都会赞同可用性是网站的一个很重要的方面的说法.无论你是在做一个作品集网站.网上商店还是网络应用,让你的页面对用户来说可以容易和快乐的使用是一个关键.这些年,很多人在网站和界面设计的很多方面完成了很多的研究,这些结论在帮助我们提高我们的工作方面很有价值.这里是能够帮助你提高你的网站的用户体验的10条有用的可用性结论和指南. Form标签最好放到字段的上面 UX Matters的一份研究发现表单中的标签(label)的理想位置是在字段(field)的上面.在很多的表单中,标签被放到字段的左边,