界面設(shè)計(jì)必備:全方位掌握英文字體基礎(chǔ)
2. 幾何無(wú)襯線體(Geometric):
代表字體是的Futura。所謂"幾何"就是將字母歸納為圓、方、三角等幾何形狀的字體。

Futura受到包豪斯的影響,造型有設(shè)計(jì)感。筆劃以垂直、水平的硬朗筆劃為主。細(xì)節(jié):
(1)頂角和底角非常銳利
(2)字母正圓處理
(3)升部降部偏長(zhǎng),優(yōu)雅

iPhone的報(bào)刊雜志icon,「ART」三個(gè)字母使用的就是Futura。

Futura在德語(yǔ)中是「未來(lái)」的意思,因此它除了常見(jiàn)于有設(shè)計(jì)感的產(chǎn)品,如LV、Omega,也常用于「未來(lái)」題材。


在前面的圖中可以看到Futura為了保持設(shè)計(jì)感,j、t省略了尾部,a、g使用單層結(jié)構(gòu),因此在可讀性上有些問(wèn)題,并不適于內(nèi)文排版。并且它個(gè)性鮮明,有點(diǎn)"搶眼"。如果你喜歡幾何無(wú)襯線的造型,但又想選擇更溫和、可讀性強(qiáng)的字體,可以嘗試Avenir。Avenir雖然同屬幾何無(wú)襯線體,但它在被設(shè)計(jì)時(shí)并不拘泥于幾何形式,而是以視覺(jué)為準(zhǔn),顯得人文、柔和,如a的尾部增加了一點(diǎn)點(diǎn)外翹的小細(xì)節(jié)。

3. 人文無(wú)襯線體(Humanist):
代表字體是Myriad。人文無(wú)襯線體具有更好的韻律感,氣質(zhì)開(kāi)放、親和,不呆板、不冰冷。下圖通過(guò)與Helvetica的對(duì)比,可以直觀感受到什么是「人文」特征。

(1) 人文無(wú)襯線體的x-height相對(duì)較小,使得字母之間的豎向變化更加清晰,整體更有韻律。
(2) 人文無(wú)襯線體的e、s等字母收尾采用半包圍結(jié)構(gòu),更開(kāi)放,不如Helvetica全包圍的那么拘謹(jǐn),顯得親和隨意。
(3) 人文無(wú)襯線體線條柔美,不是Helvetica的工程感,更流線型,具有一定的手寫(xiě)味



案例:蘋(píng)果的VI字體,用于宣傳:廣告、網(wǎng)站、產(chǎn)品銘文等。港鐵地圖的部分字體。


同屬于人文無(wú)襯線體的字體還有:Frutiger、Segeo


通常會(huì)認(rèn)為,襯線體代表古典正式,無(wú)襯線體代表現(xiàn)代親和。那么無(wú)襯線體就不能表現(xiàn)優(yōu)雅和古典嗎?

答案是否定的。無(wú)襯線字體Optima融入了襯線基因,雖然沒(méi)有襯線,但粗細(xì)變化相對(duì)明顯,比劃末端加粗,顯得非常優(yōu)雅有韻味。(在處理logo時(shí)如想要既優(yōu)雅古典,又不顯得老陳迂腐,可參考這種思路。)

無(wú)襯線字體的情緒軸。



1. 視覺(jué)平衡

(1)同樣粗細(xì)的線條,由于視覺(jué)誤差,水平的看起來(lái)要比垂直的更粗。因此在設(shè)計(jì)英文字母時(shí),就應(yīng)當(dāng)充分考慮到視差。

(2)Futura是幾何無(wú)襯線體,它的O看起來(lái)像是正圓,當(dāng)我們和真正的正圓對(duì)比時(shí),就會(huì)發(fā)現(xiàn)Futura的幾何形狀也是經(jīng)過(guò)優(yōu)化的,水平方向筆劃微調(diào)修細(xì)。三個(gè)「圓」相比,Avenir雖然最不似正圓,但作為字母O卻是看起來(lái)空間最舒服、最穩(wěn)定的。


(3)這是是用圓弧和直線拼接起來(lái)的O,然而由于視差,卻看起來(lái)有兩側(cè)內(nèi)陷的錯(cuò)覺(jué)。因此在處理時(shí),會(huì)講兩側(cè)稍微向外隆起一點(diǎn)點(diǎn),并微調(diào)水平方向的線條,就能把生硬不圓潤(rùn)的圓形變?yōu)橐曈X(jué)柔和的O字母了。


(4)X的造型原來(lái)不是斜線直接相交的結(jié)果,而是把斜線稍微錯(cuò)開(kāi),才能看起來(lái)像是相連的狀態(tài)。并且為了避免四條斜線相交造成中間黑色部分太密集,中心位置的筆劃略調(diào)細(xì)了一些。

