文字设计和视觉文化

数字设计之美

number_1
「我最喜欢 Akzindez Grotesk Light 的数字2,它犹如一只长颈天鹅。」——Erik Spiekermann

印度人发明了阿拉伯数字,阿拉伯人在12世纪将其传到了尚处在中世纪的欧洲,并逐渐排挤掉了罗马数字,成为了被最普遍使用的数字。

拉丁字体有衬线和无衬线之分,然而在数字的世界里,却有着另外一种分类。

文本数字(text figures),也被称为非等高数字(non-lining)、小写数字( lowercase)、旧体风格(old-style)等,是一种模仿拉丁字母高低错落而设计的数字。文本数字的形状和上下位置模仿了小写字母,0、1、2定义了 x 高度;6和8有上升部;3、4、5、7、9具有下降部。也有一些个别情况,如8世纪晚期至19世纪早期 Didot 家族制作的字模中,为了区别于草书的小写字母z(类似数字3的写法),数字3也具有上升部。这一传统被后来的法国字体所继承。

number_2
Meta, DIN, Georgia 有文本数字,而现代主义代表的 Univers 则使用的是等高数字

文本数字之所以得名「文本」,因为在大段文字中,其高低错落的设计和小写字母相得益彰,而等高数字(Lining figures)被认为更适合搭配大写字母和在表格中出现。但在中文字体环境中,情况截然相反。方块形状的汉字,和等高数字放在一起感觉协调;而文本数字,则仅仅在一些文学书籍的页码等处出现。

1788年的欧洲,等高数字伴随着中产阶级小商人的崛起而出现。小杂货店里的价格牌子,为了在有限的面积上提高识别性,通常是顶天立地的手写等高数字。当 Richard Austin 为 John Bell 雕刻设计出了一款四分之三高度的等高数字,它们很快就被19世纪的字体设计师们进一步发展。在报纸和广告中,等高数字开始大量取代了文本数字。

尽管很多传统的字体或专业字体同时包括文本数字和等高数字,但大多数的字体只包含一种数字模式。等高数字已经成为了主流。

number_3
无衬线字体的I和l很难区分,而数字0、字母o和O,始终是个设计难题

字体设计师 Erik Spiekermann 曾说,「任何人都可以设计字母,但数字却很难。」数字和字母所需要的内外空间不尽相同。在设计数字的时候,还需要考虑到和字母之间的区别。数字7的腰间经常会被打上斜线,起笔部分会被加上一条短线。这么做的目的,是为了更好地把数字7和1区分开来。数字1的顶部起笔,也会被加上短线,区别字母 L 或 l。0和 o、O 在设计的时候也需要格外注意。大写字母 N 有时会被错误地倒过来书写,因为N的笔顺并不适合人的书写,从上往下再往上,那样才是顺手的。3和5经常会被搞错,因为它们的下半部分一样,而上半部分则相反。

numbers_4

2007年是著名的 OCR 字体50周年。OCR 全称为:光学字符识别技术(Optical Character Recognition),是通过扫描等光学输入方式将印刷品上的文字转化为图像信息,再利用文字识别技术将图像信息转化为可以使用的计算机输入技术。OCR 的识别率取决于三个要素:原始图像分辨率、颜色和字体。

早年的光学字符识别技术尚不完备,需要一种扫描仪能识别的字体。OCR-A 字体诞生了。它采用了等粗的笔画和极为方正造型,被 Spiekermann 称为如同家具一般。OCR-A 字体由美国国家标准学会(American National Standards Institute)发布。1977年发布的X3.4版本已经成为了国际信息技术标准委员会(INCITS)的标准字体。OCR-A 如今的另一个名称是:ISO 1073-1:1976。OCR-A 在德国国家标准中也有对应:DIN 66008。

OCR
所有的OCR-A的字母和数字,全都在4×7的网格内设计,便于扫描仪器识别

