當前位置:首頁 >教程首頁 > U I 設計 > 藝術設計基礎班 >中文平麵美術字體設計技巧及經驗分享

中文平麵美術字體設計技巧及經驗分享

發布時間:2018-11-17 19:57:24

 

 

導言:
這是我在網路上見到過的,對字體的講解最詳細的,到位不到位隻能讓各位網友來評判,不過相信,裏邊還是有不少地方時大家能夠學習到的地方。


心法
既然是武功秘籍,肯定有內功心法,那我們就先從內功開始練起。


兩儀
大家對太極圖肯定都很熟悉了,陰陽陰陽,有陰必有陽,這是太極的兩儀。
也就是說凡事都有兩麵,做設計也一樣,在同一個命題下,一個設計方向的背後肯定還有另外一個完全不同的設計方向。(圖01)

 

  
圖01


四象
我們先來看這個由太極演化而來的工具。(圖02)

 

 
圖02


我把字體設計歸為4個要素:
框架--自由
個性--識別性


我先解釋下這4個要素:
框架:大家都知道“漢字”俗稱方塊字,這個方塊呢也就是框架了。


自由:這個自由是相對框架而言,也就是不受方塊約束的字體(例如草書)。


識別性:既然是字 那肯定要大家都能認識,有的字經過設計以後還能很方便的認出來,也有的字設計完後要經過一番思考才能認出來,這就是識別性的強和弱了。


個性:這個也是相對識別性來說的 有的設計師為了強調某種個性,而犧牲掉識別性。例如:塗鴉字體 以前街頭給人畫龍字啊鳳字的師傅就是個性字體設計高手。


他們之間是相對的 (現在你看不懂沒關係,繼續看下去你就明白了)
這個工具有啥用呢?

#p#e#


我們再看,由四象推算出來的八卦,你可能會明白一點了。(圖03)

 

 
圖03


我們先看篆書,位於這個坐標工具左上角,也就是框架和個性的極限交彙點上。


先看形態,很明顯篆書是嚴格的在方塊進行造型的,也就是以框架為基礎來設計的。
由於篆書是象形字轉化而來還沒完全脫離象形字的構造,在我們今天看來這種字體充滿了個性,但識別性就比較差了。


楷書:形態:依然是框架結構,識別上非常容易,所以它處在這個坐標工具的右上角,相對的來說,個性就比較少了,四平八穩。


草書: 形態:沒有框架,隨心而置,識別上比較困難(你找找曆代書法看看 看你能完整的認出多少來)但個性就非常強烈了,看的多的話,你不用看落款你就知道這是那個書法家的作品。


行書:形態:沒有框架,識別上較容易,個性和識別性兼備。


這個坐標工具我主要用做分析別人字體設計的工具和作為自己設計字體時候的指南。
說了這麼多,你會用這個工具了麼?還不會?!!!! 沒關係 ~~我繼續講解!


框架式字體設計(圖04)

 

 
圖04


下麵我先講框架式字體的方法:
從坐標工具來看,框架式字體設計,位於坐標工具的上半部分。(圖05)

 

 
圖05


在造字之前呢,我們先用坐標工具分析下這類字體的特點。(圖06、07)

 

 
圖06

 

  
圖07

#p#e#


請仔細觀察下麵這些字體!!!

形態?個性在那裏?識別性強?弱?(圖08)

 

 
圖08


這類型的字體,結構方正,個性鮮明,識別性較強,放在坐標工具上來分析的話,他們都處於白色圓圈這個範圍內(你能將上圖每個字體在坐標工具上不同的位置都標示出來麼?)。(圖09)

 

 
圖09


下麵這個是我為一個房產項目所做的一個字體設計 請注意:形態?個性在那裏?識別性強?弱?(圖10)

 

 
圖10


這個字體的特點:“方正”,很正統的框架式字體設計,字體重心全部上移,左方右圓,落腳呈尖刀狀。(圖11)

 

 
圖11


