編者按：中文字體的制作周期比起英文要長很多，不僅僅因?yàn)樽煮w的復(fù)雜度更大，還因?yàn)樽謹(jǐn)?shù)遠(yuǎn)超西文字母的數(shù)量。與之相對的，一套英文字體可能在漫長的傳承過程中，會經(jīng)歷更長時間的打磨，更多的迭代和調(diào)整，這種精雕細(xì)琢和沉淀的過程反而會成就更多經(jīng)典的字體。今天我們來聊聊來自字體設(shè)計(jì)師Mark Simonson 所設(shè)計(jì)的經(jīng)典字體Proxima Nova的演化歷程。

每一個經(jīng)典字體都有一段回味無窮的歷史，字體的每一個線條背后，滿滿的全是故事。Proxima Nova 的歷史雖然沒有Helvetica那么長，但是作為一個應(yīng)用范疇極廣的非襯線英文字體，它也是幾經(jīng)調(diào)整，而非一蹴而就的。

1981年

1981年 Mark 最初的設(shè)計(jì)稿

早在1981年，Mark就開始在草圖上設(shè)計(jì)這套字體。這個獨(dú)特的字體“a”和現(xiàn)在的成品一脈相承，識別度非常高。除此之外，Mark對于這套字體還有更多的想法。

1990–1993年

此時，Mark計(jì)劃將字體命名為“Visigothic”，并且在這4年時間內(nèi)將這套字體逐漸完善出來?！俺薋utrua、Gill Sans和少數(shù)幾款字體，這個時期的幾何字體真的非常缺乏，” 在最近的一次電話采訪中，Mark這樣說道：“所以，我設(shè)計(jì)Visigothic的目的就是為了填補(bǔ)這個空白。”

1993年

Visigothic 第一次面向大眾亮相是在電影《星球大戰(zhàn)》中，當(dāng)然，字體是經(jīng)過Mark精心調(diào)整過的。

即便是在今天，星戰(zhàn)的字體設(shè)計(jì)也是極為突出的。所以，80年代的青少年們對此如此著迷也不是毫無道理的。這么帥氣的設(shè)計(jì)，怎么能不為之著迷呢？

1994年

在這一年，Visigothic 以 “Proxima Sans”的名字正式對外發(fā)布?！疤孤实刂v，Visigothic 這個名字挺愚蠢的，”Mark 這樣對我說道：“而且這個名字并沒有展示出這套字體最典型的特征，比如獨(dú)樹一幟的字母‘s’和‘a(chǎn)’ 。英文字體選名字其實(shí)挺講究的，你得通過名字展示出字體中某些極具特色的字體，而Proxima Sans 就符合這種需求?！?其實(shí)這樣來設(shè)計(jì)字體的名字還是蠻有意義的。（不過仔細(xì)想想，又有幾次你能看到某個字體用它自己的字體來展現(xiàn)它的名字呢？）

用Proxima Sans字體來展示它的名字。

1998年

直到1998年晚些時候我才開始使用互聯(lián)網(wǎng)。沒過多久，我借助微軟的FrontPage 98軟件制作了屬于我自己的第一個網(wǎng)站。在這個階段，我對于網(wǎng)頁字體這件事毫無概念。

我制作的640px的網(wǎng)頁，不必要的效果，復(fù)雜的條幅式的Logo，無處不在的Papyrus字體，現(xiàn)在看來簡直是尷尬至極的設(shè)計(jì)。

2002年

這一年，Mark 對外發(fā)布了字體Gotham。有人認(rèn)為Gotham這套字體和之前的Proxima毫無關(guān)系?！皩?shí)際上Gotham的人氣高漲，使得幾何字體的市場需求急劇增長，” Mark坦言：“而這也使得設(shè)計(jì)新的Proxima San成為了新需求?！?也正是在2002年，Matthew Ball在為滾石做重新設(shè)計(jì)的時候，運(yùn)用到了Proxima Sans 字體。

2005年六月