OCR-A 字体的数字部分得到极为广泛的应用。商店物品上的条形码、银行支票上的编号、信用卡上的号码、财务帐单上的数字……OCR-A 不但成为了独特的扫描仪字体,还是具有代表性的等宽字体(Monospace)。印刷/打印机打出的所有字母和数字都具有相等的宽度和间距——0.10英寸(0.254厘米)。有等宽数字,当然就有非等宽的数字。数字1的结构决定了其宽度较窄。有一些字体,即使数字部分等宽,小数点宽度却不一致,导致了在表格中无法对齐。

numbers_5
即使在同一个字体家族中,标准的55号或 Regular 通常是等宽的,而拉长体(Extend)则很有可能是非等宽

最后说说中文字体中的数字。多款著名的中文字体,其数字部分,和某些著名西文字体「极为接近」。 numbers_6

参考

  • ‘Design mind-numbers’, 2008, by Frog Design
  • http://en.wikipedia.org/wiki/Text_figures
  • http://en.wikipedia.org/wiki/Optical_character_recognition
  • http://desktoppub.about.com/library/glossary/bldef-liningfigures.htm
  • http://typophile.com/wiki/Lining%252BFigures
  • 百度知道
  • 百度百科
  • ‘The Fundamentals of Typography’, by Gavin Ambrose / Paul Harris, ISBN: 9782940373451, AVA

尊重原创:关于转载

我们希望在中文环境中建立一种健康的 TrackBack 和链接机制,保证原创,并不影响传播。因此对于译文和原创文章,我们欢迎您在网站上推荐我们的文章,包括文字和图片片段,但不赞成任何形式的全文转载。
参与讨论或通过 TrackBack 推荐:Trackback URL.

7 个相关讨论

  1. smallspy
    2009/09/09 at 12:09 pm | Permalink

    “……但在中文字体环境中,情况截然相反。方块形状的汉字,和等高数字放在一起感觉协调;……”
    那为什么在本文中您使用了文本数字和中文字符搭配呢?

  2. Rex Chen
    2009/09/09 at 1:08 pm | Permalink

    这个是我们 CSS 的一个bug,我们的英文字体默认是 text figure 的。我们会在近期试图改善这个问题。

    谢谢提出!

  3. hongzhang fang
    2009/09/13 at 11:11 pm | Permalink

    很高兴能看到关于数字的文章,其实这对于欧体字体设计师来说是非常重要的组成部分,不过也是容易被我们不重视的一部分,Lucas de Groot曾经就数字字体设计和我提起过,由于源于阿拉伯,虽然都处于手写,但是事实上他们在字型设计上和拉丁字母不尽一样。
    顺便说一句,举例字体中,应该是FF DIN而不是DIN吧,DIN字库中应该没有旧风格。

  4. colourphilosophy
    2009/09/14 at 2:15 am | Permalink

    多谢方兄。我也是看了Spiekermann的一篇有关数字的采访后想到写这个的,有不足之处请多指教~

  5. jidongxiao
    2010/01/06 at 4:56 am | Permalink

    受益良多 非常感谢

  6. venom
    2010/10/23 at 5:52 am | Permalink

    哈哈 最后lz又愤了。我天朝现在不就是这样嘛,以抄、剽、窃为基本设计核心思想,说到这个lan-ting-hei,文字部分还是完全照搬某日文字体呐。不过凡事有两面,咱不说字体,说流行音乐。要不是港台艺人众翻唱中岛美雪,这位流行王者在大陆估计压根没人会知道;很多听流行的不听古典,然后就有X.X.X“借鉴”些莫扎特啊之类的一小段旋律弄出来一首歌,然后大众就纷纷表示旋律优美恍若天籁:他们起码起了普及作用,至少是个文化承载的搬运工。

  7. ytxmobile
    2017/07/06 at 4:01 pm | Permalink

    其实方正书宋的数字使用的字体是Times而非Times New Roman。

参与讨论

你的Email地址将不会被发布或透漏。 标记*的项目为必填项目。

*
*

作者 / 译者