why? 這個字體為什麼設計成這樣?
接著看:(圖12、13、14)

 

 
圖12

 

 
圖13

 

 
圖14


這個字體設計的概念很簡單:飛躍平凡的生活
飛躍-怎麼用字體來體現飛躍呢?


A:我先從結構上下手:
1:把字體重心整體上移,造成向上的動感。
2:拆除字體裏的封閉結構(翼的田字)減輕字體本身的重量感,來強化整體向上飛躍的動感。


B:從筆畫上下手:
1:由於麵對的客戶男女都有,所以我選擇左方右圓,這樣就剛柔相濟,比較中性。
2:落筆融入羽毛的特點(落腳呈尖刀狀),貼近創意原點,並再度強化向上的飛躍感。


大家可以看看字體設計和平麵表現的關係。http://ska2016.blogbus.com/c1940982/index_8.html

#p#e#


框架式字體設計的基本方法(圖15)

 

 
圖15


在開始做字體之前,我一般會先選擇參考字體。
為什麼要找參考字體呢?字庫裏的字都是專家多年研究和經過大眾審美肯定的字體,有個巨人的肩膀讓你站為什麼不站呢?(圖16)

 

 
圖16


字庫裏那麼多字體 怎麼選呢?選襯線體呢?還是無襯線體?(關於襯線體和無襯線體請查閱相關資料)(圖17)

 

 
圖17


簡單點來說
古樸、經典的個性、就選“襯線體”
現代、簡約的個性就選“無襯線體”來參照
選了參考字體參考什麼?


參考結構(圖18、19)

 

 
圖18

 

 
圖19


這些基本的結構常識相信大家都知道。
我講一個框架式字體設計的秘訣:(圖20)

 

 
圖20


沒錯! 頂天立地!
隻有貼緊框架四邊,整個字形才會顯得飽滿(寫過pop的人都知道)。
我們看下範例:(圖21)

 

 
圖21


在調整結構的同時,加入個性,和讓筆畫占據框架的4向。
以下範例都是典型代表:(圖22、23)

 

 
圖22

 

 
圖23

#p#e#


個性的塑造
在完成字體的基本結構後,我們現在來為字體加入個性。
如前所敘,我就不多說了。(圖24)

 

 
圖24


下圖中的字體設計,你能說出設計師為什麼要那麼設計了麼?他們是怎麼為字體設計調整結構和加入個性的呢?它們各自的參考字體又是什麼?(圖25)

 

 
圖25


下圖是從參考字體到新的字體設計的一個流程圖。(圖26)

 

 
圖26


我們現在再重新來審視這個字體設計:(圖27)

 

 
圖27


它還有沒有結構上的缺陷?
它筆畫粗細是否合理?
它空間分割是否美觀?
下麵是我做字體設計的另外一個秘訣:(圖28)

 

 
圖28


下麵我們再來看一個框架式字體設計的範例。(圖29)

 

 
圖29


這是我非常喜歡的一個字體設計。
在4個要素點的把握上功力深厚 。
一般來說框架式字體設計做出來都多少有點活板 但上麵這個設計師就敢於突破框架的束縛。
這就是我想講的 另外一個秘訣:(圖30)

 

 
圖30


現在我們再返回來看看之前看過的這些字體設計。
你現在看這些字體設計的眼光是否又不一樣了呢?(圖31)

 

 
圖31

#p#e#


關於個性
我們再看看這個範例:(圖32、33)

 

 
圖32

 

 
圖33


塑造個性的方式多種多樣 不僅僅是字形。
我就不多說了,留給大家自由發揮。
下麵即將進入本秘籍的核心部分!
絕招來了!


乾坤大挪移(圖34)

 

 
圖34


乾坤大挪移之英文字體轉化為中文字體設計
先看大師範例(圖35)

 

 
圖35


陳大師,早已練的爛熟於胸了。


乾坤大挪移之圖形轉化為中文字體設計(圖36)

 

 
圖36


設計變形金剛這位仁兄的功夫也非常了得。


