超全面!這可能是最完整的字體設計基礎知識!

作者:錢浩Hawking
分類: 觀點/經驗
2018-12-19
11960

近些年,字體設計越來越火熱,很多小伙伴急于求成跳過了漢字基礎知識的學習,直接上手做起了字體設計,很多基礎性的錯誤越來越常見。這也是我寫這篇文章的初衷,希望對初學

近些年,字體設計越來越火熱,很多小伙伴急于求成跳過了漢字基礎知識的學習,直接上手做起了字體設計,很多基礎性的錯誤越來越常見。這也是我寫這篇文章的初衷,希望對初學者有所幫助。

文章目錄

漢字的發(fā)展簡史

字體基本筆劃

字體基本常識

永字八法

字體間架結構

字形的錯視

字形的大小調整

筆劃粗細的調整

重心的調整

第二中心線

通用字形

從臨摹到創(chuàng)造

通用字形學習方法

宋體字與黑體字學習方法

字庫字體細節(jié)賞析

漢字的發(fā)展簡史

通過圖文的形式直觀的了解下漢字的發(fā)展史。

1.jpg

字體基本筆劃

宋體字作為示范例子:

2.jpg

字體基本常識

以「井」字為例,如下圖:

3.jpg

永字八法

所謂「永字八法」,傳說是僧智永將王羲之蘭亭序里的第一個字「永」的情態(tài)分為側、啄、磔(zhé)、努、勒、策、掠、趯(yuè)最基本的筆劃動作,作為學習書法的實例。因此永字八法可以作為初學書法結構的標準,尤其在漢字的字體設計中,可用來研究各種文字的構成,從而制作出美好的字態(tài)。

4.jpg

字體間架結構

漢字的種類眾多,筆劃有多也有少,空間的排布就尤為重要。

字體的間架結構可分為兩類:

1. 獨體字

5.jpg

2. 合體字

6.jpg

字形的錯視

視覺心理是很奇妙的,因而為我們所運用,然而,文字中筆劃的粗細、長短、方向、位置等會產生不和諧不平衡的現(xiàn)象,因此要做一些細微的調整。

1. 線粗細的錯視

左側為橫豎兩個筆劃,他們是等寬的兩筆,仔細觀察可以發(fā)現(xiàn)在視覺上橫畫要比豎畫寬一些。所以,為了達到視覺上的等寬,工字的豎畫要加寬一些。

7.jpg

2. 正方形的錯視

通常做一個正方形的字,會將字面框定位正方形,但是做出來的字在視覺上卻是長方形的。所以,想要做成正方形的字,字面框要將正方形壓扁一點。

8.jpg

3. 垂直分割線的錯視

兩條粗細、長短相同的線段,垂直平分為T字形,其中被分割的線段,在視覺上要顯得短一些。所以,要將豎線縮短一些。(例如:上、下字形)

9.jpg

4. 水平線被二等分的錯視

一條線段被二等分后,在視覺上左側要比右側長一些。所以,為了達到視覺上的等分,分割點要左移一些。(例如:十、大字形)垂直線的二等分也是同樣的道理。

10.jpg

5. 橫豎線的錯視

下列兩組線條,一橫一豎,所形成的正方形是一樣大小的,但是,在視覺上橫線一組顯得瘦高,豎線一組則顯得扁矮。這也是為什么「王」「川」會這樣調整的原因。

11.jpg

字形的大小調整

漢字的字形眾多,但有些字形在視覺上會產生大小的變化,因此,要對癥下藥。

下圖為未作調整的字形簡圖:

12.jpg

調整后的字形簡圖:

13.jpg

實例如下:

14.jpg

筆劃粗細的調整

我們設計字體時都要在相同的字格中進行,無論筆劃的多少都要寫在格中,為了達到黑白空間的平衡。那么,就有了筆劃粗細問題和布白的問題。字形粗細處理原則:

1. 橫細豎粗

上文視錯中詳細介紹了原因,在視覺習慣上要求橫細豎粗。

