設(shè)計(jì)中的字體字面到底是什么?字面對字有什么影響?
版權(quán)申明:本文原創(chuàng)作者“驚夢”,感謝“驚夢”的經(jīng)驗(yàn)分享

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

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

調(diào)整半天還是視覺不統(tǒng)一分分鐘摔鍵盤!不要雞凍,明白字體設(shè)計(jì)中的字面概念后你就什么都明白了!
壹——字面不是字很要面子
人類都是要面子的存在,成年人之間的默契就是充分照顧到對方的面子,這以后才有得玩。但我們這里所說的字面,并不是這個(gè)很抽象的意思。

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

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


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

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

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

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

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

So,在設(shè)計(jì)字時(shí),沒必要糾結(jié)字身框或字面框本身的大小,而更多的關(guān)注他們之間的比例。
貳——你看到的字面不是真正的字面
說的好像逗人玩一樣,不要撇嘴,從剛剛對字面的介紹中不難理解,字面是實(shí)際可測量的。
字體設(shè)計(jì)大師謝培元老師總結(jié)的"第二中心線"理論也表明,只要測量形旁和聲旁這兩個(gè)部件的中心距離就可以得到相應(yīng)的字面大小值。

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

那么,單純?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)一!

視覺效果和幾何效果就是這么折磨人!所以說在設(shè)計(jì)中正確處理字面,是要做到統(tǒng)一視覺字面,而不是可測量的字面。
如果把字面形狀按照視覺習(xí)慣歸類為規(guī)則的幾何圖形,我們可以大致把漢字歸納為方形、圓形、三角形和菱形4種典型形狀,針對這四種類型作相應(yīng)處理,就能做到字體在視覺上字面保持一致。

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

關(guān)于字面現(xiàn)在了解的一清二楚了吧?字面框、自身框、第二中心線、視覺字面以及字面概念的來源都掌握了,字體設(shè)計(jì)進(jìn)階指日可待!
相關(guān)閱讀:
43種字體 以適應(yīng)8大最常見設(shè)計(jì)風(fēng)格
網(wǎng)頁設(shè)計(jì)中字體和文字搭配的技巧
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來和大家說說相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請看下文介紹2024-02-10
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無論是求職應(yīng)聘,還是入學(xué)注冊,亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺效果的設(shè)計(jì),簡單的排版方式有時(shí)候不能滿足視覺突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語言,今天我們來推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡單說說真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無損壓縮(M)”和“無損壓縮(S)”RAW的問題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來看看照片標(biāo)準(zhǔn)尺寸/像素對照表匯總2021-08-06









