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

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

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

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

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

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

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

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

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

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

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

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

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

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

原文鏈接:https://blog.justfont.com/2018/07/jf-typeclass-intro-1/
最新評論
微信登錄登錄不了
謝謝
還是蠻好看的,可以模仿舊報紙。。。不過要實用的話,還是希望能補個沒有做舊效果的版本。
感謝
感謝您提供字體信息~~愛你喲~~
加油↖(^ω^)↗,更新后再下載
這是他們的官網:https://www.fontfabric.com/fonts/akrobat/,是可以商用的,但具體范圍還要看許可協(xié)議。 (如果還不放心的話,可以用Roboto Flex自己捏一個差不多的??)
Hey, Sukima gothic was updated to ver 11.1 on September 15! Sukima gothic(すきまゴシック/Japan): https://booth.pm/ko/items/2117070