身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

@justfont :在前面提到了 Arial 是在什么因素下被制作的(why),接下来这次要谈的是它是怎么制作的(how),比较深入到字体设计的话题了。过程非常详细,但有些内容相当技术性,读不下去也可以跳过,字体爱好者就别放过了,绝对涨姿势!

还没看过前篇的人请看前篇:《身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(上)》

硬广之字体爱好者该如何进阶学习:《张家佳的字体设计课程》

IBM 在开发早期的商用激光打印机「3800」的后继机种「3800-3」时,决定对于 Typography 加以改善。由于初期机种分辨率只有 144dpi,所以能选的字体也只有等宽字,文字大小也只有三种能选。到了 3800-3 后,分辨率提高到 240dpi,这时内建个高质量的字体,并增加字体大小的选项,就成为新课题了。于是 IBM 委托 Monotype 开发新字体。我不确定最初的需求是怎么提的,最后定案的规格如下所示:

  • 提供 Sonoran Serif、Sans Serif、Display、Petite 四套字体。
  • Serif 以 Times New Roman 为基础。
  • Sans 以 Helvetica 为基础,但因为不是 Monotype 的字体,所以提供设计有稍微差异的新字体。
  • Display 以 Old English 为基础,Petite 是新字体。
  • Sans 与 Serif 提供 Regular、Italic、Bold、Bold Italic 四种样式,Display 与 Petite 提供一种样式。
  • 字体以点阵形式提供(当年还没有外框字功能)。
  • 字体大小不是自由放大缩小形式,而是为特定尺寸准备专用的点阵资料。
  • Serif 与 Sans 提供 14 种尺寸(6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 30, 36pt),Display 提供 20pt, 36pt 两种,Petite 只提供 4pt 一种。
  • 各字体包含 238 字。

IBM 3800-3 的打印分辨率是 240dpi,所以 12pt 的点阵字,高度就有 40 像素 (包括音调记号的空间)。最小尺寸的 Sonoran Petite 只有 4pt,所以只有 14 像素高(于是 Petite 并没有包含音调记号)。

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

△ 由上到下是 Serif 16pt、Sans 16pt、Display 20pt、Petite 4pt

针对输出装置特化的设计

虽说是点阵数据,最后的输出设备是打印机。与平常我们在计算机画面、平版印刷上能看到清晰的每个点不同,因为输出时使用的是粉末状的碳粉,所以轮廓的形状无论如何就是会显得模糊。Sonoran 系列字体反而将这点视为特色,以跳动的方式描绘轮廓线,让外框显得柔和。可惜的是我手边找不到原始图了,下面这张图是示意图:

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

为了让点阵的阶梯状锯齿比较柔和,用波动式处理斜线、区线的手法。

听说以低阶析度的激光打印机打印时,右边的印刷效果会比较好看。我是很想直接注销原始的位图,但手上已经找不到了,还请见谅。

这个作业在纸上谈兵往往无法得到与想象中的结果,听说每个像素都要逐一调整,花了相当多的时间(项目末期,Robin 还出差到索诺兰沙漠附近的 IBM,直接在客户端现场反复进行微调工作 )。如果这样的字型拿到平版印刷或屏幕显示用,这些杂点会显得很烦,真是激光打印机专用字体才能使用的技巧。虽然以现代来说已经是没用的技术了,但原来连排个点阵字都有这么多专业技术,是我这次访问中最佩服的部分。

Sonoran 系列字体样本

下面是各字体的样本。要把全部注销来实在是太多了,所以这里就省略一些字重与符号字型了。机器其实还内建了更多字体,只是多数只是差在加上了取消线之类的差别,在此就省略了。点开缩图能开启大张的图片,请自由仔细观察。

首先 Sans 部分有趣的地方在于 acegs 等字笔画的切口看起来是完全水平的,与 Helvetica 的印象更为接近。 e 似乎是只有在最大尺寸有斜的切口。

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

Serif 与 Sans 一样,在不同的文字尺寸,设计都有大幅的差异,而 Serif 又特别明显。在较小的尺寸,字间取得比较宽,线条比较没有对比,x-height 比较高,即使是 6pt 也可以清晰阅读(以前没看过这种造型的 Times New Roman,非常新鲜)。

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下) 身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

其中我个人最喜欢的是 Petite。如前面所说,这套字只有 14 像素,而且还是以激光打印机输出,难免显得更粗。竟然还有办法得到如此清楚的视认性,非常惊艳。为了放得下 i, j 的点,把 stem 骨线部分缩短的做法也很聪明。

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

另外,3800-3 还内建了其他的字体(很可能是 IBM 自制的)。为了在等宽字的空间里塞进比塞塔货币符号(Pts)而把 P 与 t 合体的设计等等,看得到很多设计上的苦心。Ç と ç 为了放得下软音符,有把字稍微抬高。另外 Script 的设计太优秀了,以等宽字来说算是做得非常漂亮的。好想看到这些字的点阵资料……

身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下)

项目的计价方式

Sonoran 项目是以每个单张位图多少美金的方式定价的,也就是位图单位的论功计酬制。这里所说的位图,是指一个尺寸的一个字。其他就请自己计算了……

以上就是我所知道的 Arial 的一切了。像是 Arial 这样随手可得的字体,一旦挖下去,竟然也有这么多不知道的秘密。嘛,也不是叫你要去用它啦……。

【优设精品字体教程+资源】

会动的霓虹灯字效:
《PS+AI教程!手把手教你绘制酷炫多彩的动态霓虹灯字效》

可爱糖果字效:
《PS教程!教你打造清新可爱的3D糖果文字效果》

免费打包下载:
《十月份最漂亮的27款英文字体免费打包下载》

原文地址:blog.justfont

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量105万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏
点赞

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。