Quantcast
Channel: 字型 – justfont blog
Viewing all articles
Browse latest Browse all 28

[but] 字型设计自己来─中文字型设计的第一课

$
0
0


谈完了英文字型设计后,终于要来谈与我们比较息息相关的中文字型设计了。

不过,老实说,中文字型设计还真的难以下笔。因为中文字型设计的各种技术在台湾还算是业界自己的 know-how,台湾的字型设计师不太有公开演讲或专书介绍,所以总是蒙上一层神祕的面纱。每个公司自己应该也有它们内部的一套方案。

日本各个公司的原字(字图设计原稿)
──2010年“原字物语─数位字型的原型”展览海报

大原则上,中文字型(甚至也包括日文的假名、韩文)设计时,首先要先确立两个框。

外面的大框称为“字身框”。之前在介绍英文字型时提过,活字排版的时候,每个铅字通常是紧接在一起排列的。这里所谓的“字身”就是指活字的字身,也就是每个字的物理距离,也就是之前说的步进宽度 (advance width)。通常我们说中文是方块字,所以字身框通常都是正方形的;但事实上字身框当然可以不是正方形的,只是市面上这样的产品非常少,非正方形又比较有名的字型有日本 Type Project 公司的 AXIS Condensed(日文字型取了全英文的名称也是很有趣的尝试)。

里面的小框称之为“字面框”。字面是文字的字图(glyph)本身实际分布的空间。这个框很重要,它决定了这套字型的个性。不同的字型,会决定有不同字面框大小。字面框大时,会显得整套字比较紧凑,看起来字也比较大;而字面框小时,字与字之间得到较多喘息,不过字也看起来比较小。
下图呈现出几套字型,与其字面框的大小。可以看出在同样的文字大小下,隶书的字面框整整比超黑体小了一整圈,这样给读者的印象就会有很大的差异。

字面框是一个“设计上”的概念,它并不会储存在 TrueType 等实际的档案资料里,但却是字型的设计者必须去掌握的重要框线。因为汉字的特性,有些字扁平(如一、四),有些字瘦长(如月、了),并不是每个字都会撑满整个字面框;但在设计的时候,应该试图去掌握字图该如何布局在字面框里,让整个字的平衡显得最自然。

英文字型的对齐主要是仰赖基准线(baseline),而中文的对齐则是中心线。横排的时候,以横向的中心线对齐;直排的时候,则以纵向的中心线对齐。在笔划布局上,要确认文字对于中心线,上下左右是否平衡,有没有歪一边的问题。如果平衡感不佳,排出来的文章就会摇来摇去。

文字布局平衡的好坏范例 引用自:社団法人日本印刷技术协会,泽田善彦。

你会不会觉得右下划线处忽松忽紧呢?

上述是一些最基本的标准规范。实际上,每个设计师可能会随自己的习惯或需要,再加上一些其他辅助线,来协助设计作业。例如将字面框再加以细分,设定横笔最多不可以超过哪个范围,撇捺最多又不可以超过哪个范围。或是加上一条文字重心的辅助线等等。

香港蒙纳字型公司所使用的设计稿纸 (摄于ATypI 2012)

由于现代字型规格(TrueType等)到头来是个西方的产物,要将汉字存到这些档案里,就必须要去配合这些档案的规格。

虽然中文本身是没有所谓基准线(baseline)的,不过现代的文字生活,中文时时刻刻需要与英文、数字混排在一起。所以中文字型还是要决定出一条基准线,为了让字型与英数字排版在一起时,能摆在个适当的位置。如上图,一般我们会把基准线设在比汉字底端稍微高一点的位置,在经验上,这样中英文排列的效果看起来最舒服。

此外,在多数的实作上,中文字型的字身框高度等于上端线与下端线之间的距离,也等于 em 的大小。由于中文字型多为方块字,所以又会等于步进宽度。于是我们常常讲中文字的字身框就是一个 em square。但请注意这只是多数字型的惯例而不是规定。(关于 em,之后会在其他文章加以说明)

由于中文还有直排的需求,一个专业的中文字型,还应该针对直排的情况,定义一些资讯来描述直排时的相关资讯。
举例来说,有些标点符号,像引号(“),它在横排与直排时形状是不一样的。以往DOS的时代,是直接在符号表里放横排用的引号与直排用的引号两个版本;不过在这个年头,其实可以直接靠 TrueType、OpenType 技术,针对这个符号定义两种不同字图(glyph),一个给横排用,一个给直排用。市面上的排版软件多半能够支援这些字型功能,在直排的时候,选择正确的字图。

中文设计部分,我们提到的专有名词不多。这篇文章是承接着之前英文的相关讨论,说明一下要设计中文字型时,工作稿纸的基本知识而已。不过只要有这样的概念,就可以先打开字型编辑软件来实战囉!(是说要连载到字型编辑软件不知道还要几个礼拜呢)
而关于中文设计美学上的观念,justfont 部落格以前介绍很多,之后也会不断介绍下去。请大家密切锁定 justfont 部落格!

续下篇,了解什么是中宫





Viewing all articles
Browse latest Browse all 28

Trending Articles