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 系列字體反而將這點視為特色,以跳動的方式描繪輪廓線,讓外框顯得柔和??上У氖俏沂诌呎也坏皆紙D了,下面這張圖是示意圖:

為了讓點陣的階梯狀鋸齒比較柔和,用波動式處理斜線、區線的手法。

聽說以低階析度的激光打印機打印時,右邊的印刷效果會比較好看。我是很想直接注銷原始的位圖,但手上已經找不到了,還請見諒。

這個作業在紙上談兵往往無法得到與想象中的結果,聽說每個像素都要逐一調整,花了相當多的時間(項目末期,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

點贊
收藏

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