【字體心得】中文字的重心

Tseng GoRong
Apr 13, 2018 · 7 min read

當我們使用中文字型時,橫排是最大宗的排版方式(想想你打報告、刷手機,或看網頁的此時此刻,也正閱讀著橫排的中文字串)。但你可能不知道,正在閱讀的這些中文字之所以橫排時閱讀順暢,沒有特別的違和感,都是費盡千辛萬苦調整後的成果。

反過來說,如果設計中文字型不注意,忽略一些設計原則,排起來讀的時候,就會讓讀者有遇到亂流的感覺。直接看範例比較快:

金梅歪體美工國際碼(字如其名啊)

以金梅歪體美工國際碼為範(ㄈㄢˇ)例,可以挑出來講的東西實在太多了,這次先著重在文字重心的部分。大家可以實際閱讀看看,第二行出現的「不太平衡」這四個字應該可以非常明顯地感到亂流吧?

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

如果有好好調教過文字重心的話,閱讀起來就會平順許多:

信黑體W2

為什麼會閱讀起來觀感會如此不一樣呢?我們這篇來好好談一下文字重心


究竟文字重心是指「什麼」的重心?如何判定每個文字的重心呢?

字體設計第一課:訓練觀察幾何圖形(大小、距離)的眼力

我在日本讀研究所時,旁聽了鳥海修老師幫設計系大一上的 Typography 必修課,還記得第一堂課的課題就是幾何圖形的調整練習。什麼?幾何圖形的調整跟字體設計有關?也許說了你才會驚覺,△◯▽ □可以分別對應到拉丁字母的「AOVH」字母的外輪廓,也可以對應到中文字的「上永下國」的外輪廓。中文字雖沒拉丁字母的外輪廓那樣幾何及明顯,但是稍加觀察後約能對應到 15 種甚至更多的幾何圖形,像是:方形、長方(站立)、長方(橫躺)、圓形、正三角形、梯形、倒三角形、倒梯形、菱形、五邊形⋯⋯等。

字體設計第一課課題:幾何圖形調整練習

當我們在設計中文字,必須懂得判斷出每個中文字大致對應到的幾何圖形,個別調整到適切的大小後,

就要來面對重心、處理重心了。

重心的意思是:幾何重心(嗎?)

還記得國中教過圖形的重心嗎?正圓形與正方形的重心當然是在中心點的位置,而三角形的重心是這樣找的:

三角形的幾何重心

假使今天我們要做的四個字是「上永下國」那他們所對應到的圖形如下:

※這四個圖形的高度與寬度都設定為一樣

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

接著我們用紅點標出這些圖形的重心,我們會發現三角形不調整幾何重心不行,重心擺盪太激烈了:

所以該如何調整呢,我們要改變三角形的底線擺位:

如此一來幾何重心就會趨近一致後,文字的閱讀效果就會順暢許多(無須調整至一致,否則字會太小):

大家可以用電腦輸入一些外輪廓明顯不同的字,可觀察出筆畫的擺位有考量到幾何重心,其實「上」「下」「國」三字是展開一套新字體設計時蠻重要的基準字,無論是幾個字的標準字設計,或想延伸造出一套幾千字的字型都建議優先製作這三個字,這樣一來就能定義出一些很重要的參考線與框架,想了解更多的話,可以參照這篇文章最下面所提到的「字形調整框」:

文章連結:《金萱十八法》

光是外輪廓的筆畫擺位恰當就足夠了嗎?何謂視覺重心呢?

其實,影響我們閱讀文字時的高度觀感不單是上面所提到的文字外輪廓與幾何重心而已,就算是框架一樣但透過文字筆畫的擺位不同,也可以做到改變文字的重心。

一樣的框架設定下,藉由筆畫的長短變化營造出不同的文字重心:

(臨時手邊沒白紙所以拿衛生紙示範ww)

結論

所以說影響我們對於一個文字重心高低的觀感不單只有外輪郭及幾何重心,還包括所有筆畫的擺位(文字結體)的影響,綜合之後會產生一個文字的「視覺重心」,視覺重心的一致才是我們調整文字重心時的目標。

視覺重心的確有點抽象,是一種感受而並沒有一個確切的點,需仰賴設計師造字經驗累積後所磨練出的眼力,以及多將自己所造出的字,進行各種尺寸與不同排列組合的排版測試,才能察覺到重心的偏移異狀並加以調整。

讓我們一起加油吧,設計師朋友們~這是一條漫長的練字之路。


題外話:為什麼我看了那麼多字,也寫了那麼多字,卻沒留意過中文字有重心這回事呢?

最主要的原因是由於我們日常生活中所見所使用的內建字型,都已經是花費人力經年累月的經驗與調校下的成果了。只要是字型公司出產的字型,都已針對橫排與豎排的排版需求細心調整過不同文字的重心,讓讀者橫排閱讀時不會忽高忽低,直排閱讀時不會忽左忽右。

此外「書寫」跟「設計」中文字兩者在構築骨架時與最後取得平衡的方式不太一樣。對書法與文字造型有長期鑽研的藝術家徐冰這樣說過:

我蠻認同這個說法的,其實我們在進行書寫時,都沒有意識到自己正在進行微妙的視覺調整呢。


題外話之二:重心不同也是一種風格的表現方式

字型要能夠閱讀,重心穩定是很基本的要求。但如果對字的要求不是易於閱讀文章,而是強調風格表現,我們也依樣可以從重心下手營造特殊的美感。

新藝術運動(Art Nouveau)的著名設計師 Rennie Mackintosh 所設計的字體,就是利用特意拉高文字重心,營造出獨特的張力與風格:

著名的美劇《美國恐怖故事》就是以 Mackintosh 字體作為標準字
設計師廖小子透過高重心的文字設計,營造緊張與恐怖的氣氛

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store