国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > 网络优化 > 建站心得之如何增强网站内容可读性

建站心得之如何增强网站内容可读性

来源:程序员人生   发布时间:2013-11-20 05:37:43 阅读次数:2150次
网站设计中最重要的一个环节就是网站的可读性。读者来到你的网站是要阅读他们关心的内容的,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。

  1、为你的链接添加下划线

  读者期待看到带有下划线的链接,因此不要让他们失望。

  2、为段落中的文字使用适当的行高

  一种快速、简单的方法,用段落中字体的大小来测算行高。较为理想的情况是行高大约为字体大小的1.5倍。

  3、在设计中明确区分你发表的内容

  你发表的内容从哪里开始,到哪里结束都应该是显而易见的,其它诸如侧边栏、文章评论、文章附加信息等模块应该在视觉上有别于实际内容。

  4、合理使用Pull-quotes(注:核心摘要、导读)

  如果你使用Pull-quotes,要保证这部分内容明显,并处于靠近文章顶部的地方。如果用户没有很快地识别它们,那它们就没有什么用处。

  5、保持简短

  同样的意思,你用书面文字写出来需要50个字,但是用嘴说的话可能只需要30个字。

  6、文字与背景的对比度

  使用Snook’s 的Color Contrast Checker检测网页的文字与背景的颜色,确保那些有视觉障碍的用户也可以正常阅读你的内容。

  7、为你的文档使用结构层次

  例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。

  8、注意广告位置

  避免在中间插入广告破坏文章的完整性,这样做会打断读者的思路。

  9、斜体粗体与颜色

  为以斜体和粗体显示的文字应用样式时,不要改变它们的颜色。这样做容易让读者混淆,会让他们停下来思考:这是不是一个链接?

  10、使用语义标记

  比如为文章的标题使用h1 ,h2 ,h3 等标签来突出它们。

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生