打印

对屏幕文字行宽度的计算与界定

对屏幕文字行宽度的计算与界定

这篇文章涉及的范围是: 人体工程学,GUI,文字,版面设置
对于文字排版,已经有很多传统的关于平面媒体的论述,而且对
于文字栏宽(单行字数)这个话题,早就有概念性的指导,用我
们今天的理解来说,是这样表述:在不发光介质上的文字排版,
单行不应该大于35字中文字符左右宽度。这是长期的平面媒体在
对人的感官视觉计算后得到的一个“舒适阅读”的参考值之一。

那么,现在我们的阅读,大量的转到这个你正在面对的屏幕的时
候,我们更加应该重视这个新的阅读介质上应该怎么表现文字,
而让我们以往的平面媒体上获得的“舒适阅读”的用户体验得以
再次实现。

很显然,这种发光介质上的阅读,和纸张上的阅读有很大的不同,
我们今天先放下其中的阅读模式变化,光刺激对视觉的强制性等
等话题不谈,先来从视线的线性流向开始谈起。

有人说,印刷品的出现,使得文字阅读有了视觉的线性结构,说
得简单些,就是从左向右,由上至下的阅读习惯。

为了不至于在一行读完后,视觉接不上下一行,就必须限制行宽
度。

现在我们在屏幕上阅读的时候,也许你会发现,阅读的速度比你
平时在读书时的速度要快一些,而且,也不是象读书时那样容易
看走行。但是遇到行宽过大的文章,你的视线就开始扫描了,如
果文章碰巧很长,你看不了几段就会觉得眼球跑得很累,这就是
“视觉疲劳”的开始。其实这个状况不是今天才有的,只是现在
显得十分突出而已。为什么这样讲?因为大家现在都换了大的显
示器了嘛,有些人用的还是宽银幕的那种。

好吧,我们就来看看,以现在主流的19"显示器来面对,我们在
屏幕上到底能接受多宽的文字栏宽才会觉得更舒服。



通常我们的眼睛离显示器大约一尺的距离,也就是333mm左右的
距离,按照人因工学对人的有效视觉角度60°辐射出去,我们看
到,眼角的余光正好能覆盖到整个屏幕的大部分区域。但是我们
不可能用余光去阅读文字,因此,在中间的30°左右清晰视线范
围,透射到屏幕上的宽度是多少呢?我们看到计算出来的值在
178mm范围,为了便于计算和保证视觉清晰,我们将这个值向下
取近似值为175mm,这样很好记忆,正好是一个标准男子身高
175CM的1/10长度,也正好接近于两耳之间的距离。

OK, 那么175mm在屏幕上到底有多宽呢?
我们看看在不同的屏幕分辩率下的显示:





现在,我们可以清晰的知道自己应该怎么去做了,我们也可以明
确的知道自己的文字栏宽度不应该超过55个中文字符了,一个建
议的值也已经凸现出来,那就是每行约40个中文字符。这就是我
们在新的阅读媒介上应该把握的尺度。
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
◆下载 ColorKey Xp 解决色彩问题
我和你之间的距离是你和我的距离

TOP

这个阐释角度不错。另外下面几个附件图片显示不正常。

TOP

很有道路,我支持
疯狂进军ActionScript 3

TOP

好文章,开始着手调整我们论坛的阅读感觉。
很佩服 quester 的钻研精神。
只要集中精力,五年成专家,十年成权威,十五年成世界顶尖。

TOP

很受用啊,有理论支持了
自己动手 丰衣足食
-------------------------
猫了好长时间了,出来透透气~

TOP

不错的文章。

TOP

不错~40个字符~

TOP

好久不见楼主了…………
世界本不公平,何必愤愤不平?-----上班时间断网了……
“心缘地方“同学录 V3.0版!!

TOP

很有意义。

TOP

很好!!
把用户体验的视觉感受研究得够深了,佩服!
珍视拥有的、遗忘失去的。

TOP

真是细致的研究    很实用啊
厄D神吖~网行客の泡猫

TOP

好想法.要好好研究一下先了.

TOP

又多了些深刻理解!
个人Blog:PlanABC   团队Blog:淘宝UED  专注Web前端技术!

TOP

我记得当初好多英文邮件每行79个字符,约40个汉字,还真有道理呀

TOP

嗯 好 收藏了

TOP

好帖.呵呵,好贴.
钟鼓馔玉不足贵 但愿长醉不愿醒

TOP

这个研究值的珍藏

研究的非常透,其实我们就应该对网站的各个细节去做仔细研究,找到这种规律性的东西,才能改善我们网站的用户体验
cnnaver.cn

TOP

收下了

真是好文章,值得学习

TOP

今天突然发现,Google的中文搜索结果也开始限制宽度了,是 34 个中文字符。
◆下载 ColorKey Xp 解决色彩问题
我和你之间的距离是你和我的距离

TOP

主要是以不超过脸的大小来衡量了,呵呵。两只眼睛太分开了看,真是感觉有点不伦不类
体验css www.cssxp.net

TOP

不是太完全认同

应该分类来判断这个字数是多少,只能做一个平衡,不能具体的规定这个是多少。像楼主定了自己的字数,我在浏览楼主的文章时点击滚动条下拉(我一般用的是空格健)需要四次操作才看的完。从这个角度上说,体验是不好的。

补充下:浏览器就这么大,把信息分重点、分类合理是最关健的。如:间距、色彩、图片、wording等都会影响阅读。

[ 本帖最后由 xiaoxiao2001 于 2007-3-4 13:31 编辑 ]

TOP

呵呵,看过鼠标这个以后,我的BLOG也按句手动换行了,
日常工作中电子文档也是这样来做的。

大家可能都有这种体会,集中精力去看一篇文章的时候,
虽然可以区分每行是什么,但是由于过于集中,
可能会导致过快的视疲劳,就想鼠标说的,“你的视线就开始扫描了”
难免出现“跑焦”现象,为了盯住文字,就要缩短“焦距”,
高度集中的精力产生视觉疲劳,加之为盯住文字,
缩小扫描范围而缩短“焦距”,眼周肌肉群一直处于紧张状态,
就会出现眼酸、干涩,不知道这是不是也算导致近视的一个原因呢

后半部有点玩笑的意味,不过也许还真有那么点关系,
所以对于我们整天对着电脑看的同学们来说,一个舒适的阅读环境,
是相当必要地!

TOP

受用,谢谢

TOP