這是justfont在hahow好學(xué)校開設(shè)的《伸縮自如的字體課》精華節(jié)錄。無論是寫字、做字型或制作標(biāo)準(zhǔn)字，掌握文字的“重心”都是很重要的課題。它不只能讓文字的視覺更具有穩(wěn)定感，也是一項(xiàng)相當(dāng)好用的創(chuàng)作思考工具。原文轉(zhuǎn)載自講師曾國(guó)榕的Medium。

當(dāng)我們使用中文字型時(shí)，橫排是最基本的排版方式。但你可能不知道，正在閱讀的這些中文字之所以橫排時(shí)閱讀順暢，沒有特別的違和感，都是字體設(shè)計(jì)師歷盡千辛萬苦調(diào)整后的成果。

反過來說，如果設(shè)計(jì)中文字型不注意，忽略一些設(shè)計(jì)原則，那么閱讀起來就會(huì)有忽高忽低，遇到亂流的感覺。我們看一下下面這個(gè)案例：

以金梅歪體美工國(guó)際碼為范例，這個(gè)字體存在的問題實(shí)在是太多了，現(xiàn)在我們先著重看文字重心的部分。大家可以實(shí)際閱讀看看，第二行出現(xiàn)的「不太平衡」這四個(gè)字應(yīng)該可以非常明顯地重心的不平衡吧？

大概像這樣：不↑ 太↓ 平↑ 衡↓

如果有好好調(diào)整過文字重心的話，閱讀起來就會(huì)順暢許多：

為什上面這段文字會(huì)閱讀起來觀感會(huì)如此不一樣呢？我們這篇來好好談一下文字重心：究竟文字重心是指「什么」的重心？如何判定每個(gè)文字的重心呢？

字體設(shè)計(jì)第一課：眼力訓(xùn)練

你能不能不靠工具測(cè)量，就看出觀察幾何圖形之間誰大誰小，中間間隔又是否一致呢？其實(shí)這與測(cè)量數(shù)值無關(guān)，而與人眼的感受有關(guān)。

我在日本讀研究生時(shí)，旁聽了鳥海修老師幫設(shè)計(jì)系大一上的Typography必修課，第一堂課的課題就是幾何圖形的調(diào)整練習(xí)。什么？幾何圖形的調(diào)整跟字體設(shè)計(jì)有關(guān)？也許說了你才會(huì)驚覺，△?▽□可以分別對(duì)應(yīng)到拉丁字母的“AOVH”字母的外輪廓，也可以對(duì)應(yīng)到中文字的“上永下國(guó)”的外輪廓。

是的，中文字也有輪廓。稍加觀察后約能對(duì)應(yīng)到15種甚至更多的幾何圖形，像是：方形、長(zhǎng)方(站立)、長(zhǎng)方(橫躺)、圓形、正三角形、梯形、倒三角形、倒梯形、菱形、五邊形??等等。

在設(shè)計(jì)字體的時(shí)候，必須懂得判斷出每個(gè)中文字大致對(duì)應(yīng)到的幾何圖形。為什么這很重要？因?yàn)槿搜塾绣e(cuò)覺。例如同樣面積的菱形與正方形擺在一起，會(huì)覺得菱形硬是比正方形小了一點(diǎn)。以中文字來說，菱形的“今”與方塊狀的字例如“國(guó)”字?jǐn)[在一起的時(shí)候，如果不把“今”字設(shè)計(jì)得大一點(diǎn)，很容易會(huì)以為這個(gè)字看起來比較小。先個(gè)別調(diào)整到合適的大小后，就要來面對(duì)重心、處理重心了。

重心的意思是：幾何重心嗎？

還記得初中教過圖形的重心嗎？正圓形與正方形的重心當(dāng)然是在中心點(diǎn)的位置，而三角形的重心是這樣找的：

假設(shè)今天我們要做的四個(gè)字是“上永下國(guó)”，那它們所對(duì)應(yīng)到的圖形如下：

首先正方形無論是面積或是視覺大小都太大了，需要稍微縮小一點(diǎn)：

接著我們用紅點(diǎn)標(biāo)出這些圖形的重心，我們會(huì)發(fā)現(xiàn)三角形不調(diào)整幾何重心不行，重心上下擺動(dòng)太激烈了：

所以該如何調(diào)整呢？我們要改變?nèi)切蔚牡拙€擺位：

如此一來幾何重心就會(huì)趨近一致，文字的閱讀效果就會(huì)順暢許多（無須調(diào)整至絕對(duì)一致，否則字會(huì)太?。?/p>

