位置:主页 > H烛生活 >易读性的基本法则(三之二)

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

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

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

上接前文「易读性的基本法则(二之一)」。(我发现两篇写不完,现改为三篇。:P)

纸本书页面上我们可以画出隐形的参考线,作为安排页面元素放置、对齐之用。

即使是一本最简单的书,在一个跨页里也可以画出至少七条参考线。这些参考线控制版心永远保持在页面相同的位置,图片以及图说也遵循相同的边线,这样在视觉上可以减少突兀,整本书也拥有相同的风格。

即使複杂如 DK 的全彩插图版面,页面上的排版元素其实也遵循相同的参考线原则。以我接触过的 DK 原版排版档,上面甚至会定义出控制每行走文的水平高度的参考线,称为走文格线(line grid),所以我们看DK版面似乎很活泼,事实上是异常严谨。

可是那些去背景、不规则的图片怎样「放在」参考线上呢?不规则图有两种做法,第一种是安全地放在格线区域内,第二种是破格,你乾脆就打破所有格线的限制。要注意的是,页面中採用破格的图最好只有一张。一张破格在整页严谨遵守参考线的排版下,会显得特别抢眼,如果页面每张图都破格,带来的视觉效果就变成凌乱,而不再是凸显了。

纸本书通常使用百分之百行距,也就是说行跟行之间的空白,宽度等于内文字的宽度。行距太宽或太窄对阅读都会造成困扰。

现在电脑环境最容易出现行距过窄的问题,因为大部分程式的预设值都是以配合英文排版为原则,而适合英文的行距,通常不适合中文。英文因为有上升字(如 d、i、k)和下沉字(如g、j、p、q)造成文字内的留白空间,所以只要稍许加一点行距,整体看起来行距就够大。而中文方块字先天就佔满整个字面空间,所以行距必须百分之百地主动空出来。

行距跟行长有对应关係,书版因为每行较长,所以行距最宽,杂誌、报纸因为分栏走文,所以行较短,因此行距也可以缩小。

每个现代字体在设计的时候就已经考虑到字距问题,设计师会让字符与字符之间看起来紧凑,但又不会重叠。所以最合理的排版字距就是维持标準字距,不拉宽,也不缩紧。

只有在使用楷体或(仿)宋体时,这些字字符笔画的空隙大于明体字,用标準字距排版看起来反而太鬆,这时候可以考虑缩紧字距,以便维持足够的紧凑感。

有些古老的香港网站因为中文相容性的缘故,会在每个汉字字符中间加差半形空白。这样程式是可以处理中文了,但带来的结果是字距变得出奇的宽,易读性变得非常糟。

中英文混排有个独特的字距问题,就是在汉字和拉丁字母之间,应该留一点空隙,比标準汉字字距更多一点。专业排版软体如 InDesign 可以处理这个问题(你要会设定),而线上的程式目前则几乎都不支援这个功能,因此有人提倡用手动方式在写作时,主动在汉字和拉丁字母之间加上半形空白(我通常也是这幺做)。

但合理的做法应该是寻求程式解决这种排版问题,而不是由写作者手动加字符。

书版维持字距有一点要注意,就是表面上你设定了标準字距,但如果你同时设定齐头尾,排版程式就会拉散字间去配合齐头尾。这时候如果要齐头尾又要有标準字距,唯一的解法就是让版心栏高设为内文字级的整数倍。这一点是许多甚至连老手也会犯的毛病,齐头尾让段落里除了最后一行以外,大家都拉散了,于是最末行跟前面每一行的字距就变得不一样了。

字大适合老花,字小很多人觉得有气质,可惜气质不是易读性,最适当的书版内文字级大小是「10.5p」,p 是 point 的缩写,一 p 相当于七十二分之一英寸。10.5p 相当于铅字时代的「五号字」,字大易读,不伤眼力。

纸版书毫无疑问,最佳内文用字是细明或中明,到粗明就太过头了。明体字跟西文的「罗马体」类似,属于有衬线的字体,其他楷体、(仿)宋体、黑体、圆体在内文排版上,易读性都不如明体字。

但在线上,最近有个流行的趋势,各大新兴网站开始採用黑体作为内文用字。这里的误解是这样的。黑体容易阅读是从行动装置(主要是 iPhone)上流行起来的。行动装置为什幺让黑体更易读,原因其实是因为萤幕解析度较高。

高解析萤幕让浏览器的「反锯齿」(anti-aliasing)字体显示技术,适合展现笔画较粗的黑体,而不适合展现笔画较细的明体。但在解析度通常低于 100 dpi 的桌机环境,尤其在视窗平台上,浏览器支援点阵化的细明字,导致细明字体的清晰度远高于被反锯齿演算法糊化的黑体。详细图例请参「为什幺新媒体内文偏好使用黑体是错的」。

下期待续:斜体、灰度、分段、对齐、排版禁则孤字孤行。

Photo from Flickr CC by teddy song

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