這是justfont在hahow好學(xué)校開設(shè)的《伸縮自如的字體課》精華節(jié)錄。無論是寫字、做字型或制作標準字,掌握文字的“重心”都是很重要的課題。它不只能讓文字的視覺更具有穩(wěn)定感,也是一項相當(dāng)好用的創(chuàng)作思考工具。原文轉(zhuǎn)載自講師曾國榕的Medium。
當(dāng)我們使用中文字型時,橫排是最基本的排版方式。但你可能不知道,正在閱讀的這些中文字之所以橫排時閱讀順暢,沒有特別的違和感,都是字體設(shè)計師歷盡千辛萬苦調(diào)整后的成果。
反過來說,如果設(shè)計中文字型不注意,忽略一些設(shè)計原則,那么閱讀起來就會有忽高忽低,遇到亂流的感覺。我們看一下下面這個案例:

以金梅歪體美工國際碼為范例,這個字體存在的問題實在是太多了,現(xiàn)在我們先著重看文字重心的部分。大家可以實際閱讀看看,第二行出現(xiàn)的「不太平衡」這四個字應(yīng)該可以非常明顯地重心的不平衡吧?
大概像這樣:不↑ 太↓ 平↑ 衡↓
如果有好好調(diào)整過文字重心的話,閱讀起來就會順暢許多:

為什上面這段文字會閱讀起來觀感會如此不一樣呢?我們這篇來好好談一下文字重心:究竟文字重心是指「什么」的重心?如何判定每個文字的重心呢?
字體設(shè)計第一課:眼力訓(xùn)練
你能不能不靠工具測量,就看出觀察幾何圖形之間誰大誰小,中間間隔又是否一致呢?其實這與測量數(shù)值無關(guān),而與人眼的感受有關(guān)。

我在日本讀研究生時,旁聽了鳥海修老師幫設(shè)計系大一上的Typography必修課,第一堂課的課題就是幾何圖形的調(diào)整練習(xí)。什么?幾何圖形的調(diào)整跟字體設(shè)計有關(guān)?也許說了你才會驚覺,△?▽□可以分別對應(yīng)到拉丁字母的“AOVH”字母的外輪廓,也可以對應(yīng)到中文字的“上永下國”的外輪廓。
是的,中文字也有輪廓。稍加觀察后約能對應(yīng)到15種甚至更多的幾何圖形,像是:方形、長方(站立)、長方(橫躺)、圓形、正三角形、梯形、倒三角形、倒梯形、菱形、五邊形??等等。

在設(shè)計字體的時候,必須懂得判斷出每個中文字大致對應(yīng)到的幾何圖形。為什么這很重要?因為人眼有錯覺。例如同樣面積的菱形與正方形擺在一起,會覺得菱形硬是比正方形小了一點。以中文字來說,菱形的“今”與方塊狀的字例如“國”字擺在一起的時候,如果不把“今”字設(shè)計得大一點,很容易會以為這個字看起來比較小。先個別調(diào)整到合適的大小后,就要來面對重心、處理重心了。

重心的意思是:幾何重心嗎?
還記得初中教過圖形的重心嗎?正圓形與正方形的重心當(dāng)然是在中心點的位置,而三角形的重心是這樣找的:

假設(shè)今天我們要做的四個字是“上永下國”,那它們所對應(yīng)到的圖形如下:

首先正方形無論是面積或是視覺大小都太大了,需要稍微縮小一點:

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

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

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

大家可以用電腦輸入一些外輪廓明顯不同的字,可觀察出筆畫的擺位有考量到幾何重心,其實“上”“下”“國”三字是展開一套新字體設(shè)計時蠻重要的基準字,無論是幾個字的標準字設(shè)計,或想延伸造出一套幾千字的字庫都建議優(yōu)先制作這三個字,這樣一來就能定義出一些很重要的參考線與框架,想了解更多的話,可以參照我們在金萱家族設(shè)計細節(jié)裡提到的“字形調(diào)整框”:
不過,光是外輪廓的筆畫擺位恰當(dāng)就足夠了嗎?何謂視覺重心呢?
其實,影響我們閱讀文字時的高度觀感不單是上面所提到的文字外輪廓與幾何重心而已,就算是框架一樣但透過文字筆畫的擺位不同,也可以做到改變文字的重心。一樣的框架設(shè)定下,若藉由筆畫的長短變化營造出不同的文字重心,看起來就會像下面這樣:

