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

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

每個(gè)人、每天、在各種場(chǎng)合都會(huì)接觸到字體。字體設(shè)計(jì)與排版，其實(shí)已經(jīng)超出了設(shè)計(jì)師的范疇，無(wú)論是寫商務(wù)郵件，做展示報(bào)告，還是發(fā)布博客，我們每個(gè)人其實(shí)都或多或少會(huì)接觸到字體設(shè)計(jì)，下面為大家?guī)?lái)英文設(shè)計(jì)中字體的選擇和排版技巧，來(lái)看看吧

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

閱讀時(shí)間：10 分鐘

本文將介紹

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

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

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

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

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

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

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

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

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

比如 Courrier （法語(yǔ)里是信件的意思）字體，就特意設(shè)計(jì)成懷舊的、讓人回想起老式打字機(jī)打出來(lái)的字體。

許多人把 Helvetica 與美國(guó)政府聯(lián)系在一起，也是因?yàn)槊绹?guó)稅單上用的字體就是這個(gè)。

而如果你不生活在美國(guó)，或?qū)ξ鞣酱蜃謾C(jī)沒什么概念，可能看到這兩種字體就會(huì)無(wú)動(dòng)于衷。因?yàn)檫@種文化聯(lián)系的缺乏。

所以，這里的建議是在使用字體的時(shí)候，一定要注意其文化聯(lián)系。看看美國(guó)銀行的例子。這是原始網(wǎng)頁(yè)：

這是改進(jìn)后的網(wǎng)頁(yè) （與報(bào)紙新聞標(biāo)題聯(lián)系在了一起）

當(dāng)美國(guó)銀行網(wǎng)頁(yè)的字體改成了 Impact 之后，看起來(lái)反而沒那么可靠了。

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

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

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

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

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

風(fēng)格：受早期現(xiàn)代化和一些巴洛克印刷影響，結(jié)構(gòu)莊重，清晰。適宜正式場(chǎng)合。

2. Helvetica

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

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

對(duì)應(yīng)的中文字體，應(yīng)該是各種黑體比較適合。

3. Verdana

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

跟人性的字體 Frutiger 一樣， Verdana 設(shè)計(jì)理念是適應(yīng)那時(shí)低分辨率的電腦屏幕。其風(fēng)格特征是高 X基準(zhǔn)，字母間寬松的間距，以及很寬的字母空心（比如 a 和 p 閉合部分的距離），以便在小字號(hào)上也能易于辨認(rèn)。

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

4. Calibri

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

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

5. San Francisco

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

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

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

字體的靈活性

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

尤其需要指出的是該字體的冒號(hào)。一般字體冒號(hào)會(huì)比底部基準(zhǔn)線高一點(diǎn)點(diǎn)，但 SF 的冒號(hào)位于兩個(gè)數(shù)字中間的時(shí)候，可以剛好居于數(shù)字高度居中的位置。

總的來(lái)說(shuō)，SF 是一款適應(yīng)了數(shù)碼時(shí)代的字體。

字體應(yīng)用建議

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

1. 選擇基準(zhǔn)字體

一般同一個(gè)場(chǎng)合，不一定會(huì)只使用一種字體。比如標(biāo)題和正文可能就是兩種字體。但是，一定要先選好正文部分的字體，再根據(jù)正文的字體選擇合適的其他字體風(fēng)格進(jìn)行搭配。就好比穿搭，一般來(lái)說(shuō)是先選好了穿哪件衣服，再?zèng)Q定搭配什么配飾。

而一般來(lái)說(shuō)，字體主要分為以下四種：

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

無(wú)襯線字體：與帶襯線字體相對(duì)，無(wú)襯線字體就是沒有筆觸邊角的小短線字體。相應(yīng)地，也被認(rèn)為傳達(dá)了更加歡樂、不那么正式的感覺。

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

裝飾體：獨(dú)特的非正式字體。適合用在表達(dá)個(gè)性的標(biāo)題上面，為整體設(shè)計(jì)添彩，但絕不要用在正文里面。

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

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

總之，大部分情況下，清晰易讀，一定是主體文字部分的第一要?jiǎng)?wù)。

這里有個(gè)檢驗(yàn)字體的小技巧（來(lái)自于 Jessica Hische）測(cè)試你的西文 I,小寫的L 和1 是否具有辨識(shí)度。

用這個(gè)標(biāo)準(zhǔn)一測(cè)試，顯然很多字體都經(jīng)不起考驗(yàn)……

2. 選擇大于 12 磅的字號(hào)

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

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

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

3. 注意文字長(zhǎng)度

文字長(zhǎng)度指的是文字在屏幕上延伸多長(zhǎng)。一般來(lái)說(shuō)，西文 50 – 75 個(gè)字符比較合適。當(dāng)然越大的屏幕有越寬的范圍。