大家可以用電腦輸入一些外輪廓明顯不同的字，可觀察出筆畫的擺位有考量到幾何重心，其實(shí)“上”“下”“國(guó)”三字是展開一套新字體設(shè)計(jì)時(shí)蠻重要的基準(zhǔn)字，無論是幾個(gè)字的標(biāo)準(zhǔn)字設(shè)計(jì)，或想延伸造出一套幾千字的字庫(kù)都建議優(yōu)先制作這三個(gè)字，這樣一來就能定義出一些很重要的參考線與框架，想了解更多的話，可以參照我們?cè)诮疠婕易逶O(shè)計(jì)細(xì)節(jié)裡提到的“字形調(diào)整框”：

不過，光是外輪廓的筆畫擺位恰當(dāng)就足夠了嗎？何謂視覺重心呢？

其實(shí)，影響我們閱讀文字時(shí)的高度觀感不單是上面所提到的文字外輪廓與幾何重心而已，就算是框架一樣但透過文字筆畫的擺位不同，也可以做到改變文字的重心。一樣的框架設(shè)定下，若藉由筆畫的長(zhǎng)短變化營(yíng)造出不同的文字重心，看起來就會(huì)像下面這樣：

文字重心是一種經(jīng)過訓(xùn)練的視覺感受

所以說影響我們對(duì)于一個(gè)文字重心高低的觀感不單只有外輪郭及幾何重心，還包括所有筆畫的擺位（文字結(jié)體）的影響，綜合之后會(huì)產(chǎn)生一個(gè)文字的「視覺重心」，視覺重心的一致才是我們調(diào)整文字重心時(shí)的目標(biāo)。

視覺重心的確有點(diǎn)抽象，是一種感受而并沒有一個(gè)確切的點(diǎn)，需仰賴設(shè)計(jì)師造字經(jīng)驗(yàn)累積后所磨練出的眼力，以及多將自己所造出的字，進(jìn)行各種尺寸與不同排列組合的排版測(cè)試，才能察覺到重心的偏移異狀并加以調(diào)整。

讓我們一起加油吧，設(shè)計(jì)師朋友們～這是一條漫長(zhǎng)的練字之路。

題外話：為什么我看了那么多字，也寫了那么多字，卻沒留意過中文字有重心這回事呢？

最主要的原因是由于我們?nèi)粘Ｉ钪兴娝褂玫膬?nèi)建字型，都已經(jīng)是花費(fèi)人力經(jīng)年累月的經(jīng)驗(yàn)與調(diào)整下的成果了。只要是字體公司出產(chǎn)的字庫(kù)，都已針對(duì)橫排與豎排的排版需求細(xì)心調(diào)整過不同文字的重心，讓讀者橫排閱讀時(shí)不會(huì)忽高忽低，直排閱讀時(shí)不會(huì)忽左忽右。

此外“書寫”跟“設(shè)計(jì)”中文字兩者在構(gòu)筑骨架時(shí)與最后取得平衡的方式不太一樣。對(duì)書法與文字造型有長(zhǎng)期鉆研的藝術(shù)家徐冰這樣說過：
“書寫一個(gè)中文字時(shí)，所下的每一筆都被前一筆所影響，必須靈活的改變筆的角度與調(diào)整位置，而最后一筆最終平衡了整個(gè)字?！?/p>

我蠻認(rèn)同這個(gè)說法的，其實(shí)我們?cè)谶M(jìn)行書寫時(shí)，都沒有意識(shí)到自己正在進(jìn)行微妙的視覺調(diào)整呢。

重心不同也是一種風(fēng)格的表現(xiàn)方式

字型要能夠閱讀，重心穩(wěn)定是很基本的要求。但如果對(duì)字的要求不是易于閱讀文章，而是強(qiáng)調(diào)風(fēng)格表現(xiàn)，我們也依樣可以從重心下手營(yíng)造特殊的美感。

新藝術(shù)運(yùn)動(dòng)（Art Nouveau）的著名設(shè)計(jì)師 Rennie Mackintosh 所設(shè)計(jì)的字體，就是利用特意拉高文字重心，營(yíng)造出獨(dú)特的張力與風(fēng)格：

臺(tái)灣設(shè)計(jì)師廖小子透過高重心的文字設(shè)計(jì)，營(yíng)造緊張與恐怖的氣氛

原文鏈接：https://blog.justfont.com/2018/07/jf-typeclass-intro-1/