Proxima Nova 問世，它是基于Proxima Sans 重新設(shè)計(jì)之后的產(chǎn)物。Mark 對于 Proxima Nova 的設(shè)計(jì)極具針對性，在描述這套字體的時候，Mark 覺得它填補(bǔ)了Futura 和 Akzidenz Grotesk之間的空白。

Proxima Sans 和 Proxima Nova 兩套字體

Proxima Sans 和 Proxima Nove 之間的對比

2005年夏季

作為獨(dú)立設(shè)計(jì)師，我曾被John Gruber邀請幫他為Joyent 制作網(wǎng)站。在當(dāng)時，作為一家初創(chuàng)的公司，Joyent 可以說是最早進(jìn)入云計(jì)算領(lǐng)域的企業(yè)。Paige Pooler 和 Bryan Bell 也是當(dāng)時的團(tuán)隊(duì)成員，他們的任務(wù)是制作插畫和圖標(biāo)等相關(guān)的東西。

在針對字體進(jìn)行探索的時候，我執(zhí)著地認(rèn)為Proxima Nova非常適合于這個項(xiàng)目。回首看看，曾經(jīng)風(fēng)靡一時的Papyrus字體現(xiàn)在早就沒人用了。時間真的是一把殺豬刀。

字體探索

Joyent.com 的早期視覺稿。

網(wǎng)頁字體？實(shí)際上在那個時候并不是靠譜的方案。那時候的瀏覽器對于網(wǎng)頁字體的支持非常有限，所以我們使用的是CSS圖片替代技術(shù)來呈現(xiàn)Proxima字體的。盡管這樣的設(shè)計(jì)頗為實(shí)用，也極富魅力，但是此刻的 Proxima 依然在大家（互聯(lián)網(wǎng)領(lǐng)域）的視野之外。這種情況直到2009年才有所改觀。

2009年五月

Typekit 正是對外發(fā)布。Typekit 團(tuán)隊(duì)領(lǐng)導(dǎo)者 Jeff Veen 被視作是系統(tǒng)字體限制的解放者，因?yàn)門ypekit的存在意味著瀏覽器字體顯示不再受限于系統(tǒng)內(nèi)置字體，從此迎來一個全新的時代。此后不久，Proxima Nova 就成為了Typekit 字體庫中的一員。

2013年

現(xiàn)在Proxima的使用已經(jīng)非常之普遍，甚至可以用“猖獗”一詞來形容。網(wǎng)站、APP，到處都是。我們怎么能如此濫用一個字體？！事實(shí)上，它已經(jīng)不僅僅是另外一個Helvetica Neue，在大大小小的屏幕上，Proxima Nova 展現(xiàn)出遠(yuǎn)超普通字體的強(qiáng)大兼容性和適用能力。

作為一個互聯(lián)網(wǎng)重度用戶，我親身經(jīng)歷了Proxima Nova 從時尚新銳逐漸褪變?yōu)榇蟊娮煮w的過程。我已經(jīng)太熟悉它了，熟悉得Proxima Nova已經(jīng)無法吸引我的目光了?！捌鋵?shí)這就是我的本意，” 當(dāng)我提及這一點(diǎn)，Mark如是回復(fù)我。

2015年二月

2015年二月，Mark對外發(fā)布了一個中等字重的Proxima Nova，這個字體最初是2006年應(yīng)英國的一家雜志出版社的要求定制的。在此之前，僅有Proxima Nova Soft 曾經(jīng)出過類似字重的字體。

在我作為UI 設(shè)計(jì)師工作期間，Medium 和 Semibold 兩種字重是設(shè)計(jì)UI過程中必不可少的，特別是用在導(dǎo)航欄菜單和按鈕上的時候，我需要使用小字號的大寫英文字母，這兩種字重能較好展現(xiàn)。

2015年四月