(5)雖然無(wú)襯線體的比劃粗細(xì)基本一致,但實(shí)際還是有著細(xì)微的差距。從正面看到的A(左側(cè)圖)非常正常,然而當(dāng)A被水平翻轉(zhuǎn)后(右側(cè)圖),立刻就有了略怪異和不穩(wěn)的感受。A的右側(cè)比左側(cè)筆劃粗,是受到歷史上平筆書(shū)寫(xiě)以及襯線體延續(xù)下來(lái)的習(xí)慣的影響。

(6)繪制圖標(biāo)時(shí)我們都有經(jīng)驗(yàn),由于圖標(biāo)外形輪廓和內(nèi)部復(fù)雜程度的不同,視覺(jué)體量感是不同的,不能完全依照尺寸大小而要根據(jù)視覺(jué)感受來(lái)判斷。字體設(shè)計(jì)有共通之處。同樣字號(hào)的文字,圓形O和三角形的A要高于參考線。在做LOGO時(shí)可以留心這點(diǎn),參考案例NIVEA。



相關(guān)文章
干貨:設(shè)計(jì)中最常用的中文字體推薦與總結(jié)
今天小編為大家分享設(shè)計(jì)中最常用的中文字體推薦與總結(jié),教程真的很不錯(cuò),很值得大家學(xué)習(xí),推薦過(guò)來(lái),一起來(lái)學(xué)習(xí)吧2015-12-08零基礎(chǔ)的字學(xué)之路:字體設(shè)計(jì)學(xué)習(xí)秘籍
今天小編為大家分享一篇教程,主要是向大家介紹字體設(shè)計(jì)學(xué)習(xí)秘籍,主要是針對(duì)零基礎(chǔ)的字學(xué)之路,教程很不錯(cuò),推薦過(guò)來(lái),大家一起來(lái)學(xué)習(xí)吧2015-12-08好的字體在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用(使用案例)
這篇教程是向腳本之家的朋友介紹好的字體在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用,教程很不錯(cuò),對(duì)于字體設(shè)計(jì)的朋友很值得學(xué)習(xí),好了,下面我們一起來(lái)學(xué)習(xí)吧2015-11-23字體設(shè)計(jì):書(shū)法字體設(shè)計(jì)的三個(gè)終極技巧介紹
這篇教程是向腳本之家的朋友介紹書(shū)法字體設(shè)計(jì)的三個(gè)終極技巧,教程真的很不錯(cuò),很實(shí)用,對(duì)于正在學(xué)習(xí)字體設(shè)計(jì)的朋友很有幫助,快快來(lái)看看吧2015-11-18收費(fèi)課轉(zhuǎn)錄:字體設(shè)計(jì)技巧之"迷宮字"設(shè)計(jì)方法
這篇教程是向腳本之家的朋友介紹字體設(shè)計(jì)技巧之"迷宮字"設(shè)計(jì)方法,教程真的很不錯(cuò),是用收費(fèi)的標(biāo)準(zhǔn)做免費(fèi)的課程,推薦過(guò)來(lái),一起來(lái)看看吧2015-10-08一個(gè)復(fù)古懷舊風(fēng)格的字體手繪設(shè)計(jì)教程
這篇教程是向腳本之家的朋友介紹一個(gè)復(fù)古懷舊風(fēng)格的字體手繪設(shè)計(jì)過(guò)程,教程手繪效果非常漂亮,推薦到腳本之家,喜歡的朋友一起來(lái)看看吧2015-10-08設(shè)計(jì)新手必看::幫新手熟練掌握字體運(yùn)用的18招秘籍
這篇教程很不錯(cuò),主要是向大家分享熟練掌握字體運(yùn)用的18招秘籍,作為新手朋友來(lái)說(shuō),是非常值得學(xué)習(xí)的,推薦到腳本之家,喜歡的朋友快快來(lái)學(xué)習(xí)吧2015-09-30- 今天為大家分享一個(gè)不錯(cuò)的教程,這是一篇英文字體設(shè)計(jì)解析完全教程,教程真的很不錯(cuò),對(duì)于字體設(shè)計(jì)的朋友來(lái)說(shuō)很值得學(xué)習(xí),而且作者從歷史、美學(xué)、結(jié)構(gòu)三大角度對(duì)西文的分析2015-09-24
字體設(shè)計(jì)技巧:商業(yè)字體和偏商業(yè)化的字體
下面腳本之家為大家分享一個(gè)教程,主要是向大家介紹字體設(shè)計(jì)技巧,本文主要包括商業(yè)字體和偏商業(yè)化的字體設(shè)計(jì),教程很不錯(cuò),主要是由專業(yè)設(shè)計(jì)師谷龍來(lái)講述,很值得學(xué)習(xí),下2015-09-22- 下面為大家分享字體設(shè)計(jì)教程,主要是向大家介紹造字方法和添加字體效果,教程真的很不錯(cuò),推薦過(guò)來(lái),大家一起來(lái)學(xué)習(xí)吧2015-09-21

