• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网站运营 >> 经验心得 >> 详细内容
 

推荐文章

  • 十种接近疯狂的站长
  • 百度——给站长的建站建议
  • 新手站长常犯的十大错误
 
 

热点文章

  • 十种接近疯狂的站长
  • hao123成功在哪里?
  • 图片站收入的赚钱小看法
  • 如何做网站链接? 做什么样的连接比较好
  • 一个个人信息港网站的发展历程
  • 我做垃圾站的一点体会
  • 灌水是论坛的灵魂--海峡钓鱼论坛5周年手记
  • 新站流量快速提高实战
  • 一个小站长穷站长的论坛经历
  • 域名选取十技巧
  • 十大通病制约个人网站的发展!
  • 搞地方网站已经半年的一些经历和体会
 
 

相关文章

  • 端午节推广网站十大方法
  • 网络营销方法中的三大王牌方法
  • 新手迅速提高流量的五点方法
  • javascript 实现无刷新联动菜单select的方法
  • 网站推广的几种常用方法
  • 从IIS的ASP迁移到APACHE的PHP的方法
  • 晒晒15天内让百度和google收录的方法
  • 网摘推广的步骤和方法
  • JavaScript方法和技巧大全
  • 把Access转成SQL数据库的方法介绍
  • 解析PHP连接MYSQL的两种方法
  • MySQL数据库备份守则和方法
 
 

百度搜索

 
 

30 个改善网站可读性的方法

  • 阅览次数:
  • 文章来源: http://dhlmtzx.edudh.net/oblog/article.asp?id=2031
  • 原文作者:
  • 整理日期: 2008-02-17
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

什么是网站设计中最重要的一个环节?很多人会回答是网站的可读性,怎么样才能使你的内容更容易阅读。

读者来到你的网站是在阅读他们关心的内容,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离你的网站。

那么我们可以做些什么来改善网站的可读性,使那些读者留下来继续阅读呢?

你现在就可以做的 30 件事情:

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

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

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

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

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

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

为你的文档使用结构层次。例如:文章标题——介绍——正文标题——内容——副标题——内容,这样会让你的网页更符合逻辑流程。

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

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

使用语义标记。比如为文章的标题使用h1 ,h2 ,h3 等标签来突出它们。可能你的

读者当中有很多人在使用新闻聚合器阅读你的内容,诸如span class=”myheading” 这样的标签对他们而言是不会显示任何效果的。

在开始的文章上使用贴图。这样做的目的是为了吸引读者的注意,通常会在最顶部的文章上应用贴图。

避免整块的文本。没有什么能比像一面墙一样的文字更能吓跑访问者的了。

将文本居左对齐通常是最好的选择。我们很少能看到将文字居中或两边对齐的示例(标题除外),而将文字居右对齐我想在任何时候都不是一个最好的选择。

文本绕图。这主要取决于你如何将文本环绕在一个图像旁,你可以重新考虑文字的措辞,也可以调整图像的大小。

文章标题和副标题必须突出。这样做的一个好处是可以让读者在第一时间了解这篇文章标题下面的内容是什么。使标题突出显示要做的工作只是使用更大的字体,为字体添加下划线、更改颜色等。

了解何时使用有序列表,何时使用无序列表。如果你的项目列表有一个特定的顺序,最好用数字给它们添加编号。

缩进列表。用以表明它们不仅仅是多个段落。

图像居中。如果有一些特定图片是你文章中无法划分出来的一部分(比如流程图、统计图),最好把这些图像居中显示,并在图像前后指定一条分隔线。

创建一个打印样式表。记住并不是所有的读者都在电脑屏幕上阅读你的文章,建立一个打印样式表保证你的文章在纸上的效果同样出色。

选择通用字体。在你决定使用何种字体后,最好再选择一种人人都有的通用字体。

添加补充内容时最好与原文章空开一些距离。

突出的句子使用相同的字体大小。改变字体大小,将改变该行的高度,打乱页面布局。

不要把正文中所有文字设置成使用全部大写。仅针对英文。

不要在链接上使用SnapShots 。

使文章内容保持一个合理的宽度。浮动布局常常会使文章的内容超出屏幕之外,使人无法阅读。

太多的段落总比太少的段落要好。在纸上写作时,通常每一段话有4-5个句子组成;而在网络上,每个段落有2-3句话组成是更加常见的。这样做是为了使段落呈现在一个漂亮的容易理解的小块中。

保持侧边栏的短小。

分页。如果你为一篇文章使用分页样式,要保证文章的导航是清晰且易于使用的。

使用淡化的颜色。为一些非关键信息使用淡化的颜色,比如发表时间、作者等。此外,淡颜色的线条不太会引起人的注意。

使用标签。为一些缩写词使用添加说明,并不是所有的读者都了解缩写词的含义。 的常规样式中在缩写词下面加一条虚下划线。

上一篇:PHP使用zlib扩展实现页面GZIP压缩输出
下一篇:构建支持Master/Slave读写分离的数据库操作类
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号