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

一直覺(jué)得每種字體都帶有自己的性格和情感。所以在實(shí)際的應(yīng)用中,選擇哪種字體的重要性比想象中重要得多。字體傳達(dá)的信息,甚至可以影響人們的購(gòu)買(mǎi)決策,影響到客戶(hù)是否對(duì)你說(shuō)「YES」。這里我參考了一些文章,總結(jié)了一些對(duì)字體的情感和應(yīng)用研究。
閱讀時(shí)間:10 分鐘
本文將介紹
字體與閱讀體驗(yàn) 字體與文化聯(lián)系 幾種常見(jiàn)字體的故事與情感表達(dá) 字體應(yīng)用建議 (附五種字體搭配建議)字體與閱讀體驗(yàn)
每個(gè)人、每天、在各種場(chǎng)合都會(huì)接觸到字體。字體設(shè)計(jì)與排版,其實(shí)已經(jīng)超出了設(shè)計(jì)師的范疇,無(wú)論是寫(xiě)商務(wù)郵件,做展示報(bào)告,還是發(fā)布博客,我們每個(gè)人其實(shí)都或多或少會(huì)接觸到字體設(shè)計(jì)。
字體及排版的重要性從下面這個(gè)實(shí)驗(yàn)就可以看出來(lái)。20 位志愿者,一半男生一半女生被分成了兩組,每組被展示了同樣內(nèi)容不同排版的紐約客:一組的排版、字體和圖片都經(jīng)過(guò)設(shè)計(jì),另一組則是隨意排布了一下。
研究者發(fā)現(xiàn),用戶(hù)對(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ō),這不是廢話(huà)嗎,我當(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è)帶襯線(xiàn)字體來(lái)源于英國(guó)《時(shí)代》雜志。1929 年,字體專(zhuān)家 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)有襯線(xiàn)的一種規(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ú)襯線(xiàn)字體,其來(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ó)際化的新鮮名稱(chēng)。最終他們選用了一個(gè)讓人注意到瑞士根基的名字:Confederatio Helvetica 是瑞士的拉丁名。
風(fēng)格特征:高 X基準(zhǔn);緊湊的字母間距;窄 t 和 f。廣泛適用于各種場(chǎng)合,尤其受品牌商標(biāo)的偏愛(ài), 包括 3M,寶馬,雀巢, 曾經(jīng)的蘋(píng)果等等。另外,該字體很受政府青睞。正如上文所說(shuō),美國(guó)稅單上用的字體就是 Helvetica。
對(duì)應(yīng)的中文字體,應(yīng)該是各種黑體比較適合。
3. Verdana
Verdana 是 Matthew Carter 為微軟公司設(shè)計(jì)的一款無(wú)襯線(xiàn)字體。最初是微軟的字體小組里的Virginia Howlett 提出的要求。Verdana 的名稱(chēng)是來(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)@種轉(zhuǎn)變的原因是為了保證字體能適應(yīng)各種國(guó)家的文字(之前的宜家字體不能兼容亞洲文字),從而保證宜家設(shè)計(jì)風(fēng)格的一致性??梢?jiàn) Verdana 在國(guó)際化適應(yīng)范圍上是比較廣的。
4. Calibri
被稱(chēng)為「溫暖又溫柔的一款字體 」,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)議,但得益于它有些彎曲的線(xiàn)條和筆觸收尾初的輕微卷曲,該字體在幻燈片展示大字號(hào)的時(shí)候還是挺好看的。
5. San Francisco
San Francisco 是蘋(píng)果特意為其產(chǎn)品設(shè)計(jì)的一款無(wú)襯線(xiàn)字體。根據(jù)蘋(píng)果官方介紹文檔,該字體也是高 X基準(zhǔn),數(shù)字高度與大寫(xiě)字母高度一致的。
相比之前蘋(píng)果使用過(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)線(xiàn)高一點(diǎn)點(diǎn),但 SF 的冒號(hào)位于兩個(gè)數(shù)字中間的時(shí)候,可以剛好居于數(shù)字高度居中的位置。
總的來(lái)說(shuō),SF 是一款適應(yīng)了數(shù)碼時(shí)代的字體。
相關(guān)文章
全畫(huà)幅不是半畫(huà)幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫(huà)幅,估計(jì)平時(shí)聽(tīng)到最多的可能就是全畫(huà)幅與半畫(huà)幅了,以至于不少人認(rèn)為中畫(huà)幅比全畫(huà)幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫(huà)幅,所謂2025-04-07a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話(huà)題2025-02-01各類(lèi)商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶(hù)關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10常用照片尺寸有哪些 常見(jiàn)證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10- 平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿(mǎn)足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶(hù)的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫(huà)面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢(xún)索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06