英文設計中字體的選擇和排版技巧(附字體搭配建議)

發(fā)布時間：2017-04-19 15:12:37 作者：盒子以外

每個人、每天、在各種場合都會接觸到字體。字體設計與排版，其實已經(jīng)超出了設計師的范疇，無論是寫商務郵件，做展示報告，還是發(fā)布博客，我們每個人其實都或多或少會接觸到字體設計，下面為大家?guī)碛⑽脑O計中字體的選擇和排版技巧，來看看吧

一直覺得每種字體都帶有自己的性格和情感。所以在實際的應用中，選擇哪種字體的重要性比想象中重要得多。字體傳達的信息，甚至可以影響人們的購買決策，影響到客戶是否對你說「YES」。這里我參考了一些文章，總結了一些對字體的情感和應用研究。

閱讀時間：10 分鐘

本文將介紹

字體與閱讀體驗字體與文化聯(lián)系幾種常見字體的故事與情感表達字體應用建議（附五種字體搭配建議）字體與閱讀體驗

每個人、每天、在各種場合都會接觸到字體。字體設計與排版，其實已經(jīng)超出了設計師的范疇，無論是寫商務郵件，做展示報告，還是發(fā)布博客，我們每個人其實都或多或少會接觸到字體設計。

字體及排版的重要性從下面這個實驗就可以看出來。20 位志愿者，一半男生一半女生被分成了兩組，每組被展示了同樣內(nèi)容不同排版的紐約客：一組的排版、字體和圖片都經(jīng)過設計，另一組則是隨意排布了一下。

研究者發(fā)現(xiàn)，用戶對排版很糟的那一篇文章印象很差，甚至在生理上通過禁皺眉頭反映了出來。

而皺眉肌是與人腦海馬體旁的杏仁核這種負責情緒管理的部位緊密聯(lián)系在一起的。

而閱讀排版良好的那一組人員，則擁有更強的認知注意力，更強的分析狀態(tài)和更清晰的思路。

研究人員因而得出的結論是，良好的排版不一定能幫助你更好地理解文章，但確實會讓你閱讀感覺更好，從而能更加積極地對于閱讀做出響應。

好吧，也許你會說，這不是廢話嗎，我當然知道好的排版比差的排版對閱讀更有幫助。但是這里想要強調(diào)的是，字體與排版是密不可分的兩個部分，都屬于英文中「typograhpy」的范疇。英文的「typograhpy」還包含了字體藝術，版式藝術等內(nèi)涵。

字體與文化聯(lián)系

字體之所以會給你帶來這樣那樣的感覺，原因之一就在于它與文化的深刻聯(lián)系。

比如 Courrier （法語里是信件的意思）字體，就特意設計成懷舊的、讓人回想起老式打字機打出來的字體。

許多人把 Helvetica 與美國政府聯(lián)系在一起，也是因為美國稅單上用的字體就是這個。

而如果你不生活在美國，或?qū)ξ鞣酱蜃謾C沒什么概念，可能看到這兩種字體就會無動于衷。因為這種文化聯(lián)系的缺乏。

所以，這里的建議是在使用字體的時候，一定要注意其文化聯(lián)系?？纯疵绹y行的例子。這是原始網(wǎng)頁：

這是改進后的網(wǎng)頁（與報紙新聞標題聯(lián)系在了一起）

當美國銀行網(wǎng)頁的字體改成了 Impact 之后，看起來反而沒那么可靠了。

字體是人設計的。它的背后一定有某種文化意義。所以在選擇字體的時候，要考慮到字體的文化背景，我相信你不會想選一個一下就讓人聯(lián)想到某些文化里面努力避免的字體。

幾種常見字體及其情感表達1. Times New Roman

