身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

@justfont :在前面提到了 Arial 是在什么因素下被制作的(why),接下來(lái)這次要談的是它是怎么制作的(how),比較深入到字體設(shè)計(jì)的話題了。過(guò)程非常詳細(xì),但有些內(nèi)容相當(dāng)技術(shù)性,讀不下去也可以跳過(guò),字體愛(ài)好者就別放過(guò)了,絕對(duì)漲姿勢(shì)!

還沒(méi)看過(guò)前篇的人請(qǐng)看前篇:《身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(上)》

硬廣之字體愛(ài)好者該如何進(jìn)階學(xué)習(xí):《張家佳的字體設(shè)計(jì)課程》

IBM 在開(kāi)發(fā)早期的商用激光打印機(jī)「3800」的后繼機(jī)種「3800-3」時(shí),決定對(duì)于 Typography 加以改善。由于初期機(jī)種分辨率只有 144dpi,所以能選的字體也只有等寬字,文字大小也只有三種能選。到了 3800-3 后,分辨率提高到 240dpi,這時(shí)內(nèi)建個(gè)高質(zhì)量的字體,并增加字體大小的選項(xiàng),就成為新課題了。于是 IBM 委托 Monotype 開(kāi)發(fā)新字體。我不確定最初的需求是怎么提的,最后定案的規(guī)格如下所示:

  • 提供 Sonoran Serif、Sans Serif、Display、Petite 四套字體。
  • Serif 以 Times New Roman 為基礎(chǔ)。
  • Sans 以 Helvetica 為基礎(chǔ),但因?yàn)椴皇?Monotype 的字體,所以提供設(shè)計(jì)有稍微差異的新字體。
  • Display 以 Old English 為基礎(chǔ),Petite 是新字體。
  • Sans 與 Serif 提供 Regular、Italic、Bold、Bold Italic 四種樣式,Display 與 Petite 提供一種樣式。
  • 字體以點(diǎn)陣形式提供(當(dāng)年還沒(méi)有外框字功能)。
  • 字體大小不是自由放大縮小形式,而是為特定尺寸準(zhǔn)備專用的點(diǎn)陣資料。
  • 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 的點(diǎn)陣字,高度就有 40 像素 (包括音調(diào)記號(hào)的空間)。最小尺寸的 Sonoran Petite 只有 4pt,所以只有 14 像素高(于是 Petite 并沒(méi)有包含音調(diào)記號(hào))。

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

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

針對(duì)輸出裝置特化的設(shè)計(jì)

雖說(shuō)是點(diǎn)陣數(shù)據(jù),最后的輸出設(shè)備是打印機(jī)。與平常我們?cè)谟?jì)算機(jī)畫(huà)面、平版印刷上能看到清晰的每個(gè)點(diǎn)不同,因?yàn)檩敵鰰r(shí)使用的是粉末狀的碳粉,所以輪廓的形狀無(wú)論如何就是會(huì)顯得模糊。Sonoran 系列字體反而將這點(diǎn)視為特色,以跳動(dòng)的方式描繪輪廓線,讓外框顯得柔和。可惜的是我手邊找不到原始圖了,下面這張圖是示意圖:

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

為了讓點(diǎn)陣的階梯狀鋸齒比較柔和,用波動(dòng)式處理斜線、區(qū)線的手法。

聽(tīng)說(shuō)以低階析度的激光打印機(jī)打印時(shí),右邊的印刷效果會(huì)比較好看。我是很想直接注銷原始的位圖,但手上已經(jīng)找不到了,還請(qǐng)見(jiàn)諒。

這個(gè)作業(yè)在紙上談兵往往無(wú)法得到與想象中的結(jié)果,聽(tīng)說(shuō)每個(gè)像素都要逐一調(diào)整,花了相當(dāng)多的時(shí)間(項(xiàng)目末期,Robin 還出差到索諾蘭沙漠附近的 IBM,直接在客戶端現(xiàn)場(chǎng)反復(fù)進(jìn)行微調(diào)工作 )。如果這樣的字型拿到平版印刷或屏幕顯示用,這些雜點(diǎn)會(huì)顯得很煩,真是激光打印機(jī)專用字體才能使用的技巧。雖然以現(xiàn)代來(lái)說(shuō)已經(jīng)是沒(méi)用的技術(shù)了,但原來(lái)連排個(gè)點(diǎn)陣字都有這么多專業(yè)技術(shù),是我這次訪問(wèn)中最佩服的部分。

Sonoran 系列字體樣本

下面是各字體的樣本。要把全部注銷來(lái)實(shí)在是太多了,所以這里就省略一些字重與符號(hào)字型了。機(jī)器其實(shí)還內(nèi)建了更多字體,只是多數(shù)只是差在加上了取消線之類的差別,在此就省略了。點(diǎn)開(kāi)縮圖能開(kāi)啟大張的圖片,請(qǐng)自由仔細(xì)觀察。

首先 Sans 部分有趣的地方在于 acegs 等字筆畫(huà)的切口看起來(lái)是完全水平的,與 Helvetica 的印象更為接近。 e 似乎是只有在最大尺寸有斜的切口。

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

Serif 與 Sans 一樣,在不同的文字尺寸,設(shè)計(jì)都有大幅的差異,而 Serif 又特別明顯。在較小的尺寸,字間取得比較寬,線條比較沒(méi)有對(duì)比,x-height 比較高,即使是 6pt 也可以清晰閱讀(以前沒(méi)看過(guò)這種造型的 Times New Roman,非常新鮮)。

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下) 身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

其中我個(gè)人最喜歡的是 Petite。如前面所說(shuō),這套字只有 14 像素,而且還是以激光打印機(jī)輸出,難免顯得更粗。竟然還有辦法得到如此清楚的視認(rèn)性,非常驚艷。為了放得下 i, j 的點(diǎn),把 stem 骨線部分縮短的做法也很聰明。

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

另外,3800-3 還內(nèi)建了其他的字體(很可能是 IBM 自制的)。為了在等寬字的空間里塞進(jìn)比塞塔貨幣符號(hào)(Pts)而把 P 與 t 合體的設(shè)計(jì)等等,看得到很多設(shè)計(jì)上的苦心。? と ? 為了放得下軟音符,有把字稍微抬高。另外 Script 的設(shè)計(jì)太優(yōu)秀了,以等寬字來(lái)說(shuō)算是做得非常漂亮的。好想看到這些字的點(diǎn)陣資料……

身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)身邊的字體!聊聊電腦上最熟悉的陌生字體 ARIAL(下)

項(xiàng)目的計(jì)價(jià)方式

Sonoran 項(xiàng)目是以每個(gè)單張位圖多少美金的方式定價(jià)的,也就是位圖單位的論功計(jì)酬制。這里所說(shuō)的位圖,是指一個(gè)尺寸的一個(gè)字。其他就請(qǐng)自己計(jì)算了……

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

【優(yōu)設(shè)精品字體教程+資源】

會(huì)動(dòng)的霓虹燈字效:
《PS+AI教程!手把手教你繪制酷炫多彩的動(dòng)態(tài)霓虹燈字效》

可愛(ài)糖果字效:
《PS教程!教你打造清新可愛(ài)的3D糖果文字效果》

免費(fèi)打包下載:
《十月份最漂亮的27款英文字體免費(fèi)打包下載》

原文地址:blog.justfont

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量105萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏
點(diǎn)贊

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。