提高网页文字阅读的5个体验

  1、长文本使用标准字号

  你现在正在阅读的文字的字号并不大,是你浏览器的默认显示大小,是浏览器本来应该显示的大小。

  我不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。我想马上就开始阅读,我希望你能适应我的设置,而不是反过来让我更改设置来适应你。

  刚开始的时候,要用大字号来设计出一个好的布局会相对困难一些,但是这样会帮助你设计出一个更简单、更清爽的页面。把一个网站塞满各种信息并不难,但是让她简单而易用却不那么简单。起初,你会不适应这些大字号,但是一天之后,你就不会再想在正文中看到任何小于100%显示的文字内容了。刚开始你会觉得这些文字看起来很大,但是一旦你体验过之后,你就会很快意识到,为什么所有浏览器的设计师都选择这个大小来作为文字的默认显示大小。

  2、主动留白

  让你的文字有足够的空间进行呼吸。使用留白不是设计师的既定问题,也与品位无关。

  “文字段落的宽度必须与其所使用的字号相适应。过大的行宽会使人不易阅读,并且会产生负面的心理效应。过小的行宽会也中断阅读的流畅性,迫使读者频繁地换行。”

  Josef Muller-Brockman, 网格系统

  在文本周围留出足够的空间可以减少阅读时的压迫感,因为这样读者更容易将焦点集中在内容本身。你无需填满整个窗口。留白看上去更好并不是什么副作用,而是功能设计的必然结果。谁说页面需要填满各种内容的呢?

  Muller-Brockmann说:“行宽并不是设计或格式中唯一重要的,易读性的问题具有同样的重要性。”

  所以,请确保行宽不要过长。你可以在左右两端留出一些空白,便于眼睛在阅读时进行换行。我既不想要调整字号大小也不想调整窗口大小。当我打开一个页面的时候,我就只是想进行阅读。自适应宽度的文字很好,但是横跨整个屏幕一眼望不到边的文字却很糟糕。

  可用性专家Nielsen最近为他的文章增加了留白区域和最大宽度的设定(下左图)。要是能再增加一些行距,那就完美了。


  Good Nielsen – Bad Nielsen

  基本准则是:每行10-15个单词(译者注:此处准则针对英文)。对于流动布局来说,当100%字号大小时,行宽为窗口大小的50%,在大多数分辨率下这是一个比较好的标准。

  3、友好的行高

  阅读专家说:

  “过小的行高设定会降低阅读速度,因为眼睛会同时注意上下两行,而无法集中精神阅读当前那行的内容。读者把精力花在错误的地方,并且更容易感到疲倦。对于行高过大的情况也是如此。”

  HTML的默认行高过小。如果你增加一些行高,文字会更具易读性。140%标准行高是一个不错的标准。

  4、鲜明的色彩对比

  这一点我觉得没必要多做赘述了。但是如果你觉得自己可以避免下列情况的话,那么你就不是一个网页设计师,而只是一个有态度的设计师。

  浅灰色的文字放在更浅的灰色的背景上

  银色的文字放在白色的背景上

  灰色的文字放在黄色的背景上

  黄色的文字放在红色的背景上

  绿色的文字放在红色的背景上

  如果你认为你还是一个网页设计师,那么你必须意识到,没有人会理解甚至看清楚你所表达的内容。别在做这种没有sense的事了,我们也想看看你到底想表达什么。注意:对于要在屏幕上显示的设计来说,过于强烈的对比(纯黑纯白)也不合适,因为这样看上去会使人感到文字在闪烁。一个建议的标准是:背景颜色#fff,文字颜色#333。

  5、别把文字做成图片

  在进行阅读的时候,我希望能够搜索、复制和保存文字,并使用光标来进行标记。把文字做成图片看起来很美观,但是美观并不是网页所要的全部。网页是用来进行交流和信息传达的,而信息需要具有良好的可读性、可用性、可伸缩性,方便进行引用和分享。

  如果你只有把文字做成图片才能把网页设计好的话,那我觉得你需要从头开始再学一遍网页设计了。

时间: 2024-08-30 00:49:47

提高网页文字阅读的5个体验的相关文章

从文字着手 切实提高网页用户体验

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 如今百度越来越重视用户体验这已经是一个不争的事实,一个网站如果想要获得高质的流量以及较低的跳出率,就必须重视用户体验,这也就是为什么网页用户体验优化成为SEO必须掌握的技能之一.可是有些站长会说自己也知道用户体验的重要性,但是却不知道该从何下手,仅仅是做好网站的内链以及开设几个订阅按钮吗?当然这也是其中的一些方法,笔者也是赞同的,不过,大家要

提高博客阅读体验的六种技巧

