身边的字体!聊聊电脑上最熟悉的陌生字体 ARIAL(下) - 优设网 - UISDC

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

2015/11/26 8587评论区

arial-font-introduction-2-1

@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 并没有包含音调记号)。

zt20151126

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

针对输出装置特化的设计

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

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

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

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

Sonoran 系列字体样本

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

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

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

ai20151126 wy20151126

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

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

项目的计价方式

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/arial-font-introduction-2

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计圈干货 界面设计 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里