找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1001|回复: 0
打印 上一主题 下一主题

提高网站可读性的方法

[复制链接]

2560

主题

2560

帖子

7622

积分

论坛元老

Rank: 8Rank: 8

积分
7622
跳转到指定楼层
楼主
发表于 2018-2-18 04:47:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

                      一个更易读的网站意味着网站使用性的改良以及提供愉悦的阅读体验。我们希望浏览者们能或者这些好处不是吗?
    这篇文章我们将介绍5个简单的方法让你能提高你网站的可读性。当然,文章的最后请大家自由发表意见,我希望能知道你们的想法。
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_jeanc__2011291019176875.jpg" width="575" height="324" border="0" />
    对排版的基本了解
    你必须收悉字距调整、亮度动态控制、首字、截线、无截线、线高等术语。
    排版是现代网站设计的一个重要方面,特别是现在许多人使用css下的font-face字体而且有一些像Typekit一样的软件让人们可以用不合法的字体在他们的网页上。
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_w6ffu__2011291019186848.jpg" width="575" height="187" border="0" />
    当然最漂亮的字体也不能在你不遵守相关基础规则的情况下帮助你。试着一直用字体标准度量,无论是你的自创体还是现有的字体,简单的12, 14, 16, 18, 21, 24, 36, 48, 60,将会很好的规范字体等级制度,保持使用合法的字体度量标准。
    有效地利用空白处
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_irbb9__2011291019187670.jpg" width="575" height="620" border="0" />
    “空白空间”是指设计网站时的闲置空间-它并不一定指白色的白,可以说它是隔开章节段落之间的那些空闲空间。能更好的利用这些空间是提高你网站可读性的关键。
    如果你的网站挤的满满的使得段与段之间都没有空白,阅读浏览你的网站将变得很困难。确保你的文字内容,副本,图标,列表,超链接以及其他元素拥有自己的空间。
    我们知道网络使用者是不回去耐心阅读的,他们快速浏览直到找到他们感兴趣的内容,于是才点击来读(或者继续快速浏览)。在这方面做一些提高,通过利用空白空间让你的页面便于浏览。
    对其线和格
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_i6vxx__2011291019192307.jpg" width="575" height="184" border="0" />
    如果文章和其他网页元素在网页上四处分散会使你的页面十分难以阅读从而无人问津。使用对其格能帮助你保持页面的整齐并让读者能直接的发现你页面的关键点-比如说请读者注意的按钮。
    有一些出名的网格系统如960.gs 和Blueprint可以作为你设计网页的起点和参考。我个人喜欢用我自己的构架风格,但是我相信这只是个人选择罢了。
    色彩对比
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_4axqi__2011291019194001.jpg" width="575" height="235" border="0" />
    显然上述的几点对网页设计很重要,但是色彩对于网页也是不可或缺的重要因素。白色底纹浅灰色文本也许让你读着不费力,但对于其他人来说可能根本无法读下去。如果你的目标读者是60岁以上的人时,你可能希望文章字色稍暗点更利于阅读。同样的,如果你的页面背景太暗,要让文字越亮越好。
    你当然可以在对比度的掌握上玩的的心应手,你可以使你的图标颜色更深来吸引读者注意,让其更浅来让读者忽略。
    确保元素间的对比,背景和文字的对比。你可以使用Colour Contrast Check‘这样的工具来使文章有不同的色彩和对比。
    确保简洁切题
600)makesmallpic(this,600,1800);' src="http://www.mycodes.net/upload_files/article/73/201105/1_pgytz__2011291019198011.jpg" width="575" height="283" border="0" />
    如我之前说的,人们不会去仔细阅读,他们只是浏览罢了。至少我是这样的。所以让你的内容简短并把不相关的东西去掉可以提高可读性。要知道你不是在写小说,你是在写网络文章。我个人一看到长篇大论的文章就立刻点击关闭。把文章拆成小段落和关键点。
    当你能把文章缩到50字时就不要写100个字。保持简洁切题你的读者会感谢你的。
    该你说了
    我知道我关于这个问题的看法只是表面见解,请同我们分享你们的小经验。我会仔细阅读它们的。评论区见!
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

用户反馈
客户端