字體哪有那麼難!實戰性的字體設計理論大揭秘

還沒關注?↑↑↑伸出手指點這里


本作品由站酷網: 吳劍 原創,未經許可請勿作商業用途。

字體哪有那麼難!實戰性的字體設計理論大揭秘

在過去的一段時間里,相信很多同學都看到過這樣兩篇文章:

一篇是《高手之路-字體設計強化篇》

一篇是《四招進擊字體達人》

從這兩篇文章的點擊率和轉載量中可以發現,大家對字體的熱情和求知欲還是非常濃厚的。

字體哪有那麼難!實戰性的字體設計理論大揭秘

今天,我們反過頭再來看字體設計,看看除了創意之外,我們需要了解和掌握的字體理論基礎知識以及字體中的那些不為人知的小秘密。

字體的理論知識非常之多,今天要和大家分享的是一些最具代表性的內容,也是對創意字體設計最有幫助的基礎知識。和做一套字庫字體不同,創意字體設計更重要的還是創意,但是這些創意也必須遵循一些內在的規律和理論才能使其「根基」更加穩固。今天,我們就來看一下到底有哪些接地氣的理論知識可以在創意字體中靈活地去運用。

開始前,先讓大家Get一個小技能,(如果已經知道的,請低調地直奔正文吧~):有時候當我們在檢查字形結構的時候,試著把字體倒過來,你會更加容易的發現一些隱藏著的小問題。>>>

字體哪有那麼難!實戰性的字體設計理論大揭秘

好了,前面說了這麼多「題外話」,我們開始進入正題吧!

字體哪有那麼難!實戰性的字體設計理論大揭秘

一、字體的重心


在進行字體設計時,我們常常提到「重心」這個概念,那麼什麼是字體的重心呢?在開始之前,我們先來做個實驗。

準備一張正方形的白紙,然後用目測的方法尋找白紙中心點,用筆作上記號,隨後通過白紙的4個角畫對角線,並找出相交處的點,這個點叫做絕對中心點(或幾何中心)。

字體哪有那麼難!實戰性的字體設計理論大揭秘

實驗表明,大多數人心理上的中心點都在絕對中心點的上方稍微偏左的位置。那麼這與字體設計有什麼關係呢?關係可大了!比如將一個「十」字中間那一橫,放在「十」字的正中間,那在視覺上會顯得重心偏低、頭重腳輕的感覺,因此在設計時,一般會將那一橫提高,這樣看起來才顯得穩定。由此,我們得出一個結論,在字體設計的過程中,字體的視覺中心會比實際中心位置高一點,這樣字體才會更顯自然,故有上緊下松之說。

現在我們知道了什麼是重心,那麼接下來我們就來看看如何調整字體的重心吧。

我們以「上中下」三個字為例來進行分析,將三個字分別以三角形、菱形來代替可以更為直觀地發現其中的秘密。

字體哪有那麼難!實戰性的字體設計理論大揭秘

小貼士:在字體設計的過程中,我們要仔細調整字體的重心,使其在同一條直線上,這樣字體才能變得均勻穩定,也更有助於閱讀和欣賞。

二、斜線是有力量的

字體哪有那麼難!實戰性的字體設計理論大揭秘

當斜線對兩條原本平行的直線產生作用力時,就會產生視錯覺,造成不穩定感。

字體哪有那麼難!實戰性的字體設計理論大揭秘

在進行字體設計的時候,我們要巧用斜線的作用力來調節字體重心。例如漢字「鬥」就用了斜線的這個原理,從而使整個字達到了平衡的狀態。

三、第二中心線

字體哪有那麼難!實戰性的字體設計理論大揭秘

第一中心線(虛線)是上下左右居中線;第二中心線(實線)是協調合體字字面大小的。在合體字中,每個字不光受到第一中心線所控制,它的形聲部分也都會受到各自的中心線所控制。保持第二中心線之間的距離不變可以統一字體的風格。

字體哪有那麼難!實戰性的字體設計理論大揭秘

另外還要再引入一個概念,假設在視覺上以第一中心線作為支點,第二中心線作為第一中心線左右的二個力點, 那麼我們可以將合體字的結構模擬成一個「天平」,當形旁面積小時,那麼它的第二中心線就會離第一中心線(支點)遠一些,反之其聲旁就會離「支點」近一些,這樣他們在視覺上才能達到了一種平衡,這個規律我們可以從上述的三個例子中得到印證。

四、字面大小


1.外形

在進行字體設計的時候,我們會發現一個有趣現象,有時候明明在相同大小的方框內設計好的一組字體,卻出現了大小不一的情況,這是怎麼回事呢?

字體哪有那麼難!實戰性的字體設計理論大揭秘


2.內白

漢字筆畫繁簡懸殊,最少筆畫是一筆,最多有三十多筆,相差十分明顯,這對字體大小的影響也很大。例如兩個相同大小的正方形,內白大的顯大,內白小的就會顯小。

字體哪有那麼難!實戰性的字體設計理論大揭秘

五、筆畫的粗細調整


知道了內白的原理後,我們再來看看怎樣調整筆畫的粗細,來使一組字體更加統一吧。我們知道,漢字筆畫多了顯黑,筆畫少顯亮。如果一組字每個筆畫都處理成同樣的粗細,就會出現一塊黑一塊白的現象,也就影響了字體的識別性和美觀度。

字體哪有那麼難!實戰性的字體設計理論大揭秘

因此,我們需要對字體筆畫的粗細進行調整,使其在視覺上整體統一。一般來說,字的線條越多越顯黑,線的距離越近越顯黑,線的交叉越多越顯黑。針對這些情況,有五條原則可以做好粗細的調整:

① 橫細豎粗 ② 主粗副細 ③ 外粗內細 ④ 疏粗密細 ⑤ 交叉減細

字體哪有那麼難!實戰性的字體設計理論大揭秘

六、不為人知的XXOO


前面我們一直在講漢字,接下來我們結合英文字母再來看看字體中的秘密。

無論一款字體多麼幾何化,其大寫字母O都不可能是正圓。圖中最左邊是一個粗細均勻的正圓,右邊3個是看起來接近正圓的O,仔細觀察之後就能發現其中的差異。

字體哪有那麼難!實戰性的字體設計理論大揭秘

另外在字體設計中我們經常將筆畫交叉的部分做得細一些,這里我們就以拉丁字母X來做個簡單的講解。在圖中,我們可以觀察到,為了不讓筆畫交錯的地方看起來太過密集,在粗細調節上會向中心部位稍微收縮,這樣筆畫看起來就更為統一。

字體哪有那麼難!實戰性的字體設計理論大揭秘


END

字體哪有那麼難!實戰性的字體設計理論大揭秘


字體哪有那麼難!實戰性的字體設計理論大揭秘

喜歡最IN的原創設計資訊?請關注站酷網公眾號:zcool-com-cn,優秀原創設計一網打盡!還有更多精彩內容猛戳【閱讀原文】
↓↓↓

閱讀原文


關於作者:
關注站酷網公眾帳號,隨時隨地了解最新的原創設計作品、設計師招聘信息。

微信號:zcool-com-cn