在西文中，最常見的字體莫屬 Times New Roman 。這個帶襯線字體來源于英國《時代》雜志。1929 年，字體專家 Stanley Morison 批評了《時代》雜志的字體難讀又難看。雜志社的人接受了他的批評，并請他設計出了一款新的、適合雜志閱讀的字體。于是 Morison 和雜志社內(nèi)部的 Victor Lardent 合作設計了這款著名的 Times New Roman。

Morison 一開始是建議在 Plantin 的基礎上進行改進設計，但為了兼容可讀性以及對于空間的節(jié)省，最終做出了字體的重大改動：筆觸之間的對比做了加強，從而營造出一種干脆的感覺。

Roman 代指的是傳統(tǒng)有襯線的一種規(guī)矩的字體。但 Times New Roman 的字體設計與名為 Roman 或 Romas 的源于意大利的字體沒有關系。

風格：受早期現(xiàn)代化和一些巴洛克印刷影響，結構莊重，清晰。適宜正式場合。

2. Helvetica

同樣作為西文常見字體之一，Helvetica 作為一種無襯線字體，其來源名字顯得沒有那么動聽一點：Neue Haas Grotesk。（neue = 新的，Haas = 很man的，粗魯?shù)?，Grotesk = 怪誕的）。Max Miedinger 和 Eduard Hoffman 在 1957 年瑞士創(chuàng)建了這個字體，這個字體的中性化設計讓它迅速在各種應用中走紅。但字體名字就沒那么有吸引力了，當 D. Stempel AG 公司一年后打算開始推廣這種字體的時候，他們決定換一個更加國際化的新鮮名稱。最終他們選用了一個讓人注意到瑞士根基的名字：Confederatio Helvetica 是瑞士的拉丁名。

風格特征：高 X基準；緊湊的字母間距；窄 t 和 f。廣泛適用于各種場合，尤其受品牌商標的偏愛, 包括 3M，寶馬，雀巢, 曾經(jīng)的蘋果等等。另外，該字體很受政府青睞。正如上文所說，美國稅單上用的字體就是 Helvetica。

對應的中文字體，應該是各種黑體比較適合。

3. Verdana

Verdana 是 Matthew Carter 為微軟公司設計的一款無襯線字體。最初是微軟的字體小組里的Virginia Howlett 提出的要求。Verdana 的名稱是來源于 verdant （綠色的東西）和 Ana （Howlett 姐姐的名字）。

跟人性的字體 Frutiger 一樣， Verdana 設計理念是適應那時低分辨率的電腦屏幕。其風格特征是高 X基準，字母間寬松的間距，以及很寬的字母空心（比如 a 和 p 閉合部分的距離），以便在小字號上也能易于辨認。

宜家從2010 年起拋棄了使用多年的 Futura, 轉(zhuǎn)而投向了 Verdana 的懷抱。據(jù)宜家的解釋，這種轉(zhuǎn)變的原因是為了保證字體能適應各種國家的文字（之前的宜家字體不能兼容亞洲文字），從而保證宜家設計風格的一致性?？梢?Verdana 在國際化適應范圍上是比較廣的。

4. Calibri

被稱為「溫暖又溫柔的一款字體」，Calibri 從 2007 年開始，逐漸成為了微軟旗下幾乎所有產(chǎn)品的默認字體。該字體屬于 Windows Vista 推出的 Cleartype 字體系列之一，用于適應 LCD 顯示屏。同系列的字體還包括 Cambria, Candara, Consolas, Constantia and Corbel 。

在大字號尺寸下，字體圓潤的邊角清晰可見。而它的意大利斜體則包含了書法字體的影響，這種影響在現(xiàn)代系字體里面都可以見到。雖然對于 Calibri 字體在設計界有些爭議，但得益于它有些彎曲的線條和筆觸收尾初的輕微卷曲，該字體在幻燈片展示大字號的時候還是挺好看的。

5. San Francisco

San Francisco 是蘋果特意為其產(chǎn)品設計的一款無襯線字體。根據(jù)蘋果官方介紹文檔，該字體也是高 X基準，數(shù)字高度與大寫字母高度一致的。

