除了 Helvetica ，UI 設計師還應該知道哪些經典字體？

@ui力力 ：我和好多同學一樣，也是自學設計出身，在經過設計軟件的學習和畫圖標的階段后就開始工作了，后來在工作中遇到過很多問題，比如說，標題和正文怎么排布才是合理的？應該使用多大的字體？配色怎么配？一個 icon 是要用線型還是面型？這些困惑的出現是難免的，因為設計是一門非常嚴謹的學科，里面蘊含了很多道理，就連最基礎的字體選擇和排版，都經過了將近 1000 年的發展和演變，有很多很多專業的知識。作為一個 UI 設計師，我們應該對這些知識有所了解。

歡迎關注作者的微信公眾號：「UI每日推」

Helvetica

剛做設計的時候，我只會用一種字體，就是 Helvetica，因為它是蘋果的官方字體，我做設計稿的時候永遠是一個背景圖片加上用 Helvetica 寫的很細的一行字，好像很簡潔的樣子。然后別人問我這個字體好在哪里，我也說不上來。其實每個字體背后，都有它獨特的情感和氣質，或者一段故事。

Helvetica 在拉丁文中是“瑞士”的意思，Helvetica 是瑞士設計的代表作品。在第二次世界大戰時，由于瑞士是一個中立國，因此國內的藝術發展絲毫沒有受到影響，再加上很多歐洲其他國家的設計師逃亡到瑞士，使瑞士的設計迅速發展，形成了非常現代的設計風格。這款字體的設計風格和它的國家一樣，中性，不帶有任何的情感傾向，在各種情況下使用效果都不會差，后來成為使用最廣泛的字體，也被蘋果公司選為官方字體，成為了最著名的字體。

△ ?2007年被拍成了電影，傳奇字體Helvetica，有興趣的同學可以去看一下

Didot

Didot 誕生于18世紀，是一款法國字體，前前后后一共經歷了家族三代人的努力。當時的法國剛剛經過革命，廢除了封建制度，拿破侖上臺以后，以前華麗的洛可可宮廷風格被人們所摒棄，大家開始尋找新的設計風格，在設計 Didot 字體的時候，以前復雜和傾斜的筆畫被垂直的筆畫替代，字體的襯線比以前更加細致，而且在制作的過程中使用了數學控制字體的變化。這款法國字體高端，品質感十足，隨著巴黎成為時尚中心，被越來越的的時尚雜志使用，成為法國設計的標志。

△ 用 Didot 作為 logo 字體的時尚雜志 VOGUE

Futura 和 DIN

德國給我們的印象一直是可靠，穩定，堅固的。德國的設計和“德國制造”一樣，也遵循這樣的理念。在20世紀初，德國的包豪斯設計學校成為現代設計的推行者，當時的一些理念在現在看來依然非常經典，他們主張把設計回歸基本的幾何元素，以幾何和機械的美感來主導設計，Futura 是當時這種風格下最成功的一款字體，在設計的時候，Futura使用了大量的尺子和圓規，用數字和幾何確定筆畫的位置，代表了德國設計的冷峻和可靠。

在德國，公共場合里只有一字體，就是 DIN，它廣泛使用與德國公路的標識牌，汽車牌號和鐵路系統中，DIN 是“德國標準協會”的首字母縮寫，在1924年的時候設計了第一版的 DIN字體，但是只有兩個字重（字重就是筆畫粗細的意思），后來在1994年以后又增加了多個字重，形成了家族字體。DIN 非常有機械感，整體設計充滿力量，有很強的突出效果，讓人可以更好地專注于文字的內容而不是花哨的設計，這就是 DIN 在交通中廣泛使用的原因。

△ ?使用 Futura 設計的海報，還有宜家也廣泛使用了 Futura

△ ?在德國廣泛使用的 DIN ，上圖是一個標識牌

Avenir 和 Gotham

Avenir 是字體設計大師 Adrian Frutiger 最自豪的設計作品，但是這款字體在當時并沒有出名，而是在30年后的今天才得到了大家的認同。Adrian Frutiger 在審視自己作品的時候，發現并沒有一款幾何字體能和 Ftura 抗衡，所以他也想設計一款幾何字體，但是在設計了一段時間以后，他發現根本沒有必要再設計一款幾何字體了，因為那種完全按照數學和尺子做出來的字體太過冰冷，沒有人情味，所以他想設計一款充滿感情的人文主義字體，整套字體是他獨自一人設計的，把自己對設計的熱愛完全融入了進去，那種有點可愛的風格是現在很多互聯網公司希望傳達的，airbnb 在官網上大量使用了 Avenir，來傳達它舒適親密的理念。

Gotham 是奧巴馬在2008年競選時選用的字體，和 Avenir 一樣，也是一款人文主義字體，代表了親近和包容，設計靈感來源于紐約市的街頭繪畫，很有感染力和號召力。在星巴克和很多海報中，Gotham 都有廣泛的運用。

△ ?有點小確幸風格的 Avenier，很有親和力

△ ?前些天我設計的Pokemongo 的卡片，字體選用的就是 Gotham

歡迎關注作者的微信公眾號：

「值得推薦的一組中文字體」

1. 《超實用！有哪些活潑而高端且不俗套的中文字體？》
2. 《特別有料！有哪些值得推薦的中文字體？》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量190萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com