欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時間:2017-04-19 15:12:37   作者:盒子以外   我要評論
每個人、每天、在各種場合都會接觸到字體。字體設計與排版,其實已經(jīng)超出了設計師的范疇,無論是寫商務郵件,做展示報告,還是發(fā)布博客,我們每個人其實都或多或少會接觸到字體設計,下面為大家?guī)碛⑽脑O計中字體的選擇和排版技巧,來看看吧

字體應用建議

為了傳達不同的情感,在使用字體的時候,有一些建議可以參考。

1. 選擇基準字體

一般同一個場合,不一定會只使用一種字體。比如標題和正文可能就是兩種字體。但是,一定要先選好正文部分的字體,再根據(jù)正文的字體選擇合適的其他字體風格進行搭配。就好比穿搭,一般來說是先選好了穿哪件衣服,再決定搭配什么配飾。

而一般來說,字體主要分為以下四種:

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

無襯線字體:與帶襯線字體相對,無襯線字體就是沒有筆觸邊角的小短線字體。相應地,也被認為傳達了更加歡樂、不那么正式的感覺。

手寫體:模仿手寫,往往用在正式的邀請函當中。不適合用在大量文章主體部分。

裝飾體:獨特的非正式字體。適合用在表達個性的標題上面,為整體設計添彩,但絕不要用在正文里面。

總之,在有大量文字出現(xiàn)的時候,用帶襯線或無襯線體字是最合適的。因為這個時候你需要閱讀者把注意力放在內(nèi)容,而不是字體上面。

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

總之,大部分情況下,清晰易讀,一定是主體文字部分的第一要務。

這里有個檢驗字體的小技巧 (來自于 Jessica Hische)測試你的西文 I,小寫的L 和1 是否具有辨識度。

用這個標準一測試,顯然很多字體都經(jīng)不起考驗……

2. 選擇大于 12 磅的字號

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

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

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

3. 注意文字長度

文字長度指的是文字在屏幕上延伸多長。一般來說,西文 50 – 75 個字符比較合適。當然越大的屏幕有越寬的范圍。

Zenhabits 的一行有 78 個字符,約 16.5 厘米。這個長度根據(jù)他們的軌跡測試被證明是最有效幫助讀者閱讀的長度。

過長或過短的文字長度都會擾亂讀者的閱讀節(jié)奏。所以要對文字長度給出重視。這里有一些網(wǎng)站文字長度參考:

知乎文章:43 個中文字符 (約 86個西文字符)

Medium — 75 個西文字符

37Signals: Signal vs. Noise — 76 個西文字符

4. 注意間距

如果字體排列太過緊湊,會讓讀者難以辨認文字;字體排列太寬松,又會降低閱讀效率。

這里是 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

下次在選擇字體的時候,不要總是拘泥于默認字體,或是隨意搭配啦。用字體傳達出你對讀者的愛吧。正如某個不知名的偉人所說過的:

人們會原諒你犯的錯誤,如果你向他們傳遞出了積極的情感。

Good Luck ~

感謝閱讀。

相關閱讀:

三種類型的時尚英文字體推薦

界面設計必備:全方位掌握英文字體基礎

英文字體運用方式總結說明及常用字體介紹

相關文章

最新評論