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

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

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

2. 幾何無襯線體(Geometric):

代表字體是的Futura。所謂"幾何"就是將字母歸納為圓、方、三角等幾何形狀的字體。

Futura受到包豪斯的影響,造型有設計感。筆劃以垂直、水平的硬朗筆劃為主。細節(jié):

(1)頂角和底角非常銳利

(2)字母正圓處理

(3)升部降部偏長,優(yōu)雅

iPhone的報刊雜志icon,「ART」三個字母使用的就是Futura。

Futura在德語中是「未來」的意思,因此它除了常見于有設計感的產品,如LV、Omega,也常用于「未來」題材。

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

3. 人文無襯線體(Humanist):

代表字體是Myriad。人文無襯線體具有更好的韻律感,氣質開放、親和,不呆板、不冰冷。下圖通過與Helvetica的對比,可以直觀感受到什么是「人文」特征。

(1) 人文無襯線體的x-height相對較小,使得字母之間的豎向變化更加清晰,整體更有韻律。

(2) 人文無襯線體的e、s等字母收尾采用半包圍結構,更開放,不如Helvetica全包圍的那么拘謹,顯得親和隨意。

(3) 人文無襯線體線條柔美,不是Helvetica的工程感,更流線型,具有一定的手寫味

案例:蘋果的VI字體,用于宣傳:廣告、網站、產品銘文等。港鐵地圖的部分字體。

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




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

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

無襯線字體的情緒軸。

1. 視覺平衡

(1)同樣粗細的線條,由于視覺誤差,水平的看起來要比垂直的更粗。因此在設計英文字母時,就應當充分考慮到視差。

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

(3)這是是用圓弧和直線拼接起來的O,然而由于視差,卻看起來有兩側內陷的錯覺。因此在處理時,會講兩側稍微向外隆起一點點,并微調水平方向的線條,就能把生硬不圓潤的圓形變?yōu)橐曈X柔和的O字母了。

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

(5)雖然無襯線體的比劃粗細基本一致,但實際還是有著細微的差距。從正面看到的A(左側圖)非常正常,然而當A被水平翻轉后(右側圖),立刻就有了略怪異和不穩(wěn)的感受。A的右側比左側筆劃粗,是受到歷史上平筆書寫以及襯線體延續(xù)下來的習慣的影響。翻墻看視頻《羅馬體大寫字母使怎么形成的?》

(6)繪制圖標時我們都有經驗,由于圖標外形輪廓和內部復雜程度的不同,視覺體量感是不同的,不能完全依照尺寸大小而要根據視覺感受來判斷。字體設計有共通之處。同樣字號的文字,圓形O和三角形的A要高于參考線。在做LOGO時可以留心這點,參考案例NIVEA。




相關文章

  • 干貨:設計中最常用的中文字體推薦與總結

    今天小編為大家分享設計中最常用的中文字體推薦與總結,教程真的很不錯,很值得大家學習,推薦過來,一起來學習吧
    2015-12-08
  • 零基礎的字學之路:字體設計學習秘籍

    今天小編為大家分享一篇教程,主要是向大家介紹字體設計學習秘籍,主要是針對零基礎的字學之路,教程很不錯,推薦過來,大家一起來學習吧
    2015-12-08
  • 好的字體在網頁設計中的應用(使用案例)

    這篇教程是向腳本之家的朋友介紹好的字體在網頁設計中的應用,教程很不錯,對于字體設計的朋友很值得學習,好了,下面我們一起來學習吧
    2015-11-23
  • 字體設計:書法字體設計的三個終極技巧介紹

    這篇教程是向腳本之家的朋友介紹書法字體設計的三個終極技巧,教程真的很不錯,很實用,對于正在學習字體設計的朋友很有幫助,快快來看看吧
    2015-11-18
  • 收費課轉錄:字體設計技巧之"迷宮字"設計方法

    這篇教程是向腳本之家的朋友介紹字體設計技巧之"迷宮字"設計方法,教程真的很不錯,是用收費的標準做免費的課程,推薦過來,一起來看看吧
    2015-10-08
  • 一個復古懷舊風格的字體手繪設計教程

    這篇教程是向腳本之家的朋友介紹一個復古懷舊風格的字體手繪設計過程,教程手繪效果非常漂亮,推薦到腳本之家,喜歡的朋友一起來看看吧
    2015-10-08
  • 設計新手必看::幫新手熟練掌握字體運用的18招秘籍

    這篇教程很不錯,主要是向大家分享熟練掌握字體運用的18招秘籍,作為新手朋友來說,是非常值得學習的,推薦到腳本之家,喜歡的朋友快快來學習吧
    2015-09-30
  • 英文字體設計解析完全教程(上)

    今天為大家分享一個不錯的教程,這是一篇英文字體設計解析完全教程,教程真的很不錯,對于字體設計的朋友來說很值得學習,而且作者從歷史、美學、結構三大角度對西文的分析
    2015-09-24
  • 字體設計技巧:商業(yè)字體和偏商業(yè)化的字體

    下面腳本之家為大家分享一個教程,主要是向大家介紹字體設計技巧,本文主要包括商業(yè)字體和偏商業(yè)化的字體設計,教程很不錯,主要是由專業(yè)設計師谷龍來講述,很值得學習,下
    2015-09-22
  • 字體設計:造字方法和添加字體效果

    下面為大家分享字體設計教程,主要是向大家介紹造字方法和添加字體效果,教程真的很不錯,推薦過來,大家一起來學習吧
    2015-09-21

最新評論