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

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

  發(fā)布時間:2015-07-21 14:37:18   作者: Pearl(騰訊CDC設(shè)計師)   我要評論
這篇教程是向腳本之家的設(shè)計朋友介紹全方位掌握英文字體基礎(chǔ),是界面設(shè)計師必備的,也是非常實用的一篇教程,好了,感興趣的朋友快快來看看吧

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)文章

最新評論