易读性的基本法则(三之一)

易读性的基本法则(三之一)

出版还有很多东西需要解谜,还有很多事情要探索,所以我们有了出版侦查课。

上篇谈易读性,说的是如何让读者忘记「我正在看字」这件事,因此可以把全副心神专注在内容本身,不要浪费力气去辨读字体。这在版面编排可说是唯一的原则。符合这个原则的版面不可能难看,不符合这个原则的版面,就算美也是失败。那幺怎幺做才能有易读性呢?

几个重要的注意事项条列如下:

文字一定是表现在版面里面的,就算是萤幕也是一种版面,文字如果紧贴着版面边缘,带来的是紧迫的焦虑感,读起来压力很大很难喘息。有些平面设计会故意这幺做,以取得某种张力,但内文这幺做只能说是太超过了。内文的紧张感一定要从文字的叙述来,那才是情节里的紧张,你用视觉强迫的紧张,只会让读者难以对内文专心——结果读者反而无法专心体会情节。

边界在传统书版称之为天、地、装订边和裁切边。通常天大于地,但也会看到地大于天的设计,但我从未见过合理的地大于天的设计。地大于天使版心高高吊在页面上,危危晃晃,好像要叫读者分一颗心去注意它会不会塌下来。

适当的边界到底要留多少?关于这个,有个术语叫做「版面率」,就是指版心在页面当中所佔的面积比率。版面率越高,容纳字数越多,页面也显得热闹、紧张;版面率低,能放的东西少,但相对页面则显得安静。大部分时候我们需要在这中间找到平衡。

要注意边界有时候指实体裁切的纸张边缘,有时候指任何画出来的区域,如框格、表格内的储存格、用底色铺出来的小方块(Box)等,这些都应该留边界。甚至邻接绕图的文字,也应该要留边界,否则会让阅读变得难受(见下图):

在专业的排版软体上,你要让每一页的版心位置不固定会很困难,因为程式通常就预设一本书的版心位置是固定的。可是我还是不断看到许多书版心位置、大小、宽窄竟然是不固定的。

版心固定不只是美学或风格的考虑,版心固定可以提升阅读的易读性,我在<长卷与翻页>里说过:

张页式翻页每次的新页新行都在相同位置,所以大脑不需要花力气搜寻、判断,它只要照旧就可以找到新行,开始顺利阅读,大脑可以用所有的力气去理解文本,而不必浪费额外的认知负荷。

除了让大脑好找,版心固定还有另一个直接的好处,就是排版效率。你不再需要为书的每一页规画版面,只要设定全书通用的左、右页、章名、书名页,全书统一就可以让排版效率大幅提升。而现代排版软体可以用很简单的方法完成(如果你想知道你的美编有没有用这种高效率的排版,关键字是:主页)。

反差在纸本上大约不成问题,市场上供应的印书纸全是白色或米白色,因此印上黑字自然就会有足够的反差。纸本比较常见的问题是底纹或底图。有些人喜欢在内文字底下衬印底纹,用来显示他的版面有某种独特的气质。

气质有没有不知道,易读性绝对是大大失分。阅读很简单,我们先认出字的轮廓,再跟记忆里的字彙比对,如果底纹在字下,光是要认出字的轮廓,就是对大脑视觉运算单元的苛刻考验,很多人会说读这种版面会「读到头痛」。因此我一直很难理解喜欢这幺做的人,为什幺看不到这幺明显的问题?难道他们都不读一下自己设计的版面吗?

这种问题在部落格时代尤其明显,想要表达页面气质人很多,而知道易读性重要的人很少。(我上学期在淡江的实战出版课堂上出过一个测验,请学生到 UDN 的部落格去抓有哪些版面违反了易读性原则。XD)

大部分纸书採用略带米黄色的印书纸,因为纯白色配上黑色油墨反差太高,视觉容易疲劳,所以在萤幕显示时,我通常会在自己的部落格铺上一层浅米色( #fdfcf5)以便模拟印书纸的颜色。

萤幕底色还有另一个议题,长期以来在偏好者之间争执不休,那就是到底是白底黑字好读,还是黑底白字好读。

在我看来这实在是毫无道理的争执,因为全世界所有注重易读性的媒体,毫无例外都採用白底黑字(或者浅底黑字)。事实上整个电脑萤幕显示趋势,也是从 Dos 时代的黑底白字,转成视窗时代的白底。我们确实会碰到某些系统以黑底为标誌,但绝大部分网站、作业系统採用白底,这也是我们现在眼见的事实。(未完待续)

下期有更多易读性原则,欢迎继续收看:页面参考线、行距、字距、字级、字体、对齐、排版禁则。

Photo from Flickr CC by Ed Yourdon

(更多老猫文章请看老猫出版侦查课)
(欢迎在脸书追蹤我)

相关推荐