2. 主粗副細

多筆劃的字切記平均等粗,應主次分明,主筆粗,副筆細。

15.jpg

3. 外粗內細

內包的字一般都是以外粗內細的方法來處理,圍筆劃的粗細,要保持在基礎筆劃的黑度。與三結合多筆劃的字中間要減細。

16.jpg

4. 疏粗密細

對疏密不均勻的組合結構字,需疏粗密細的做加減法,要密不擁擠,疏不薄感。

17.jpg

18.jpg

5. 交叉減細

凡橫豎撇捺交叉的字,交叉點會顯得特別黑,需做減細的處理。

19.jpg

重心的調整

提到重心就要引出與其相對應的名詞,叫做中心。中心指的是字幅框幾何中心的交點,它是實際存在的點,我們在設計字的時候通常以中心來調整字重心的位置,而不是將二者混為一談。(如下圖)

20.jpg

通常重心要比中心略高些,在設計字體時,不同的重心又會賦予字形不同的性格。重心高的字有輕、瘦、雅的感覺,重心低的字有穩(wěn)、厚、拙的印象。

21.jpg

下圖實例,提醒大家設計字體時重心要保持平穩(wěn),不要忽高忽低。

22.jpg

第二中心線

謝培元在1962年從實際工作當中歸納總結的。任何形聲組合字或復合結構的字都是可以找到兩條中心線的,這兩條中心線可以幫助我們在設計時快速的確定部件的位置。形旁和聲旁這兩個部件的中心距離越大,字面就越大,反之,字面就越小。這是掌控形聲組合字或復合結構字大小的一個有效工具。

23.jpg

通用字形

「通用字形」這個概念是在遲同斌(開心老頭)老師的書中提及的,它的特點如下圖所示:

24.jpg

其實原理就是將筆劃外空間縮小從而放大中宮,那么中宮指的是漢字筆劃圍成的空間,下圖以九宮格的形式展示出中宮大的好處,A要比B舒展些,B顯得緊湊些,隨著從大到小的變化,舒展和緊湊的感覺會增加。

25.jpg

近些年這種字形越來越常見,設計師也頻繁使用這種字形,字體公司也不斷推出這種結構的字體,雖然他們在體飾上各不相同,但結構原理都是相同的。

26.jpg

從臨摹到創(chuàng)造

大家都知道人類是世界上最善于模仿的動物,人類的最初知識,也是從模仿中得來的,我們可以說模擬是求知,因此,學習字體設計也唯有從臨摹入手了。例如日本這個國家,就是一個非常善于學習、臨摹的國家,他們的文字、茶藝都是學習我們國家的,尤其是字體設計中的宋體類(日本稱之為明朝體),可以說起源于中國興盛于日本,可見學習、臨摹的重要性。

通用字形學習方法

通用字形只需要掌握結構骨架就可以,體飾可以加入自己的想法。

27.jpg

宋體字與黑體字學習方法

使用日本森澤字體公司原稿網(wǎng)格從畫骨架、勾輪廓、填黑的方式臨摹宋體字,這種網(wǎng)格的優(yōu)勢在于很好的定位筆劃的位置,而且臨摹宋體字既能對宋體字的結構與筆劃特征深入理解,又能對曲線的彈性與調整方法有所理解。(下圖宋體字為小塚宋體等寬)

28.jpg

根據(jù)筆劃結構整理出下面的臨摹字樣,供大家臨摹使用。

29.jpg

下圖為森澤字體公司的黑體草稿:

30.jpg

字庫字體細節(jié)賞析

細節(jié)決定了字體的優(yōu)美與否(下圖為方正蘭亭圓體)。

31.jpg

32.jpg

33.jpg

34.jpg

35.jpg

啰嗦了這么多,大伙應該對字體有了重新的認識?;A性的問題再出現(xiàn),應該不難發(fā)現(xiàn)了吧?下圖的幾組字體的問題,你看出來了嗎?下圖案例來源于網(wǎng)絡。

36.jpg

35
20
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號