您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設計教程 >> 設計理論 >> 瀏覽設計教程

網(wǎng)頁設計-英文字體的選擇

英文字體的分類

英文文字大致分成三類,襯線體,無襯線體和其他字體。其他字體包括哥特體,手寫體和裝飾體,這些字體在我們工作中使用相對較少,所以重點介紹襯線體和無襯線體兩大類。


襯線體的歷史比較悠久,是古羅馬時期的碑刻用字,適合用于表達傳統(tǒng),典雅,高貴,距離感。

襯線體可以分成兩類:類似手寫的襯線體叫“舊體”,筆尖會留下固定傾斜角度的書寫痕跡,O字母較細的部分連線是斜線。舊體并不意味過時,傳統(tǒng)書籍正文通常用舊體排版,適合長文閱讀。

比例工整,沒有手寫痕跡的襯線體叫“現(xiàn)代體”。O字母較細部分連線是垂直的。體現(xiàn)了明快的現(xiàn)代感,給人冷峻、嚴格的印象,這種襯線體縮小后文字易讀性比較差,一般在標題上使用。


襯線體還有另外一種分類方式,根據(jù)襯線變化可以分成三類:具有特定曲線的襯線為“支架襯線體”,連接處為細直線的是“發(fā)絲襯線體”,厚粗四角形的“板狀襯線體”。

英文字體的選擇

支架襯線體是舊體中最常見的字型,在襯線體中相對親切、傳統(tǒng)。比較常見的字體有Times New Roman,Baskerville,Caslon,Georgia。

發(fā)絲襯線體是現(xiàn)代體中常見的字型,具有明顯現(xiàn)代感,不適合磅值小的字體。比較常見字體有Didot,Bodoni。

板狀襯線體比較有力,是19世紀到20世紀初用在廣告牌上的文字,多用于標題,具有懷舊氣氛。

無襯線體相對襯線體更加親和,現(xiàn)代。從類別上大致可以分成四類:Grotesque, Neo-grotesque,Humanist和Geometric。

英文字體的選擇

Grotesque是最早出現(xiàn)的無襯線體,所以保留了一些襯線體的特征,比如小寫字母g的寫法不一樣,數(shù)字1下方有粗襯線。

Neo-grotesque包括很多常用字體,Helvetica,Arial,Univers,不帶情緒,冷靜簡潔。

Humanist有一點書法感,給人溫暖的典雅氣氛,有一點女性氣質(zhì),識別度非常好,網(wǎng)站正文字體常用。

Geometric字體趨近幾何形狀,例如字母O非常像正圓,字母a是半圓加一個尾巴,易讀性不好所以不適合用在正文,但是這類字體有非常強的設計感。在某些需要突出設計感的場合用磅值大的字體效果很好。

個人感覺從趨勢上而言humanist和Geometric使用率越來越高,尤其是web端Humanist慢慢在侵蝕Neo-grotesque的領地。

經(jīng)典字體推薦

當我們不確定用什么字體的時候不妨先確定什么類別的字體最合適,襯線還是非襯線,人文體還是幾何體,確定好了之后再多考慮看看一些經(jīng)典字體是否可以使用,下面推薦一些經(jīng)典字體。

英文字體的選擇

具有史詩般正統(tǒng)風格,特別適合用于表現(xiàn)年代悠久。具體排版時注意合字和老式數(shù)字的使用。

英文字體的選擇

英文字體的選擇

復古傳統(tǒng),沒有強烈個性,十分易于閱讀,因為太流行所以很多大的公司都做過Garamond復刻,蘋果電腦里有系統(tǒng)字Garamond以及Adobe所制作的Adobe Garamond Pro。 如果是希望web上使用,可以考慮EB Garamond。

英文字體的選擇

英文字體的選擇

美國獨立宣言用字,是活字時代的大熱字體。很多公司也做過Caslon復刻,現(xiàn)在的使用也非常廣泛。

英文字體的選擇

英文字體的選擇

過渡期羅馬體(舊體到現(xiàn)代體)的代表性字體,非常經(jīng)典,給人古典、高貴的感覺。

英文字體的選擇

英文字體的選擇

現(xiàn)代襯線體,發(fā)絲襯線。特點是強烈的筆畫粗細對比和水平襯線,時尚,現(xiàn)代,優(yōu)美。

英文字體的選擇

英文字體的選擇

與Didot類似,適合大字體表現(xiàn),相對Didot來說硬朗一點。

英文字體的選擇

英文字體的選擇