文字重心是一種經(jīng)過訓(xùn)練的視覺感受
所以說影響我們對于一個文字重心高低的觀感不單只有外輪郭及幾何重心,還包括所有筆畫的擺位(文字結(jié)體)的影響,綜合之后會產(chǎn)生一個文字的「視覺重心」,視覺重心的一致才是我們調(diào)整文字重心時的目標。
視覺重心的確有點抽象,是一種感受而并沒有一個確切的點,需仰賴設(shè)計師造字經(jīng)驗累積后所磨練出的眼力,以及多將自己所造出的字,進行各種尺寸與不同排列組合的排版測試,才能察覺到重心的偏移異狀并加以調(diào)整。
讓我們一起加油吧,設(shè)計師朋友們~這是一條漫長的練字之路。
題外話:為什么我看了那么多字,也寫了那么多字,卻沒留意過中文字有重心這回事呢?
最主要的原因是由于我們?nèi)粘I钪兴娝褂玫膬?nèi)建字型,都已經(jīng)是花費人力經(jīng)年累月的經(jīng)驗與調(diào)整下的成果了。只要是字體公司出產(chǎn)的字庫,都已針對橫排與豎排的排版需求細心調(diào)整過不同文字的重心,讓讀者橫排閱讀時不會忽高忽低,直排閱讀時不會忽左忽右。
此外“書寫”跟“設(shè)計”中文字兩者在構(gòu)筑骨架時與最后取得平衡的方式不太一樣。對書法與文字造型有長期鉆研的藝術(shù)家徐冰這樣說過:
“書寫一個中文字時,所下的每一筆都被前一筆所影響,必須靈活的改變筆的角度與調(diào)整位置,而最后一筆最終平衡了整個字?!?/p>
我蠻認同這個說法的,其實我們在進行書寫時,都沒有意識到自己正在進行微妙的視覺調(diào)整呢。
重心不同也是一種風(fēng)格的表現(xiàn)方式
字型要能夠閱讀,重心穩(wěn)定是很基本的要求。但如果對字的要求不是易于閱讀文章,而是強調(diào)風(fēng)格表現(xiàn),我們也依樣可以從重心下手營造特殊的美感。
新藝術(shù)運動(Art Nouveau)的著名設(shè)計師 Rennie Mackintosh 所設(shè)計的字體,就是利用特意拉高文字重心,營造出獨特的張力與風(fēng)格:

臺灣設(shè)計師廖小子透過高重心的文字設(shè)計,營造緊張與恐怖的氣氛

原文鏈接:https://blog.justfont.com/2018/07/jf-typeclass-intro-1/
最新評論
為什么在這里的免費字體放到求字體網(wǎng)去搜,還是顯示為商用字體,需要授權(quán)呢
很高興我在github給他們找的茬全被作者用上了(逃) 那么各位佬對我當(dāng)時一起建議的夂夊友犮形也適用inktrap一項有何看法( 另我覺得日舊灰還是有點怪的,晝也抬起來好點,別的就原設(shè)計還好)
管理員,并沒有修復(fù)啊,兩個圖片還是重復(fù)了,上面的那個應(yīng)該是出師表,簡體,而不是沁園春雪簡體,那個第一個應(yīng)該是出師表吧?不是沁園春雪
改的還行吧,最起碼比過去原版能養(yǎng)眼(更有內(nèi)味了) 順便說一下: 漢字“?”中,“爾”部件處理方法與其他包含此部件漢字相比,有所不同。
管理員這字體文件好像也丟失了,希望能回復(fù),字體文件可以補個檔嗎?
這字體文件出現(xiàn)亂碼了,希望可以修復(fù),希望管理員趕快回復(fù)
管理員您好,請問您能把字體文件補檔一下嗎?字體文件丟失,解壓后出現(xiàn)異常,根本就沒有字體文件,希望管理員能注意是不是上傳的時候出現(xiàn)了什么問題,還是其他問題呢?
管理員您好,更新記錄,和和版本號有點問題,應(yīng)該是v0.211,而不是v0.200,希望,能趕緊修復(fù)