相比之前蘋果使用過的 Helvetica, 該字體在小字號上的顯示表現(xiàn)優(yōu)秀很多。對該字體的積極評價主要是以下幾個方面：

字體顏色的均勻程度?？s小文字字號，瞇起眼睛感受一下：

字體的靈活性

San Francisco 是一整個字體家族。設計師在設計的時候，不用操心使用具體哪一種 San Francisco（比如只需要把系統(tǒng)調(diào)成 UILabel），系統(tǒng)會自動選擇合適的字體適應屏幕和字體大小。

尤其需要指出的是該字體的冒號。一般字體冒號會比底部基準線高一點點，但 SF 的冒號位于兩個數(shù)字中間的時候，可以剛好居于數(shù)字高度居中的位置。

總的來說，SF 是一款適應了數(shù)碼時代的字體。

字體應用建議

為了傳達不同的情感，在使用字體的時候，有一些建議可以參考。

1. 選擇基準字體

一般同一個場合，不一定會只使用一種字體。比如標題和正文可能就是兩種字體。但是，一定要先選好正文部分的字體，再根據(jù)正文的字體選擇合適的其他字體風格進行搭配。就好比穿搭，一般來說是先選好了穿哪件衣服，再決定搭配什么配飾。

而一般來說，字體主要分為以下四種：

帶襯線字體：也就是在筆觸邊角有小短線的字體。這種字體一般被認為更正式，也更加傳統(tǒng)。并且更適合于印刷體。

無襯線字體：與帶襯線字體相對，無襯線字體就是沒有筆觸邊角的小短線字體。相應地，也被認為傳達了更加歡樂、不那么正式的感覺。

手寫體：模仿手寫，往往用在正式的邀請函當中。不適合用在大量文章主體部分。

裝飾體：獨特的非正式字體。適合用在表達個性的標題上面，為整體設計添彩，但絕不要用在正文里面。

總之，在有大量文字出現(xiàn)的時候，用帶襯線或無襯線體字是最合適的。因為這個時候你需要閱讀者把注意力放在內(nèi)容，而不是字體上面。

過去，鑒于屏幕分辨率的問題，會有人建議在網(wǎng)絡上面最好使用無襯線字體。不過隨著屏幕分辨率的提高，在適當?shù)牡胤绞褂脦бr線字體也沒問題。在一些重內(nèi)容的博客網(wǎng)站，甚至直接選用帶襯線的 Times New Roman 作為主體文字。

總之，大部分情況下，清晰易讀，一定是主體文字部分的第一要務。

這里有個檢驗字體的小技巧（來自于 Jessica Hische）測試你的西文 I,小寫的L 和1 是否具有辨識度。

用這個標準一測試，顯然很多字體都經(jīng)不起考驗……

2. 選擇大于 12 磅的字號

這里，科學家又做過一個實驗。實驗過程*＆……%。好總之結論是，隨著我們電子設備屏幕越來越大，12 磅字體是個更合適的選擇。而在一定范圍內(nèi)，大一點的字體會容易讓人產(chǎn)生更強的情感聯(lián)系。所以也有人提出 16 磅是新時代的 12 磅?？纯雌渌W(wǎng)站的字號給大家做個參考：

Medium — 22px 37Signals: Signal vs. Noise — 22px Zen Habits — 21px

當然，這個字號大小也有一個范圍。要是主體文字超過了 30 磅，那也沒什么意義了。不過，你可以嘗試把字體調(diào)大一點試試。要是你用的是 12 磅，嘗試一下 16 磅，要是用的是 18 磅，不妨嘗試一下 22 磅。也許會有驚喜發(fā)現(xiàn)。

3. 注意文字長度

文字長度指的是文字在屏幕上延伸多長。一般來說，西文 50 – 75 個字符比較合適。當然越大的屏幕有越寬的范圍。