研究者發(fā)現(xiàn)，用戶對排版很糟的那一篇文章印象很差，甚至在生理上通過禁皺眉頭反映了出來。 而皺眉肌是與人腦海馬體旁的杏仁核這種負(fù)責(zé)情緒管理的部位緊密聯(lián)系在一起的。 而閱讀排版良好的那一組人員，則擁有更強的認(rèn)知注意力，更強的分析狀態(tài)和更清晰的思路。 研究人員因而得出的結(jié)論是，良好的排版不一定能幫助你更好地理解文章，但確實會讓你閱讀感覺更好，從而能更加積極地對于閱讀做出響應(yīng)。 好吧，也許你會說，這不是廢話嗎，我當(dāng)然知道好的排版比差的排版對閱讀更有幫助。但是這里想要強調(diào)的是，字體與排版是密不可分的兩個部分，都屬于英文中「typograhpy」的范疇。英文的「typograhpy」還包含了字體藝術(shù)，版式藝術(shù)等內(nèi)涵。 字體與文化聯(lián)系 字體之所以會給你帶來這樣那樣的感覺，原因之一就在于它與文化的深刻聯(lián)系。 比如 Courrier （法語里是信件的意思）字體，就特意設(shè)計成懷舊的、讓人回想起老式打字機打出來的字體。 許多人把 Helvetica 與美國政府聯(lián)系在一起，也是因為美國稅單上用的字體就是這個。 而如果你不生活在美國，或?qū)ξ鞣酱蜃謾C沒什么概念，可能看到這兩種字體就會無動于衷。因為這種文化聯(lián)系的缺乏。 所以，這里的建議是在使用字體的時候，一定要注意其文化聯(lián)系?？纯疵绹y行的例子。這是原始網(wǎng)頁： 這是改進后的網(wǎng)頁 （與報紙新聞標(biāo)題聯(lián)系在了一起）
當(dāng)美國銀行網(wǎng)頁的字體改成了 Impact 之后，看起來反而沒那么可靠了。 字體是人設(shè)計的。它的背后一定有某種文化意義。所以在選擇字體的時候，要考慮到字體的文化背景，我相信你不會想選一個一下就讓人聯(lián)想到某些文化里面努力避免的字體。 幾種常見字體及其情感表達 1. Times New Roman 在西文中，最常見的字體莫屬 Times New Roman 。這個帶襯線字體來源于英國《時代》雜志。1929 年，字體專家 Stanley Morison 批評了《時代》雜志的字體難讀又難看。雜志社的人接受了他的批評，并請他設(shè)計出了一款新的、適合雜志閱讀的字體。于是 Morison 和雜志社內(nèi)部的 Victor Lardent 合作設(shè)計了這款著名的 Times New Roman。 Morison 一開始是建議在 Plantin 的基礎(chǔ)上進行改進設(shè)計，但為了兼容可讀性以及對于空間的節(jié)省，最終做出了字體的重大改動：筆觸之間的對比做了加強，從而營造出一種干脆的感覺。 Roman 代指的是傳統(tǒng)有襯線的一種規(guī)矩的字體。但 Times New Roman 的字體設(shè)計與名為 Roman 或 Romas 的源于意大利的字體沒有關(guān)系。 風(fēng)格：受早期現(xiàn)代化和一些巴洛克印刷影響，結(jié)構(gòu)莊重，清晰。適宜正式場合。 2. Helvetica 同樣作為西文常見字體之一，Helvetica 作為一種無襯線字體，其來源名字顯得沒有那么動聽一點：Neue Haas Grotesk。（neue = 新的，Haas = 很man的，粗魯?shù)?，Grotesk = 怪誕的）。Max Miedinger 和 Eduard Hoffman 在 1957 年瑞士創(chuàng)建了這個字體， 這個字體的中性化設(shè)計讓它迅速在各種應(yīng)用中走紅。但字體名字就沒那么有吸引力了，當(dāng) D. Stempel AG 公司一年后打算開始推廣這種字體的時候，他們決定換一個更加國際化的新鮮名稱。最終他們選用了一個讓人注意到瑞士根基的名字：Confederatio Helvetica 是瑞士的拉丁名。 風(fēng)格特征：高 X基準(zhǔn)；緊湊的字母間距；窄 t 和 f。廣泛適用于各種場合，尤其受品牌商標(biāo)的偏愛, 包括 3M，寶馬，雀巢, 曾經(jīng)的蘋果等等。另外，該字體很受政府青睞。正如上文所說，美國稅單上用的字體就是 Helvetica。 對應(yīng)的中文字體，應(yīng)該是各種黑體比較適合。 3. Verdana Verdana 是 Matthew Carter 為微軟公司設(shè)計的一款無襯線字體。最初是微軟的字體小組里的Virginia Howlett 提出的要求。Verdana 的名稱是來源于 verdant （綠色的東西）和 Ana （Howlett 姐姐的名字）。 跟人性的字體 Frutiger 一樣， Verdana 設(shè)計理念是適應(yīng)那時低分辨率的電腦屏幕。其風(fēng)格特征是高 X基準(zhǔn)，字母間寬松的間距，以及很寬的字母空心（比如 a 和 p 閉合部分的距離），以便在小字號上也能易于辨認(rèn)。 宜家從2010 年起拋棄了使用多年的 Futura, 轉(zhuǎn)而投向了 Verdana 的懷抱。據(jù)宜家的解釋，這種轉(zhuǎn)變的原因是為了保證字體能適應(yīng)各種國家的文字（之前的宜家字體不能兼容亞洲文字），從而保證宜家設(shè)計風(fēng)格的一致性?？梢?Verdana 在國際化適應(yīng)范圍上是比較廣的。 4. Calibri 被稱為「溫暖又溫柔的一款字體 」，Calibri 從 2007 年開始，逐漸成為了微軟旗下幾乎所有產(chǎn)品的默認(rèn)字體。該字體屬于 Windows Vista 推出的 Cleartype 字體系列之一，用于適應(yīng) LCD 顯示屏。同系列的字體還包括 Cambria, Candara, Consolas, Constantia and Corbel 。 在大字號尺寸下，字體圓潤的邊角清晰可見。而它的意大利斜體則包含了書法字體的影響，這種影響在現(xiàn)代系字體里面都可以見到。雖然對于 Calibri 字體在設(shè)計界有些爭議，但得益于它有些彎曲的線條和筆觸收尾初的輕微卷曲，該字體在幻燈片展示大字號的時候還是挺好看的。 5. San Francisco San Francisco 是蘋果特意為其產(chǎn)品設(shè)計的一款無襯線字體。根據(jù)蘋果官方介紹文檔，該字體也是高 X基準(zhǔn)，數(shù)字高度與大寫字母高度一致的。 相比之前蘋果使用過的 Helvetica, 該字體在小字號上的顯示表現(xiàn)優(yōu)秀很多。對該字體的積極評價主要是以下幾個方面： 字體顏色的均勻程度?？s小文字字號，瞇起眼睛感受一下： 字體的靈活性 San Francisco 是一整個字體家族。設(shè)計師在設(shè)計的時候，不用操心使用具體哪一種 San Francisco（比如只需要把系統(tǒng)調(diào)成 UILabel），系統(tǒng)會自動選擇合適的字體適應(yīng)屏幕和字體大小。 尤其需要指出的是該字體的冒號。一般字體冒號會比底部基準(zhǔn)線高一點點，但 SF 的冒號位于兩個數(shù)字中間的時候，可以剛好居于數(shù)字高度居中的位置。 總的來說，SF 是一款適應(yīng)了數(shù)碼時代的字體。 字體應(yīng)用建議 為了傳達不同的情感，在使用字體的時候，有一些建議可以參考。 1. 選擇基準(zhǔn)字體 一般同一個場合，不一定會只使用一種字體。比如標(biāo)題和正文可能就是兩種字體。但是，一定要先選好正文部分的字體，再根據(jù)正文的字體選擇合適的其他字體風(fēng)格進行搭配。就好比穿搭，一般來說是先選好了穿哪件衣服，再決定搭配什么配飾。 而一般來說，字體主要分為以下四種： 帶襯線字體： 也就是在筆觸邊角有小短線的字體。這種字體一般被認(rèn)為更正式，也更加傳統(tǒng)。并且更適合于印刷體。 無襯線字體：與帶襯線字體相對，無襯線字體就是沒有筆觸邊角的小短線字體。相應(yīng)地，也被認(rèn)為傳達了更加歡樂、不那么正式的感覺。 手寫體：模仿手寫，往往用在正式的邀請函當(dāng)中。不適合用在大量文章主體部分。 裝飾體：獨特的非正式字體。適合用在表達個性的標(biāo)題上面，為整體設(shè)計添彩，但絕不要用在正文里面。
總之，在有大量文字出現(xiàn)的時候，用帶襯線或無襯線體字是最合適的。因為這個時候你需要閱讀者把注意力放在內(nèi)容，而不是字體上面。 過去，鑒于屏幕分辨率的問題，會有人建議在網(wǎng)絡(luò)上面最好使用無襯線字體。不過隨著屏幕分辨率的提高，在適當(dāng)?shù)牡胤绞褂脦бr線字體也沒問題。在一些重內(nèi)容的博客網(wǎng)站，甚至直接選用帶襯線的 Times New Roman 作為主體文字。 總之，大部分情況下，清晰易讀，一定是主體文字部分的第一要務(wù)。 這里有個檢驗字體的小技巧 （來自于 Jessica Hische）測試你的西文 I,小寫的L 和1 是否具有辨識度。 用這個標(biāo)準(zhǔn)一測試，顯然很多字體都經(jīng)不起考驗……
2. 選擇大于 12 磅的字號 這里，科學(xué)家又做過一個實驗。實驗過程*＆……%。好總之結(jié)論是，隨著我們電子設(shè)備屏幕越來越大，12 磅字體是個更合適的選擇。而在一定范圍內(nèi)，大一點的字體會容易讓人產(chǎn)生更強的情感聯(lián)系。所以也有人提出 16 磅是新時代的 12 磅?？纯雌渌W(wǎng)站的字號給大家做個參考： Medium?—?22px
37Signals: Signal vs. Noise?—?22px
Zen Habits?—?21px 當(dāng)然，這個字號大小也有一個范圍。要是主體文字超過了 30 磅，那也沒什么意義了。不過，你可以嘗試把字體調(diào)大一點試試。要是你用的是 12 磅，嘗試一下 16 磅，要是用的是 18 磅，不妨嘗試一下 22 磅。也許會有驚喜發(fā)現(xiàn)。
3. 注意文字長度 文字長度指的是文字在屏幕上延伸多長。一般來說，西文 50 – 75 個字符比較合適。當(dāng)然越大的屏幕有越寬的范圍。
Zenhabits 的一行有 78 個字符，約 16.5 厘米。這個長度根據(jù)他們的軌跡測試被證明是最有效幫助讀者閱讀的長度。 過長或過短的文字長度都會擾亂讀者的閱讀節(jié)奏。所以要對文字長度給出重視。這里有一些網(wǎng)站文字長度參考： 知乎文章：43 個中文字符 （約 86個西文字符） Medium?—?75 個西文字符 37Signals: Signal vs. Noise?—?76 個西文字符 4. 注意間距 如果字體排列太過緊湊，會讓讀者難以辨認(rèn)文字；字體排列太寬松，又會降低閱讀效率。 這里是 Jessica 給出的一個對比例子。她會更推薦 Avenir，因為該字體的間距更加讓人舒服。讀起來更輕松。
這張是 Crew 團隊郵件字體重新排版前和排版后：
改變字體，并且增加字間距之后，顯然郵件可讀性高多了。 再給個懶人福利。五種字體搭配建議
1. Roboto Slab and Roboto
2. Raleway and Merriweather
3. Lustria and Lato
4. Ubuntu and Lora
5. Quattrocento and Quattrocento Sans
下次在選擇字體的時候，不要總是拘泥于默認(rèn)字體，或是隨意搭配啦。用字體傳達出你對讀者的愛吧。正如某個不知名的偉人所說過的： 人們會原諒你犯的錯誤，如果你向他們傳遞出了積極的情感。 Good Luck ~ 感謝閱讀。
