平面設(shè)計(jì)中的字體設(shè)計(jì)心法

資訊頻道 - 設(shè)計(jì)技 來源:設(shè)計(jì)在線 作者:cpcool 2011-01-06

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

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

  
圖01

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

 
圖02

我把字體設(shè)計(jì)歸為4個(gè)要素:
框架--自由
個(gè)性--識別性

我先解釋下這4個(gè)要素:

框架:大家都知道“漢字”俗稱方塊字,這個(gè)方塊呢也就是框架了。

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

別性:既然是字 那肯定要大家都能認(rèn)識,有的字經(jīng)過設(shè)計(jì)以后還能很方便的認(rèn)出來,也有的字設(shè)計(jì)完后要經(jīng)過一番思考才能認(rèn)出來,這就是識別性的強(qiáng)和弱了。

個(gè)性:這個(gè)也是相對識別性來說的 有的設(shè)計(jì)師為了強(qiáng)調(diào)某種個(gè)性,而犧牲掉識別性。例如:涂鴉字體 以前街頭給人畫龍字啊鳳字的師傅就是個(gè)性字體設(shè)計(jì)高手。

他們之間是相對的 (現(xiàn)在你看不懂沒關(guān)系,繼續(xù)看下去你就明白了)
這個(gè)工具有啥用呢?

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

 
圖03

我們先看篆書,位于這個(gè)坐標(biāo)工具左上角,也就是框架和個(gè)性的極限交匯點(diǎn)上。

先看形態(tài),很明顯篆書是嚴(yán)格的在方塊進(jìn)行造型的,也就是以框架為基礎(chǔ)來設(shè)計(jì)的。
由于篆書是象形字轉(zhuǎn)化而來還沒完全脫離象形字的構(gòu)造,在我們今天看來這種字體充滿了個(gè)性,但識別性就比較差了。

楷書:形態(tài):依然是框架結(jié)構(gòu),識別上非常容易,所以它處在這個(gè)坐標(biāo)工具的右上角,相對的來說,個(gè)性就比較少了,四平八穩(wěn)。

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

行書:形態(tài):沒有框架,識別上較容易,個(gè)性和識別性兼?zhèn)洹?/span>

這個(gè)坐標(biāo)工具我主要用做分析別人字體設(shè)計(jì)的工具和作為自己設(shè)計(jì)字體時(shí)候的指南。
說了這么多,你會(huì)用這個(gè)工具了么?還不會(huì)?。。! 沒關(guān)系 ~~我繼續(xù)講解!

框架式字體設(shè)計(jì)

 

 
圖04

下面我先講框架式字體的方法:
從坐標(biāo)工具來看,框架式字體設(shè)計(jì),位于坐標(biāo)工具的上半部分。(圖05)
 

 
圖05

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

 
圖06
 

  
圖07

請仔細(xì)觀察下面這些字體!!

形態(tài)?個(gè)性在那里?識別性強(qiáng)?弱?(圖08) 

 
圖08

這類型的字體,結(jié)構(gòu)方正,個(gè)性鮮明,識別性較強(qiáng),放在坐標(biāo)工具上來分析的話,他們都處于白色圓圈這個(gè)范圍內(nèi)(你能將上圖每個(gè)字體在坐標(biāo)工具上不同的位置都標(biāo)示出來么?)。(圖09) 

 
圖09

下面這個(gè)是我為一個(gè)房產(chǎn)項(xiàng)目所做的一個(gè)字體設(shè)計(jì) 請注意:形態(tài)?個(gè)性在那里?識別性強(qiáng)?弱?(圖10) 

 
圖10

這個(gè)字體的特點(diǎn):“方正”,很正統(tǒng)的框架式字體設(shè)計(jì),字體重心全部上移,左方右圓,落腳呈尖刀狀。(圖11) 

 
圖11

why? 這個(gè)字體為什么設(shè)計(jì)成這樣?
接著看:(圖12、13、14)
 

 
圖12
 

 
圖13
 

 
圖14

這個(gè)字體設(shè)計(jì)的概念很簡單:飛躍平凡的生活
飛躍-怎么用字體來體現(xiàn)飛躍呢?


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

B:從筆畫上下手:
1:由于面對的客戶男女都有,所以我選擇左方右圓,這樣就剛?cè)嵯酀?jì),比較中性。
2:落筆融入羽毛的特點(diǎn)(落腳呈尖刀狀),貼近創(chuàng)意原點(diǎn),并再度強(qiáng)化向上的飛躍感。

框架式字體設(shè)計(jì)的基本方法

 

 
圖15

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

 
圖16

字庫里那么多字體 怎么選呢?選襯線體呢?還是無襯線體?(關(guān)于襯線體和無襯線體請查閱相關(guān)資料)(圖17)

 

 
圖17


簡單點(diǎn)來說
古樸、經(jīng)典的個(gè)性、就選“襯線體”
現(xiàn)代、簡約的個(gè)性就選“無襯線體”來參照
選了參考字體參考什么?


參考結(jié)構(gòu)(圖18、19)

 

 
圖18

 

 
圖19


這些基本的結(jié)構(gòu)常識相信大家都知道。
我講一個(gè)框架式字體設(shè)計(jì)的秘訣:(圖20)

 

 
圖20


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

 

 
圖21


在調(diào)整結(jié)構(gòu)的同時(shí),加入個(gè)性,和讓筆畫占據(jù)框架的4向。
以下范例都是典型代表:(圖22、23)

 

 
圖22

 

 
圖23

