設(shè)計(jì)中最常用卻又最陌生的字體 ARIAL
這次要介紹的是大家似乎都很熟悉卻又很陌生的字體:Arial。就算你對字體絲毫不感興趣,只要打開過電腦,應(yīng)該都對它有印象。本文作者為英國字體設(shè)計(jì)師大曲都市先生,是難得能看到的 Arial 第一手資料,想知道它是如何誕生的,有何價(jià)值,這篇就別放過了。
Arial 常常跟 Helvetica 搞混,也常被當(dāng)作是沒有 Helvetica 時(shí)的替代字體使用。事實(shí)上 Arial 確實(shí)就是故意做得跟 Helvetica 很相似,連每個(gè)字母的寬度都刻意做得一模一樣。在歐美的排版業(yè)界中,使用 Arial 的作品意即是「不使用 Helvetica 的作品」,會被認(rèn)為是設(shè)計(jì)師對字體的使用沒有概念或是太容易妥協(xié),基本上我大致也是同意。
因?yàn)?Helvetica 只有 Mac 上才有內(nèi)建,Windows 用戶除非花錢買,不然是沒有 Helvetica 能用,所以使用 Arial 的設(shè)計(jì)師往往被看成是不愿意對 Typography 花錢,專業(yè)素養(yǎng)不到家的人。除了在確保網(wǎng)頁兼容性等絕對必需的情況外,幾乎可以說是不應(yīng)該使用的字體。
但是,在此之前,我們對 Arial 又有多少認(rèn)識呢? 甚至你會念這個(gè)名稱嗎? 它是誰、在什么因緣下被設(shè)計(jì)出來的呢? 為什么直到現(xiàn)在還廣泛使用呢? 一經(jīng)深思才發(fā)現(xiàn),原來我們對它是如此不了解。剛好我現(xiàn)在正好與 Arial 的主任設(shè)計(jì)師 Robin Nicholas 在同一個(gè)部門工作,趁這個(gè)機(jī)會,我正好來好好調(diào)查一下 Arial 的種種謎團(tuán)。相信可以挖出相當(dāng)多的數(shù)據(jù),若拿來當(dāng)茶余飯后的話題,一定會嚇跑對方!
發(fā)音問題
首先要提的是大家最在意的發(fā)音問題。 Google 網(wǎng)絡(luò)的結(jié)果,在日本 Arial 最常被念成「are-rile (阿賴喔)」,大約有45%,遙遙領(lǐng)先。很可惜的,這讀音百分百是錯(cuò)的。那正確答案是什么呢? 很意外的,其實(shí)是「沒有定案」! 念成「air-real (A哩喔)、are-real (啊哩喔)」都在可以接受的范圍內(nèi)。之所以沒有一定的標(biāo)準(zhǔn)答案,原因是在他的拼法上。歐美字體的名稱幾乎都會申請登記商標(biāo),所以通常會選擇一般沒有在用的字,較能避免日后的麻煩事。與其查遍既有的舊商標(biāo),不如直接造新字最方便。所以 Monotype 就把 aerial 拿掉 e,造了 Arial 這個(gè)字,結(jié)果很早期就產(chǎn)生混亂了。 Arial 是個(gè)十人團(tuán)隊(duì)所開發(fā)的字體,竟然團(tuán)隊(duì)內(nèi)就有「air-real、are-real」兩種念法并存。我之前的上司,也是 Arial 設(shè)計(jì)主任的 Robin Nicholas 是念成「air-real」,我就照他念了。至少在英語圈里應(yīng)該是「A」的音最通行,只是發(fā)音成「啊」聽起來也不奇怪,尤其是在 A 發(fā)音為「啊」的法文、德文圈里,可能更常被念成「are-real」。
結(jié)論是:最前面的 A 讀音比較混亂,不過 rial 的部分幾乎都是念成 real。并且在英語圈內(nèi),「air-real」是最普遍的念法。
為了激光打印機(jī)設(shè)計(jì)的字體
那么,就先來看 Arial 是怎么誕生的吧。 1975 年時(shí),IBM 生產(chǎn)了第一臺商用激光打印機(jī)「3800」,在最初機(jī)種里內(nèi)建的字體都是來自打字機(jī)的等寬字。順便一題,這臺打印機(jī)大約有 5 臺家庭用的冰箱那么大,而印刷分辨率只有 144dpi。直到新一款的「3800-3」要推出時(shí),IBM 才接觸 Monotype 公司,希望能在新的機(jī)器里內(nèi)建 Times New Roman 與 Helvetica 兩套變寬字。由于 Monotype 公司本身沒有 Helvetica 的著作權(quán),所以就向 IBM 提議可以做一套字體來替代 Helvetica,而 IBM 接受了這個(gè)提案,就此 Arial 項(xiàng)目就起跑了?;蛟S有人會覺得直接去買 Helvetica 不是比較輕松嗎? 實(shí)際上當(dāng)時(shí)的情況是,即使把字體權(quán)利買了下來,還是要花費(fèi)相當(dāng)龐大的成本去制作 3800-3 所需樣的數(shù)字化點(diǎn)陣數(shù)據(jù),作業(yè)量還是相同的。關(guān)于這點(diǎn),在下篇會有更詳細(xì)的說明。
△ 全世界第一臺商用激光打印機(jī)
就這樣,1982 年誕生的新無襯線字體 Arial,在 IBM 的打印機(jī)上,以 Sonoran Sans Serif 的名稱問市了。這是因?yàn)槲挥趤喞D侵莸?IBM Tuscon,拿公司前的索諾蘭沙漠來命名的。Times New Roman 也被命名成 Sonoran Serif,其他內(nèi)建的變寬字型也全部都用 Sonoran 開頭命名(這個(gè)項(xiàng)目對 Monotype 來說賺頭很大,所以 IBM 想要改用它們自己的名稱,也是一口就答應(yīng)了)。之后,Monotype 為了能對相同需求的客戶提供廉價(jià)的 Helvetica 代替字體方案,就把 Arial 的字母寬度更設(shè)定成與 Helvetica 一模一樣,讓 Arial 更有魅力(1989 年完成了 PostScript 版本的 Arial)。而其中最大最有名的客戶,就是微軟了。
很多人根據(jù)這一點(diǎn),認(rèn)為「微軟為了省下 Helvetica 那點(diǎn)授權(quán)費(fèi)選擇了 Arial,表示微軟根本對 Typography 沒什么關(guān)心」,這也是不對的。事實(shí)上 Windows 在 Arial 的開發(fā)、授權(quán)費(fèi)用上所花的經(jīng)費(fèi),已經(jīng)超過一些小國家的國家預(yù)算規(guī)模了(或許還是有比買 Helvetica 便宜一點(diǎn)啦)。而且 Arial 能有現(xiàn)在的普及率,也是因?yàn)槲④涁S厚的支持。
1990 年,微軟在 Windows 3.0 內(nèi)建了 Arial 的 TrueType 字型,隨著 OS 的普及,使用率也爆發(fā)性上升。1996 年更被指定為 Web 安全字型之一,現(xiàn)在 Arial 與 Verdana、Georgia 一樣,都是在 Web 環(huán)境中,無論 Windows 還是 Mac 都能正常顯示的字體之一。
在相似的星球誕生的字體?
前面講了很多次,Arial 與 Helvetica 很相似,事實(shí)上就是「為了相似」而誕生的字體。但仔細(xì)看細(xì)節(jié)的話,其實(shí)與 Helvetica 有明顯的差異,而且還隱含了與 Helvetica 不同的設(shè)計(jì)理念。
Robin Nicholas 在 2005 年接受 MacUser 雜志的訪問時(shí),對于「為了錢,身為藝術(shù)家的信念可以扭曲到什么程度呢?」這單刀直入的問題,他是這樣回答的:「在巨大的組織里工作,要貫徹自己的信念是很困難的。身為設(shè)計(jì)師的我,絕對無法讓步的底線,只有讓設(shè)計(jì)不踩到法律紅線,也就是不要去明顯抄襲別人的設(shè)計(jì)」。
因此,在 Arial 的設(shè)計(jì)上,雖然受到不能跟 Helvetica 差異太大的強(qiáng)烈限制,Monotype 所提出的答案是:拿自己公司在 1926 年制作的 Monotype Grotesque 做為基礎(chǔ)。事實(shí)上,Arial 其實(shí)是把 Monotype Grotesque 去變形成接近 Helvetica 的作品。Helvetica 所沒有的那些 e、s 的斜切口、切尖的 t、沒有做成箭頭狀的 G,其實(shí)都是來自 Monotype Grotesque 的設(shè)計(jì)。某大網(wǎng)絡(luò)百科里所說的與 Univers、Swiss721 的相似點(diǎn),全部都猜錯(cuò)了。順帶一提,Monotype Grotesque 在 2012 年有被重新設(shè)計(jì),現(xiàn)在以 Classic Grotesque 的名稱有在販賣。
Arial 與 Helvetica 還有一個(gè)差異,雖然差異不大,Arial 擁有比 Helvetica 更大的字腔與字間。若用排版在展示文字 (display) 用途,Arial 排起來比起 Helvetica,就是有種神秘的松松垮垮的感覺,理由之一就是因?yàn)?Arial 白空間取得比較松,讓它比較適合用在(低分辨率的)內(nèi)文排版上。請記得他是為了 240dpi 的激光打印機(jī)設(shè)計(jì)的。它與 Helvetica 字母寬度相同,但字間取得比較大,當(dāng)然每個(gè)字都稍微窄一點(diǎn),或是線有稍微細(xì)一點(diǎn)。很~~仔細(xì)看的話,Arial 排版的灰度會稍微比較明亮一點(diǎn)。真的差異不是很大,但這也是與 Helvetica 設(shè)計(jì)意圖不同的地方。
Arial 與 Helvetica 重迭在一起的圖。共通的部分涂白,黑色的 Helvetica 多出來部分的面積比較多,由此可以看出它線條比較粗,排版時(shí)的灰度也會比較深
Arial 的價(jià)值
講了這么多,還是很難把它獨(dú)有的設(shè)計(jì)理念跟其「用來代替 Helvetica」的背景一并看待。由于它誕生背景的原罪,歐文 Typography 界根深蒂固地有著 Arial 萬惡論,只要用了 Arial 就是被嘲笑的對象。但就其造型來說,說真的其實(shí)并不差。除了與 Helvetica 有相通的字寬以外,其實(shí)它是與 Helvetica 并不相同的另一個(gè)無襯線 Grotesque 字體,具有它獨(dú)自的造型。如果哪天 Arial 能夠拋開 Helvetica 的枷鎖被重新設(shè)計(jì),相信能夠重新得到應(yīng)有的評價(jià)。在那天來臨之前,Arial 也不是非用不可的字體就是了。
不過,這也不是說 Arial 是個(gè)沒用的字體。就如前面所說,也許只是紙上的推論,Arial 理論上會比 Helvetica 更適合內(nèi)文的排版。當(dāng)要排一篇文章時(shí),如果在猶豫要使用 Helvetica 還是 Arial 兩者選一時(shí),選擇 Arial 應(yīng)該沒有問題,至少在理論上 Arial 是比較適合的。常??吹胶芏嗑W(wǎng)頁在指定字型時(shí),將 Helvetica 設(shè)為最優(yōu)先,其次才是 Arial;但以內(nèi)文來說,或許顛倒過來才是比較適合的,也許吧(話說回來,也許根本用 Helvetica 還是 Arial 都不是最佳方案也說不定)。
在這里稍微廣告一下,Helvetica 用在內(nèi)文排版時(shí),有更好的方案。首先要推薦的是稍微加寬字間,調(diào)整成適合內(nèi)文使用的 Neue Helvetica。另一個(gè)是將 Helvetica 重新設(shè)計(jì)過,2011 年由 Font Bureau 公司推出的 Nenu Haas Grotesque,這套字體有大字用與內(nèi)文用兩種版本,內(nèi)文用的版本擁有比 Arial 更松的字間設(shè)計(jì)。另外,Linotype 還推出了適合屏幕內(nèi)文顯示版本的 Neue Helvetica eText,擁有市面上各種 Helvetica 中最寬松的字間設(shè)計(jì)。請參考看看選擇最符合您需求的方案。
另外,前面也提到了,Arial 真正來源的 Monotype Grotesque 也已經(jīng)被重新設(shè)計(jì),以Classic Grotesque 的名稱販賣中。不只重新描繪了每個(gè)字,也發(fā)展出了各種字重,并開發(fā)了斜體,補(bǔ)齊了本來不完整的字體系列結(jié)構(gòu)。
以字間的緊密度(不適合排內(nèi)文的程度)排出現(xiàn)在通行的各種 Helvetica 字體的結(jié)果。其中 Nenu Haas Grotesque Text 適合印刷也適合屏幕,Neue Helvetica eText 比較是屏幕專用,其他三者都還是有種肩并肩在一起的印象
在我任職于 Monotype 之前,Arial 曾經(jīng)是我很討厭的字體。但在原作者身邊工作,理解其制作背景后,現(xiàn)在我已經(jīng)沒辦法輕易的說出「Arial 萬惡」這句話了?,F(xiàn)在對于 Arial 的看法變復(fù)雜很多(這是好事),像是這篇文章也寫得好像是一下夸 Arial 一下?lián)p Arial,正就是我自己對 Arial 復(fù)雜的感情搖擺不停的證據(jù)。雖然前面說了沒有使用它的必要,但要向它學(xué)習(xí)的地方倒是很多。接下來的下篇將以 IBM-3800 內(nèi)建的字體樣本,更深入剖析 Arial 的制作背景!
本文地址:http://m.likemindfilms.com/tutorial/ui2986.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