博客的阅读体验有很多方面,如果您要建立一个受欢迎的博客,那么,你可能要善待你的读者,提高阅读体验,这样会提高他们再次访问你博客的机会,让他们成为你的博客或网站的常客之一,当然你的网站如果可以注册的话,还可以成为你的注册用户之一,下面我就提供较为实用的六种方法. 1.简短明了的博客介绍. 这通常被大家认为是没用的,或者说不必要的,但不然,其实这样可以让访问者可以清楚的知道你的网站或博客的类型.总结一下格式大致为: 第一部分:网站的目标,即网站的主题内容,比如月光博客在刚建站是写的一篇介绍,月光博客

如何提高网页对于用户的可读性

网页可读性是用户体验中十分重要的基本环节,如果网页本身对于用户阅读都有困难,那么用户体验就更别谈了.所以这篇文章主要讨论如何提高网页对于用户的可读性. 其中的中心思想就是围绕更清晰的展示内容和如何减少不必要的视觉干扰. 1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比.这样用户可以比较容易的看清文字,减少阅读疲劳.有视力障碍的人可能看不清楚低对比度的文字.可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子.

萧涵:SEO应用之提高网页信噪比

网页信噪比是指一个网页上的文字内容与所有HTML代码的比率,这同样是我们所必须了解的SEO基础知识.从搜索引擎的原理来讲,其抓取系统首先是将整个网页下载下来,然后将里面的文字内容提取出来,经过分析去除HTML格式,清除噪音,然后分词,最后存入索引库.在这个过程中,搜索引擎也会经过去噪的过程,我们很明显地就能知道,网页信噪比越高,搜索引擎蜘蛛抓取的效率越高,搜索蜘蛛每天要处理的文档非常之多,如何能够快速的提取网页的主题信息是个重要任务. 其实不单单是指所有本文与代码的比率,还包括了当前页面文本内容

受欢迎网站的前提提高网页打开速度

  关于受欢迎网站用户体验的方法论有很多,最基本的:别让我等!!提高网页打开速度. 为什么迅雷在下载软件中独树一帜?为什么越来越多的用户在低画质的视频网站上在线观看连续剧,而不是下载更清晰的视频文件?答案是:用户的耐心非常有限,用户对速度的追求远远超过了对画质等因素的追求. 回到网站运营问题上,你是否有在全国各地都测试过,访问打开你的网站需要几秒? 曾有很多研究表明:用户最满意的打开网页时间是2-5秒,如果等待超过10秒,99%的用户会关闭这个网页.也许这样讲,各位还不会有太多感触,接下来,我列

雅虎:13条技巧提高网页速度

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 a网页打开速度,是网站做SEO的一个重要方面,包括搜索引擎本身也会对自己的网页考虑这个问题: 最近,雅虎的Exceptional Performance团队在其开发者网络上提出了提高网页打开速度的13条规则,其中包括"减少http请求",避免网页转向"等 具体内容如下: 1.减少http请求 2.减少多媒体,图片

一些小技巧让你提高网页的打开速度

摘要: 我们知道用户上网不喜欢用太多的时间等待网页的打开,等待的越长,用户会变的越来越不耐烦,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了!其次,关键字的排名与 我们知道用户上网不喜欢用太多的时间等待网页的打开,等待的越长,用户会变的越来越不耐烦,甚至烦躁时会直接关闭网页,这样就会失去一些潜在的客户了!其次,关键字的排名与网页的打开速度也有关系,这个主要体现搜索引擎对用户体验度上,用户体验度好,排名相对其它网站就好些,因此我觉得我们有必要去提高网页的打开速度,这个不需要太多的成本投入,

网页文字该多大?文字字号详解

网页|详解 文字在网页上的应用: (只看小标题您就能知道这一部分要说什么了,为了避免罗嗦,在此文发布前决定把此处300余字删除,只保留了下面这一句.) 对于一个设计的好的网站来说,用户浏览时间最长的是文章正文. 中文网页文字的现状: 中文网页普遍使用12px和14px的宋体(simsun),这两种文字都可以加粗(font-weight: bold).这个规范似乎也成了网页设计师的基本 常识. 中国的网页设计师有这4种可供选择的文字表现方式,仅仅是4种,只有这4种,4种很小的文字.其中12px的宋

利用PHP和CSS改变网页文字大小

  用PHP和CSS改变网页文字大小--在设计网站的时候,要牢记一点:并不是所有的访问者都是神采奕奕的年轻人,而且他们也不一定完全熟悉Web浏览器的各种使用方法. 在设计网站的时候,要牢记一点:并不是所有的访问者都是神采奕奕的年轻人,而且他们也不一定完全熟悉Web浏览器的各种使用方法.聪明的设计者了解这一点,他们常常将各种特殊的可访问特性融入网站的设计中,这样,即使是年长者或是残疾人士都可以方便舒适地使用网站,而不必花费额外的力气. 文本大小调节器是最有效的可访问特性中的一个,任何网站都可能需要