研究者發(fā)現(xiàn)，用戶對(duì)排版很糟的那一篇文章印象很差，甚至在生理上通過(guò)禁皺眉頭反映了出來(lái)。 而皺眉肌是與人腦海馬體旁的杏仁核這種負(fù)責(zé)情緒管理的部位緊密聯(lián)系在一起的。 而閱讀排版良好的那一組人員，則擁有更強(qiáng)的認(rèn)知注意力，更強(qiáng)的分析狀態(tài)和更清晰的思路。 研究人員因而得出的結(jié)論是，良好的排版不一定能幫助你更好地理解文章，但確實(shí)會(huì)讓你閱讀感覺(jué)更好，從而能更加積極地對(duì)于閱讀做出響應(yīng)。 好吧，也許你會(huì)說(shuō)，這不是廢話嗎，我當(dāng)然知道好的排版比差的排版對(duì)閱讀更有幫助。但是這里想要強(qiáng)調(diào)的是，字體與排版是密不可分的兩個(gè)部分，都屬于英文中「typograhpy」的范疇。英文的「typograhpy」還包含了字體藝術(shù)，版式藝術(shù)等內(nèi)涵。 字體與文化聯(lián)系 字體之所以會(huì)給你帶來(lái)這樣那樣的感覺(jué)，原因之一就在于它與文化的深刻聯(lián)系。 比如 Courrier （法語(yǔ)里是信件的意思）字體，就特意設(shè)計(jì)成懷舊的、讓人回想起老式打字機(jī)打出來(lái)的字體。 許多人把 Helvetica 與美國(guó)政府聯(lián)系在一起，也是因?yàn)槊绹?guó)稅單上用的字體就是這個(gè)。 而如果你不生活在美國(guó)，或?qū)ξ鞣酱蜃謾C(jī)沒(méi)什么概念，可能看到這兩種字體就會(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)反而沒(méi)那么可靠了。 字體是人設(shè)計(jì)的。它的背后一定有某種文化意義。所以在選擇字體的時(shí)候，要考慮到字體的文化背景，我相信你不會(huì)想選一個(gè)一下就讓人聯(lián)想到某些文化里面努力避免的字體。 幾種常見(jiàn)字體及其情感表達(dá) 1. Times New Roman 在西文中，最常見(jiàn)的字體莫屬 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 一開(kāi)始是建議在 Plantin 的基礎(chǔ)上進(jìn)行改進(jìn)設(shè)計(jì)，但為了兼容可讀性以及對(duì)于空間的節(jié)省，最終做出了字體的重大改動(dòng)：筆觸之間的對(duì)比做了加強(qiáng)，從而營(yíng)造出一種干脆的感覺(jué)。 Roman 代指的是傳統(tǒng)有襯線的一種規(guī)矩的字體。但 Times New Roman 的字體設(shè)計(jì)與名為 Roman 或 Romas 的源于意大利的字體沒(méi)有關(guān)系。 風(fēng)格：受早期現(xiàn)代化和一些巴洛克印刷影響，結(jié)構(gòu)莊重，清晰。適宜正式場(chǎng)合。 2. Helvetica 同樣作為西文常見(jiàn)字體之一，Helvetica 作為一種無(wú)襯線字體，其來(lái)源名字顯得沒(méi)有那么動(dòng)聽(tīng)一點(diǎn)：Neue Haas Grotesk。（neue = 新的，Haas = 很man的，粗魯?shù)?，Grotesk = 怪誕的）。Max Miedinger 和 Eduard Hoffman 在 1957 年瑞士創(chuàng)建了這個(gè)字體， 這個(gè)字體的中性化設(shè)計(jì)讓它迅速在各種應(yīng)用中走紅。但字體名字就沒(méi)那么有吸引力了，當(dāng) D. Stempel AG 公司一年后打算開(kāi)始推廣這種字體的時(shí)候，他們決定換一個(gè)更加國(guó)際化的新鮮名稱。最終他們選用了一個(gè)讓人注意到瑞士根基的名字：Confederatio Helvetica 是瑞士的拉丁名。 風(fēng)格特征：高 X基準(zhǔn)；緊湊的字母間距；窄 t 和 f。廣泛適用于各種場(chǎng)合，尤其受品牌商標(biāo)的偏愛(ài), 包括 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)格的一致性?？梢?jiàn) Verdana 在國(guó)際化適應(yīng)范圍上是比較廣的。 4. Calibri 被稱為「溫暖又溫柔的一款字體 」，Calibri 從 2007 年開(kāi)始，逐漸成為了微軟旗下幾乎所有產(chǎn)品的默認(rèn)字體。該字體屬于 Windows Vista 推出的 Cleartype 字體系列之一，用于適應(yīng) LCD 顯示屏。同系列的字體還包括 Cambria, Candara, Consolas, Constantia and Corbel 。 在大字號(hào)尺寸下，字體圓潤(rùn)的邊角清晰可見(jiàn)。而它的意大利斜體則包含了書(shū)法字體的影響，這種影響在現(xiàn)代系字體里面都可以見(jià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ù)字高度與大寫(xiě)字母高度一致的。 相比之前蘋果使用過(guò)的 Helvetica, 該字體在小字號(hào)上的顯示表現(xiàn)優(yōu)秀很多。對(duì)該字體的積極評(píng)價(jià)主要是以下幾個(gè)方面： 字體顏色的均勻程度。縮小文字字號(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ú)襯線字體就是沒(méi)有筆觸邊角的小短線字體。相應(yīng)地，也被認(rèn)為傳達(dá)了更加歡樂(lè)、不那么正式的感覺(jué)。 手寫(xiě)體：模仿手寫(xiě)，往往用在正式的邀請(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線字體也沒(méi)問(wèn)題。在一些重內(nèi)容的博客網(wǎng)站，甚至直接選用帶襯線的 Times New Roman 作為主體文字。 總之，大部分情況下，清晰易讀，一定是主體文字部分的第一要?jiǎng)?wù)。 這里有個(gè)檢驗(yàn)字體的小技巧 （來(lái)自于 Jessica Hische）測(cè)試你的西文 I,小寫(xiě)的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 磅，那也沒(méi)什么意義了。不過(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)然越大的屏幕有越寬的范圍。
Zenhabits 的一行有 78 個(gè)字符，約 16.5 厘米。這個(gè)長(zhǎng)度根據(jù)他們的軌跡測(cè)試被證明是最有效幫助讀者閱讀的長(zhǎng)度。 過(guò)長(zhǎng)或過(guò)短的文字長(zhǎng)度都會(huì)擾亂讀者的閱讀節(jié)奏。所以要對(duì)文字長(zhǎng)度給出重視。這里有一些網(wǎng)站文字長(zhǎng)度參考： 知乎文章：43 個(gè)中文字符 （約 86個(gè)西文字符） Medium?—?75 個(gè)西文字符 37Signals: Signal vs. Noise?—?76 個(gè)西文字符 4. 注意間距 如果字體排列太過(guò)緊湊，會(huì)讓讀者難以辨認(rèn)文字；字體排列太寬松，又會(huì)降低閱讀效率。 這里是 Jessica 給出的一個(gè)對(duì)比例子。她會(huì)更推薦 Avenir，因?yàn)樵撟煮w的間距更加讓人舒服。讀起來(lái)更輕松。
這張是 Crew 團(tuán)隊(duì)郵件字體重新排版前和排版后：
改變字體，并且增加字間距之后，顯然郵件可讀性高多了。 再給個(gè)懶人福利。五種字體搭配建議
1. Roboto Slab and Roboto
2. Raleway and Merriweather
3. Lustria and Lato
4. Ubuntu and Lora
5. Quattrocento and Quattrocento Sans
下次在選擇字體的時(shí)候，不要總是拘泥于默認(rèn)字體，或是隨意搭配啦。用字體傳達(dá)出你對(duì)讀者的愛(ài)吧。正如某個(gè)不知名的偉人所說(shuō)過(guò)的： 人們會(huì)原諒你犯的錯(cuò)誤，如果你向他們傳遞出了積極的情感。 Good Luck ~ 感謝閱讀。