這款字體是很早出現(xiàn)的無襯線體,所以帶有古風,筆畫粗狂有力,具有男性化感覺,適合表現(xiàn)強有力。Web字體可以考慮Oswald。

英文字體的選擇

英文字體的選擇

Futura是拉丁語未來的意思,現(xiàn)代且具有幾何特征,感覺是現(xiàn)在的主流大熱字體,尤其是要突出時尚,設計感的時候可以使用。制作過程中受到包豪斯運動的影響。是LV的商標用字,也是現(xiàn)在很多雜志的首選字體。

英文字體的選擇

英文字體的選擇

英國風格的代表字體,具有古典風格的骨架,但是又有很強的科技感和未來感,字體外形偏幾何,但是是humanist字體,相對futura會柔和一些。

英文字體的選擇

英文字體的選擇

有古典氣息,筆畫兩端比較粗中間比較細,氣質(zhì)優(yōu)雅。時代周刊的字體更換,雅虎2013年使用Optima作為全新標識的設計基準都證明了這款字體的熱度。

英文字體的選擇

英文字體的選擇

Grotesque字體,比Helvetica更加簡練。字體家族非常全面,所以搭配使用很方便。

英文字體的選擇

英文字體的選擇

Humanist字體,很早就已經(jīng)流行,隨著蘋果的廣泛使用更加引人注目,筆畫柔和簡潔。

英文字體的選擇

英文字體的選擇

字形簡潔,現(xiàn)代,雖然也有幾何特征,但是不失人情味。Avenir是法語未來的意思,對同樣未來含義的Futura是一種挑戰(zhàn),放大x-height,降部拉長,使得文字的易讀性明顯提高。字體家族也很完整。

英文字體的選擇

 

最后提兩句Helvetica,內(nèi)部分享的時候很多設計師問到為什么沒有作為一個推薦字體在這里列出,一方面是因為Helvetica已經(jīng)作為現(xiàn)代字體中的經(jīng)典字體被應用得非常廣泛了,并不缺乏關注。另一方面Helvetica是Neo-grotesque字體,結構嚴謹,沒有情緒導向,提供著強烈的安全感,好像怎么用都不會錯,這是個優(yōu)勢也是個劣勢,當我們的設計有比較明確的受眾群體或者設計對象有比較明確的氣質(zhì)的時候能夠?qū)ふ业接型瑯託赓|(zhì)的字體會是更優(yōu)的選擇。

 

適合長文閱讀的文字

無襯線體中適合長文閱讀的文字一般是Humanist,襯線體中適合長文閱讀的文字一般是支架襯線體。下面列幾個個人覺得比較適合排長文的字體。

無襯線體:Lucida Grande, Roboto, Open Sans

英文字體的選擇

襯線體:Georgia, Droid Serif, Cambria

英文字體的選擇

適合長文排版的字體還有很多,比如無襯線體中的Lucida Sans,Geneva,襯線體中的freight text,看一些比較好的設計的時候不妨多留心一下字體用的是什么。

 

字體應該怎么搭配

字體搭配總體的原則是一致性加對比性。一致性指的是選擇調(diào)性和情緒一致的字體。比如現(xiàn)代羅馬體搭配幾何無襯線體,古典羅馬體搭配年代比較久遠的無襯線體。字體的情緒表達需要統(tǒng)一,嚴肅的字體并不適合搭配隨意的字體。

英文字體的選擇

對比性是指字體之間要有較明顯的差異,不能感覺很像,分不開差異。

英文字體的選擇

對比性也可以用很多種方式達成,上面列出的不同字體搭配是一種,不同的字重和不同樣式都可以,用字重來強調(diào)對比的話最好不要選擇相鄰等級,用隔一個等級的字款搭配。

最簡單的搭配方式就是用同款字體創(chuàng)造對比,另外一個很保險的方法是選擇包含有對比性字體的字體家族,比如ITC Stone Sans Std和ITC Stone Serif Medium以及Freight Sans Pro和Freight Display Pro。很多字體家族是同時包含稱襯線體和無襯線體的,它們在設計初始的時候就有相同的骨架,所以排版起來非常協(xié)調(diào)。

英文字體想要精通是比較難的,因為存在文化上的鴻溝和環(huán)境的熏陶,這里寫的也只是一些皮毛,歡迎大家指正和交流。


[教程作者:Lilian]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di2792.html
大圖片背景在網(wǎng)頁設計中的運用
搞定網(wǎng)頁重設計的7個必要環(huán)節(jié)
圖趣網(wǎng)微信
建議反饋
×