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

歡迎關(guān)注作者的微信公眾號：「UI每日推」

Helvetica

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

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

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

Didot

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

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

Futura 和 DIN

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

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

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

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

Avenir 和 Gotham

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

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

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

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

歡迎關(guān)注作者的微信公眾號：

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

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

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

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