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

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

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

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

壹 / 字面不是字很要面子

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

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

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

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

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

因為字身框是不會印出來的，所以字身框又叫做假想框。等等，既然字身框并不會印刷出來，那它存在有什么意義？

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

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

So，在設計字時，沒必要糾結字身框或字面框本身的大小，而更多的關注他們之間的比例。

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

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

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

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

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

別問為什么，因為漢字極其復雜，有的筆畫多有的筆畫少，外形輪廓也是千姿百態(tài)，如果機械的精準統(tǒng)一可測量的字面，結果往往有的字看起來大有的字看起來小，視覺上的字面并不統(tǒng)一！

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

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

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

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

聯(lián)系作者

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

作者微信公眾號：【sigmamedia】