字面框、自身框、第二中心線、視覺字面以及字面概念的來源都掌握了,字體設(shè)計(jì)進(jìn)階指日可待!

2018-03-15 10274 6

你有沒有發(fā)現(xiàn):字號相同的幾種字體,有的字體看起來大有的字體卻看起來小.。


 

e76e5961f268a8012193a3d0da97.jpg


 

在設(shè)計(jì)字的時(shí)候也常有這樣的困惑,明明長寬高都一樣,幾個(gè)字卻很難搭在一起,總感覺大小不一。


 

 

82085961f2b7a8012193a339fb0a.jpg


 

調(diào)整半天還是視覺不統(tǒng)一分分鐘摔鍵盤!不要雞凍,明白字體設(shè)計(jì)中的字面概念后你就什么都明白了!


 

壹—字面不是字很要面子


 

人類都是要面子的存在,成年人之間的默契就是充分照顧到對方的面子,這以后才有得玩。但我們這里所說的字面,并不是這個(gè)很抽象的意思。


 

 

1b445961f30aa8012193a36798e9.jpg


 

這里的“面”單純而直接,通俗來理解就是指外表,我們設(shè)計(jì)字時(shí)常會以兩個(gè)方形框作參考來限定字的外表,即字身框和字面框。


 

e2ce5961f36aa8012193a3bb750b.jpg


 

而字面就是指字體所占字面框的字面率比例大小。


 

 

 

也就是說,在字面框不變的情況下,把字體設(shè)計(jì)的外表大就稱字面大,外表小則稱字面小。這就是同樣字號的字,有的字體看起來大而有的字體看起來小的一個(gè)重要原因。

 


 

d0be5961f40ca8012193a35462f5.jpg


 

字身和字面的概念來自金屬活字type face,在金屬活字上,字面部分就是凸起的字,鉛模外框則是自身。對的,現(xiàn)在字體設(shè)計(jì)中的自身框、字面框正是由這里演化而來。


 

 

79705961f448a8012193a3402230.jpg


 

因?yàn)樽稚砜蚴遣粫〕鰜淼?,所以字身框又叫做假想框。等等,既然字身框并不會印刷出來,那它存在有什么意義?

 


 

單獨(dú)從一個(gè)字來看,字身框確實(shí)沒多大意義,但金屬活字是要排列好鉛模后印刷的,而鉛模字身的尺寸是固定的,這時(shí)候,字面的大小就會影響到字之間的距離了哎呦喂!


 

c2655961f49ba8012193a3e38b83.jpg


 

也就是說,自身框和字面框共同影響到字距。這也就是在字體設(shè)計(jì)中,字身框和字面框之間的差值距離是半個(gè)自然字距的原因!


 

 

4afc5961f4bba8012193a393e077.jpg


 

So,在設(shè)計(jì)字時(shí),沒必要糾結(jié)字身框或字面框本身的大小,而更多的關(guān)注他們之間的比例。


 

貳—你看到的字面不是真正的字面


 

說的好像逗人玩一樣,不要撇嘴,從剛剛對字面的介紹中不難理解,字面是實(shí)際可測量的。

字體設(shè)計(jì)大師謝培元老師總結(jié)的“第二中心線”理論也表明,只要測量形旁和聲旁這兩個(gè)部件的中心距離就可以得到相應(yīng)的字面大小值。


 

a1b25961f549a8012193a34ebd0c.jpg


 

第二中心線理論:適用于形聲組合的漢字,取形旁和聲旁這兩個(gè)部件各自的豎直中心線,測量這兩條中心線間的距離,距離越大,字面就越大,反之,字面就越小。


 

 

59675961f5d1a8012193a32fa2a1.jpg


 

那么,單純?nèi)缒?,設(shè)計(jì)字體時(shí)是不是機(jī)械的把所有字的字面都精準(zhǔn)統(tǒng)一?難道不應(yīng)該這樣嗎?這樣做初衷是對的,但效果往往是讓人摔鍵盤的。


 

 

別問為什么,因?yàn)闈h字極其復(fù)雜,有的筆畫多有的筆畫少,外形輪廓也是千姿百態(tài),如果機(jī)械的精準(zhǔn)統(tǒng)一可測量的字面,結(jié)果往往有的字看起來大有的字看起來小,視覺上的字面并不統(tǒng)一!

78515961f601a8012193a3a8f2f7.jpg

視覺效果和幾何效果就是這么折磨人!所以說在設(shè)計(jì)中正確處理字面,是要做到統(tǒng)一視覺字面,而不是可測量的字面。


 

如果把字面形狀按照視覺習(xí)慣歸類為規(guī)則的幾何圖形,我們可以大致把漢字歸納為方形、圓形、三角形和菱形4種典型形狀,針對這四種類型作相應(yīng)處理,就能做到字體在視覺上字面保持一致。


 

45b25961f624a8012193a3724644.jpg


 

方形和圓形橫豎延伸剛很強(qiáng),視覺上會膨脹所以要適當(dāng)縮短筆畫,不要占滿字面框;菱形收縮感很強(qiáng),邊角要靠近字面框擴(kuò)大視覺面積,而三角形的底邊遠(yuǎn)離字面框,才能達(dá)到字面的統(tǒng)一。


 

 

5a4f5961f645a8012193a3347d7b.jpg


 

關(guān)于字面現(xiàn)在了解的一清二楚了吧?字面框、自身框、第二中心線、視覺字面以及字面概念的來源都掌握了,字體設(shè)計(jì)進(jìn)階指日可待!


 


71
評論區(qū)(0)
正在加載評論...