界面設(shè)計必備:全方位掌握英文字體基礎(chǔ)

2. 幾何無襯線體(Geometric):
代表字體是的Futura。所謂"幾何"就是將字母歸納為圓、方、三角等幾何形狀的字體。
Futura受到包豪斯的影響,造型有設(shè)計感。筆劃以垂直、水平的硬朗筆劃為主。細(xì)節(jié):
(1)頂角和底角非常銳利
(2)字母正圓處理
(3)升部降部偏長,優(yōu)雅
iPhone的報刊雜志icon,「ART」三個字母使用的就是Futura。
Futura在德語中是「未來」的意思,因此它除了常見于有設(shè)計感的產(chǎn)品,如LV、Omega,也常用于「未來」題材。
在前面的圖中可以看到Futura為了保持設(shè)計感,j、t省略了尾部,a、g使用單層結(jié)構(gòu),因此在可讀性上有些問題,并不適于內(nèi)文排版。并且它個性鮮明,有點"搶眼"。如果你喜歡幾何無襯線的造型,但又想選擇更溫和、可讀性強的字體,可以嘗試Avenir。Avenir雖然同屬幾何無襯線體,但它在被設(shè)計時并不拘泥于幾何形式,而是以視覺為準(zhǔn),顯得人文、柔和,如a的尾部增加了一點點外翹的小細(xì)節(jié)。
3. 人文無襯線體(Humanist):
代表字體是Myriad。人文無襯線體具有更好的韻律感,氣質(zhì)開放、親和,不呆板、不冰冷。下圖通過與Helvetica的對比,可以直觀感受到什么是「人文」特征。
(1) 人文無襯線體的x-height相對較小,使得字母之間的豎向變化更加清晰,整體更有韻律。
(2) 人文無襯線體的e、s等字母收尾采用半包圍結(jié)構(gòu),更開放,不如Helvetica全包圍的那么拘謹(jǐn),顯得親和隨意。
(3) 人文無襯線體線條柔美,不是Helvetica的工程感,更流線型,具有一定的手寫味
案例:蘋果的VI字體,用于宣傳:廣告、網(wǎng)站、產(chǎn)品銘文等。港鐵地圖的部分字體。
同屬于人文無襯線體的字體還有:Frutiger、Segeo
通常會認(rèn)為,襯線體代表古典正式,無襯線體代表現(xiàn)代親和。那么無襯線體就不能表現(xiàn)優(yōu)雅和古典嗎?
答案是否定的。無襯線字體Optima融入了襯線基因,雖然沒有襯線,但粗細(xì)變化相對明顯,比劃末端加粗,顯得非常優(yōu)雅有韻味。(在處理logo時如想要既優(yōu)雅古典,又不顯得老陳迂腐,可參考這種思路。)
無襯線字體的情緒軸。
1. 視覺平衡
(1)同樣粗細(xì)的線條,由于視覺誤差,水平的看起來要比垂直的更粗。因此在設(shè)計英文字母時,就應(yīng)當(dāng)充分考慮到視差。
(2)Futura是幾何無襯線體,它的O看起來像是正圓,當(dāng)我們和真正的正圓對比時,就會發(fā)現(xiàn)Futura的幾何形狀也是經(jīng)過優(yōu)化的,水平方向筆劃微調(diào)修細(xì)。三個「圓」相比,Avenir雖然最不似正圓,但作為字母O卻是看起來空間最舒服、最穩(wěn)定的。
(3)這是是用圓弧和直線拼接起來的O,然而由于視差,卻看起來有兩側(cè)內(nèi)陷的錯覺。因此在處理時,會講兩側(cè)稍微向外隆起一點點,并微調(diào)水平方向的線條,就能把生硬不圓潤的圓形變?yōu)橐曈X柔和的O字母了。
(4)X的造型原來不是斜線直接相交的結(jié)果,而是把斜線稍微錯開,才能看起來像是相連的狀態(tài)。并且為了避免四條斜線相交造成中間黑色部分太密集,中心位置的筆劃略調(diào)細(xì)了一些。
(5)雖然無襯線體的比劃粗細(xì)基本一致,但實際還是有著細(xì)微的差距。從正面看到的A(左側(cè)圖)非常正常,然而當(dāng)A被水平翻轉(zhuǎn)后(右側(cè)圖),立刻就有了略怪異和不穩(wěn)的感受。A的右側(cè)比左側(cè)筆劃粗,是受到歷史上平筆書寫以及襯線體延續(xù)下來的習(xí)慣的影響。翻墻看視頻《羅馬體大寫字母使怎么形成的?》
(6)繪制圖標(biāo)時我們都有經(jīng)驗,由于圖標(biāo)外形輪廓和內(nèi)部復(fù)雜程度的不同,視覺體量感是不同的,不能完全依照尺寸大小而要根據(jù)視覺感受來判斷。字體設(shè)計有共通之處。同樣字號的文字,圓形O和三角形的A要高于參考線。在做LOGO時可以留心這點,參考案例NIVEA。
相關(guān)文章
- 今天小編為大家分享設(shè)計中最常用的中文字體推薦與總結(jié),教程真的很不錯,很值得大家學(xué)習(xí),推薦過來,一起來學(xué)習(xí)吧2015-12-08
零基礎(chǔ)的字學(xué)之路:字體設(shè)計學(xué)習(xí)秘籍
今天小編為大家分享一篇教程,主要是向大家介紹字體設(shè)計學(xué)習(xí)秘籍,主要是針對零基礎(chǔ)的字學(xué)之路,教程很不錯,推薦過來,大家一起來學(xué)習(xí)吧2015-12-08好的字體在網(wǎng)頁設(shè)計中的應(yīng)用(使用案例)
這篇教程是向腳本之家的朋友介紹好的字體在網(wǎng)頁設(shè)計中的應(yīng)用,教程很不錯,對于字體設(shè)計的朋友很值得學(xué)習(xí),好了,下面我們一起來學(xué)習(xí)吧2015-11-23字體設(shè)計:書法字體設(shè)計的三個終極技巧介紹
這篇教程是向腳本之家的朋友介紹書法字體設(shè)計的三個終極技巧,教程真的很不錯,很實用,對于正在學(xué)習(xí)字體設(shè)計的朋友很有幫助,快快來看看吧2015-11-18收費課轉(zhuǎn)錄:字體設(shè)計技巧之"迷宮字"設(shè)計方法
這篇教程是向腳本之家的朋友介紹字體設(shè)計技巧之"迷宮字"設(shè)計方法,教程真的很不錯,是用收費的標(biāo)準(zhǔn)做免費的課程,推薦過來,一起來看看吧2015-10-08一個復(fù)古懷舊風(fēng)格的字體手繪設(shè)計教程
這篇教程是向腳本之家的朋友介紹一個復(fù)古懷舊風(fēng)格的字體手繪設(shè)計過程,教程手繪效果非常漂亮,推薦到腳本之家,喜歡的朋友一起來看看吧2015-10-08設(shè)計新手必看::幫新手熟練掌握字體運用的18招秘籍
這篇教程很不錯,主要是向大家分享熟練掌握字體運用的18招秘籍,作為新手朋友來說,是非常值得學(xué)習(xí)的,推薦到腳本之家,喜歡的朋友快快來學(xué)習(xí)吧2015-09-30- 今天為大家分享一個不錯的教程,這是一篇英文字體設(shè)計解析完全教程,教程真的很不錯,對于字體設(shè)計的朋友來說很值得學(xué)習(xí),而且作者從歷史、美學(xué)、結(jié)構(gòu)三大角度對西文的分析2015-09-24
字體設(shè)計技巧:商業(yè)字體和偏商業(yè)化的字體
下面腳本之家為大家分享一個教程,主要是向大家介紹字體設(shè)計技巧,本文主要包括商業(yè)字體和偏商業(yè)化的字體設(shè)計,教程很不錯,主要是由專業(yè)設(shè)計師谷龍來講述,很值得學(xué)習(xí),下2015-09-22- 下面為大家分享字體設(shè)計教程,主要是向大家介紹造字方法和添加字體效果,教程真的很不錯,推薦過來,大家一起來學(xué)習(xí)吧2015-09-21