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

字體應(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ǎ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 ~
感謝閱讀。
相關(guān)閱讀:
界面設(shè)計(jì)必備:全方位掌握英文字體基礎(chǔ)
英文字體運(yùn)用方式總結(jié)說(shuō)明及常用字體介紹
相關(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è)話題2025-02-01各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(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í)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(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)友跟我咨詢索尼相機(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