乾坤大挪移之照片轉化為中文字體設計(圖37)

 

 
圖37


這個是我的拙作


練好以上3招,你就可以找張大師比劃比劃了。(圖38、39)

 

 
圖38

 

圖39

#p#e#


乾坤大挪移之範例
在看下麵這些範例之前邊看請邊為它們在坐標工具上定位,如果一看到一個陌生的字體設計你就能將他們在坐標工具上準確的定位。那恭喜你,你練好心法了。(圖40)

 

 
圖40

 

作者從歐式圖案中吸取精華來做的字體設計,強調的是個性、形態上為了加強識別型采取了框架式。
下圖是我從歐式圖案中吸取精華來做的字體設計,強調的是識別性、個性較弱。(圖41、42)

 

 
圖41

 

 
圖42


下麵這個呢?它在坐標的那個位置呢?(圖43)

 

 
圖43


再出一個題目
這個也是我做的一個字體練習作品。
它又在坐標工具上的那個位置呢?(圖44、45)

 

 
圖44

 

 
圖45


logo到標準字
乾坤大挪移一個簡單的應用就是“vi”中的中文標準字了。
看範例我就不多說了。(圖46)

 

 
圖46


太極兩儀之自由式字體設計
下麵開始講自由式字體設計。(圖47、48)

 

 
圖47

 

 
圖48

#p#e#


講到現在大家因該對坐標工具都很熟悉了。
一般來說自由式字體設計都處在坐標工具的下半部分,相對框架式字體來說,自由式的個性會更強一些。
依照慣例,先看範例:(圖49、50)

 

 
圖49

 

 
圖50


這些字體都有什麼特點呢?(圖51、52)

 

 
圖51

 

 
圖52


我們先看一個範例:(圖53)

 

 
圖53


這是我為一位朋友設計的個人簽名
由於是屬於個人使用的範疇,所以我強調的是個性。
拋棄了框架,拋棄了大部分的結構,著重傳達個人的特點。


它處在坐標工具的什麼位置呢?(圖54)

 

 
圖54


照片上的女孩請不要起訴我侵犯您的肖像權丫,你和我朋友長的太象了。(圖55)

 

 
圖55


關於自由式字體設計我隻能找些參考來給大家分析,因為這個實在沒辦法解說,隻能根據設計師的個性和項目的特性等來決定表現手法,二來表現手法千萬種,都會影響字體設計的形態,就不一一解說了。
經過前麵的詳解,相信大家都有各自的方法了。(圖56、57)

 

 
圖56

 

 
圖57


設計自由式字體的時候,最大的秘訣就是!(圖58)

 

 
圖58

#p#e#


太極之外,無極!!!
除了框架式和自由式還有別的招式麼???有!!(圖59)

 

 
圖59


這一類的字體設計一般來說,處於坐標工具的中部,簡而言之就是,帶框架的自由式字體設計。(圖60)

 

 
圖60


先看範例:(圖61、62、63)

 

 
圖61

 

 
圖62

 

 
圖63

 

 
圖64

 

 
圖65


設計師:justmaoba


這些字體的特點又是什麼呢?(圖66)

 

 
圖66


設計這類字體的秘訣就是:(圖67)

 

 
圖67


終……

 

大家可以下載這個坐標工具,隨時備用,用來分析別人的字體設計和自己的指南。
大家平時可以多做練習 吃飯的時候也可以練! (圖68)

 

圖68


例如你喜歡吃香菇,那就用香菇的形態特質來做“香菇”2個字看看,你會做出什麼東西來~~
或者你在大便後仔細觀察下你的大便,然後做個“大便”的字體設計玩玩,


總之,生活是無窮無盡的,設計也是無窮無盡的,掌握了此武功秘籍,就沒有什麼字體設計能難倒你了。


和張無忌一樣,你要的就是多看別人的表現形式和創意方法,用乾坤大挪移轉為自己的功力了。

 

 

 

 

 

 

轉載自:http://www.zcool.com.cn/article/ZMjc2.html
 

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定