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

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

Helvetica

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

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

Didot

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

Futura 和 DIN

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

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

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

Avenir 和 Gotham

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

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

（前些天我設計的 pokemongo 的卡片，字體選用的就是 Gotham）

昨天剛剛申請開通了知乎專欄，以後會頻繁更新的，歡迎大家關注！謝謝支持