UI設(shè)計(jì)師要知道的經(jīng)典字體

Helvetica

剛做設(shè)計(jì)的時(shí)候，我只會用一種字體，就是 Helvetica，因?yàn)樗翘O果的官方字體，我做設(shè)計(jì)稿的時(shí)候永遠(yuǎn)是一個(gè)背景圖片加上用 Helvetica 寫的很細(xì)的一行字，好像很簡潔的樣子。然后別人問我這個(gè)字體好在哪里，我也說不上來。其實(shí)每個(gè)字體背后，都有它獨(dú)特的情感和氣質(zhì)，或者一段故事。

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

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

 

Didot

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

△ 用 Didot 作為 logo 字體的時(shí)尚雜志 VOGUE

 

Futura 和 DIN

德國給我們的印象一直是可靠，穩(wěn)定，堅(jiān)固的。德國的設(shè)計(jì)和“德國制造”一樣，也遵循這樣的理念。在20世紀(jì)初，德國的包豪斯設(shè)計(jì)學(xué)校成為現(xiàn)代設(shè)計(jì)的推行者，當(dāng)時(shí)的一些理念在現(xiàn)在看來依然非常經(jīng)典，他們主張把設(shè)計(jì)回歸基本的幾何元素，以幾何和機(jī)械的美感來主導(dǎo)設(shè)計(jì)，F(xiàn)utura 是當(dāng)時(shí)這種風(fēng)格下最成功的一款字體，在設(shè)計(jì)的時(shí)候，F(xiàn)utura使用了大量的尺子和圓規(guī)，用數(shù)字和幾何確定筆畫的位置，代表了德國設(shè)計(jì)的冷峻和可靠。

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

△  使用 Futura 設(shè)計(jì)的海報(bào)，還有宜家也廣泛使用了 Futura

△  在德國廣泛使用的 DIN ，上圖是一個(gè)標(biāo)識牌

 

Avenir 和 Gotham

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

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

△  有點(diǎn)小確幸風(fēng)格的 Avenier，很有親和力

△  前些天我設(shè)計(jì)的Pokemongo 的卡片，字體選用的就是 Gotham