此刻，我們正在重新審視這套字體里的“a”。我們試圖創(chuàng)造出一些更為獨(dú)特的東西，加上我對于Proxima字體中的小寫a一直非常著迷，我們的團(tuán)隊(duì)在為 AuthenticJobs.com 做重設(shè)計(jì)的時候，也一直堅(jiān)持不懈地在字體領(lǐng)域?yàn)橹M(jìn)行探索和嘗試——基于Proxima，但是遠(yuǎn)不止于此。

為了給網(wǎng)站適配更優(yōu)秀的字體，我們不僅嘗試了Proxima Nova，我們還仔細(xì)研究了Alright Sans, Gotham, Avenir, Aktiv Grotesk, Adelle Sans, Source Sans Pro, Europa, Gibson, and Pragmatica Web 等等各種字體。

在這個項(xiàng)目上，我們的標(biāo)準(zhǔn)其實(shí)非常清晰：

• 首先這套字體需要能夠良好地適配正文字體、小字號的大寫字體（用于導(dǎo)航和按鈕）、全大寫的標(biāo)題字體。
• 它必須具有Medium和Semibold 兩種字重

包括Proxima Nova在內(nèi)，許多字體并不能符合我們的需求，達(dá)到這樣的標(biāo)準(zhǔn)。Gotham 和 Alright Sans 都是不錯的選擇，但是這些字體當(dāng)中的某些字形，和我們的喜好有偏差?！熬褪悄莻€‘a(chǎn)’ 給人感覺不對！”我的團(tuán)隊(duì)成員在這個看法上頗為一致。我們在Twitter上吐槽了一下我們的困境，通過若干次轉(zhuǎn)發(fā)之后，我們最終通過電話和Mark約好時間，在幾周之后碰面。

在Authentic Jobs的導(dǎo)航欄和按鈕中使用Proxima Nova Semibold 字體的效果

與此同時，我也在AI中試圖修改出更符合我們需求的字母a。不過在修改過程中，我有一種褻瀆排版圣物的奇怪感覺……

好在最終不用將這些修改過的版本呈現(xiàn)給Mark，我將它們擺出來其實(shí)也有我自己的想法。

和Mark碰面之后，我們探討了許多關(guān)于Proxima的事情，Mark更是給我詳細(xì)講述了Proxima的整個發(fā)展歷程。正如Mark所說，Proxima Nova 字體中的 a 是獨(dú)特的，作為字體中最具識別度的字形，它就像海報(bào)上的排版錯誤一樣顯眼，所以保持這個形態(tài)也是必要的。如果沒有它，整套字體會顯得平庸。證如同Charles Cames 所說，如果沒有這個a，Proxima Nova就不是Proxima Nova 了。

對于目前的項(xiàng)目而言，最終是否會選擇Proxima Nova尚未決定。但是如果我們最終確定使用它的話，一定會讓它完美地適配，我們有信心用好它，并且保持原汁原味。

【快速成為英文字體達(dá)人】

字體流行趨勢這里看：
《挑個任性！四月份高質(zhì)量精選英文字體免費(fèi)打包下載》

永不過時的經(jīng)典：
《永不過時！有哪些值得推薦的經(jīng)典款英文字體？（已打包）》

好技巧加速設(shè)計(jì)：
《超贊！每個設(shè)計(jì)師都該知道的10條字體設(shè)置秘籍》

原文地址：medium
優(yōu)設(shè)譯者：@陳子木

「子木說」

和中文字體一樣，不同英文字體的誕生都有特有的歷史環(huán)境和需求，其中所蘊(yùn)含的文化還是蠻豐厚的。如果你也對英文字體有興趣的話，安利兩本不錯的相關(guān)圖書，一本是《字體故事 : 西文字體的美麗傳奇》，其中不僅給你展示了諸多經(jīng)典的英文字體，而且由于有方正字庫的支持，你還能從這里看到許多不錯的中文字體；另外一本書則介紹的是經(jīng)典英文字體Helvetica《字體傳奇 : 影響世界的Helvetica》。

另外，今天文章里面所提到的字體Proxima Nova 也已經(jīng)打包好了，戳這里下載。

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

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

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計(jì)師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量94萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：