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

QUESTER 楼主

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

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

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

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

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

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

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

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



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

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





现在，我们可以清晰的知道自己应该怎么去做了，我们也可以明
确的知道自己的文字栏宽度不应该超过55个中文字符了，一个建
议的值也已经凸现出来，那就是每行约40个中文字符。这就是我
们在新的阅读媒介上应该把握的尺度。

Lenvo

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

itlwei

很有道路，我支持

蓝色

好文章，开始着手调整我们论坛的阅读感觉。
很佩服 quester 的钻研精神。

forfor

很受用啊，有理论支持了

0yun123

不错的文章。

youdu

不错~40个字符~

萧萧小雨

好久不见楼主了…………

leonhe

很有意义。

wenming

很好！！
把用户体验的视觉感受研究得够深了，佩服！

网行客

真是细致的研究    很实用啊

linqmking

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

blank

又多了些深刻理解！

aukwlee

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

manhere

嗯 好 收藏了

寒号鸟

好帖.呵呵,好贴.

mikeyboy

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

caicaipower

真是好文章，值得学习

QUESTER 楼主

今天突然发现，Google的中文搜索结果也开始限制宽度了，是 34 个中文字符。

hero4u

主要是以不超过脸的大小来衡量了，呵呵。两只眼睛太分开了看，真是感觉有点不伦不类

xiaoxiao2001

不是太完全认同

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

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

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

波希米亚

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

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

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

emyfly

受用,谢谢