個(gè)性的塑造

在完成字體的基本結(jié)構(gòu)后,我們現(xiàn)在來為字體加入個(gè)性。
如前所敘,我就不多說了。(圖24)

 

 
圖24


下圖中的字體設(shè)計(jì),你能說出設(shè)計(jì)師為什么要那么設(shè)計(jì)了么?他們是怎么為字體設(shè)計(jì)調(diào)整結(jié)構(gòu)和加入個(gè)性的呢?它們各自的參考字體又是什么?(圖25)

 

 
圖25


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

 

 
圖26


我們現(xiàn)在再重新來審視這個(gè)字體設(shè)計(jì):(圖27)

 

 
圖27


它還有沒有結(jié)構(gòu)上的缺陷?
它筆畫粗細(xì)是否合理?
它空間分割是否美觀?
下面是我做字體設(shè)計(jì)的另外一個(gè)秘訣:(圖28)

 

 
圖28


下面我們再來看一個(gè)框架式字體設(shè)計(jì)的范例。(圖29)

 

 
圖29


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

 

 
圖30


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

 

 
圖31


關(guān)于個(gè)性

我們再看看這個(gè)范例:(圖32、33)

 

 
圖32

 

 
圖33


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


乾坤大挪移(圖34)

 

 
圖34


乾坤大挪移之英文字體轉(zhuǎn)化為中文字體設(shè)計(jì)
先看大師范例(圖35)

 

 
圖35


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


乾坤大挪移之圖形轉(zhuǎn)化為中文字體設(shè)計(jì)(圖36)

 

 
圖36


設(shè)計(jì)變形金剛這位仁兄的功夫也非常了得。


乾坤大挪移之照片轉(zhuǎn)化為中文字體設(shè)計(jì)(圖37)

 

 
圖37


這個(gè)是我的拙作


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

 

 
圖38

 

 

圖39

乾坤大挪移之范例

在看下面這些范例之前邊看請邊為它們在坐標(biāo)工具上定位,如果一看到一個(gè)陌生的字體設(shè)計(jì)你就能將他們在坐標(biāo)工具上準(zhǔn)確的定位。那恭喜你,你練好心法了。(圖40)

 

 
圖40

 

作者從歐式圖案中吸取精華來做的字體設(shè)計(jì),強(qiáng)調(diào)的是個(gè)性、形態(tài)上為了加強(qiáng)識別型采取了框架式。
下圖是我從歐式圖案中吸取精華來做的字體設(shè)計(jì),強(qiáng)調(diào)的是識別性、個(gè)性較弱。(圖41、42)

 

 
圖41

 

 
圖42


下面這個(gè)呢?它在坐標(biāo)的那個(gè)位置呢?(圖43)

 

 
圖43


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

 

 
圖44

 

 
圖45


logo到標(biāo)準(zhǔn)字

乾坤大挪移一個(gè)簡單的應(yīng)用就是“vi”中的中文標(biāo)準(zhǔn)字了。
看范例我就不多說了。(圖46)

 

 
圖46


太極兩儀之自由式字體設(shè)計(jì)
下面開始講自由式字體設(shè)計(jì)。(圖47、48)

 

 
圖47

 

 
圖48

講到現(xiàn)在大家因該對坐標(biāo)工具都很熟悉了。
一般來說自由式字體設(shè)計(jì)都處在坐標(biāo)工具的下半部分,相對框架式字體來說,自由式的個(gè)性會(huì)更強(qiáng)一些。
依照慣例,先看范例:(圖49、50)

 

 
圖49

 

 
圖50


這些字體都有什么特點(diǎn)呢?(圖51、52)

 

 
圖51

 

 
圖52


我們先看一個(gè)范例:(圖53)

 

 
圖53


這是我為一位朋友設(shè)計(jì)的個(gè)人簽名
由于是屬于個(gè)人使用的范疇,所以我強(qiáng)調(diào)的是個(gè)性。
拋棄了框架,拋棄了大部分的結(jié)構(gòu),著重傳達(dá)個(gè)人的特點(diǎn)。


它處在坐標(biāo)工具的什么位置呢?(圖54)

 

 
圖54


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

 

 
圖55


關(guān)于自由式字體設(shè)計(jì)我只能找些參考來給大家分析,因?yàn)檫@個(gè)實(shí)在沒辦法解說,只能根據(jù)設(shè)計(jì)師的個(gè)性和項(xiàng)目的特性等來決定表現(xiàn)手法,二來表現(xiàn)手法千萬種,都會(huì)影響字體設(shè)計(jì)的形態(tài),就不一一解說了。
經(jīng)過前面的詳解,相信大家都有各自的方法了。(圖56、57)

 

 
圖56

 

 
圖57


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

 

 
圖58

太極之外,無極。!

除了框架式和自由式還有別的招式么???有。。▓D59)

 

 
圖59


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

 

 
圖60


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

 

 
圖61

 

 
圖62

 

 
圖63


 

 
圖64

 

 
圖65

這些字體的特點(diǎn)又是什么呢?(圖66)

 

 
圖66


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

 

 
圖67


 

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

 

圖68


例如你喜歡吃香菇,那就用香菇的形態(tài)特質(zhì)來做“香菇”2個(gè)字看看,你會(huì)做出什么東西來~~
或者你在大便后仔細(xì)觀察下你的大便,然后做個(gè)“大便”的字體設(shè)計(jì)玩玩,

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

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

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評論

暫無相關(guān)推薦