貓啃君在學(xué)習(xí)字體制作的過程中，因?yàn)闆]有報(bào)過專業(yè)的課程，也沒有老師的指導(dǎo)，雖然查閱了一些文章，但仍覺得對(duì)于字體的重心，字面，字谷等概念相當(dāng)模糊，心中困惑頗多。后來偶然之間發(fā)現(xiàn)站酷設(shè)計(jì)師驚夢(mèng)了了寫的一系列文章詳情解釋了這些概念，貓啃君覺得寫得十分清晰，所以轉(zhuǎn)載過來與大家分享。

你有沒有發(fā)現(xiàn)：字號(hào)相同的幾種字體，有的字體看起來大有的字體卻看起來小。

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

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

壹 / 字面不是字很要面子

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

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

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

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

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

因?yàn)樽稚砜蚴遣粫?huì)印出來的，所以字身框又叫做假想框。等等，既然字身框并不會(huì)印刷出來，那它存在有什么意義？

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

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

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

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

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

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

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

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

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

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

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

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

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

聯(lián)系作者

如果你對(duì)文章有任何的疑問或者建議，或者你想支持或打賞字體作者，歡迎與作者聯(lián)系并進(jìn)行反饋。以下聯(lián)系方式是貓啃網(wǎng)網(wǎng)絡(luò)搜集而來，如有錯(cuò)誤，請(qǐng)聯(lián)系貓啃網(wǎng)站長改正。

作者微信公眾號(hào)：【sigmamedia】