文章：幹貨！超全面的字體設計基礎指南！

來自公衆号：設計衙門

漢字的發展簡史

漢字發展史

字體基本筆劃

以宋體字為例

字體基本常識

永字八法

“永字八法”傳說是僧智永将王羲之蘭亭序裡的第一個字“永”的情态分為側、啄、磔（zhé）、努、勒、策、掠、趯（yuè）最基本的筆劃動作，作為學習書法的實例。因此永字八法可以作為初學書法結構的标準，尤其在漢字的字體設計中，可用來研究各種文字的構成，從而制作出美好的字态。

字體間架結構

漢字的種類衆多，筆劃多少不一，所以在空間的排布就尤為重要！字體的間架結構目前可分為兩類：

獨體字

合體字

字形的錯視

在文字中筆劃的粗細、長短、方向、位置等會産生不和諧不平衡的視覺心理現象，因此在設計上要做一些微調。

A. 線粗細的錯視

左側為橫豎兩個筆劃，他們是等寬的兩筆，仔細觀察發現在視覺上橫畫要比豎畫寬一些。所以，為了達到視覺上的等寬平衡，工字的豎畫要加寬一些。

B.正方形的錯視

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

C.垂直分割線的錯視

兩條粗細、長短相同的線段，垂直平分為T字形，其中被分割的線段，在視覺上要顯得短一些。所以，要将豎線适當給縮短一些。（例如：上、下字形）

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

一條線段被二等分後，在視覺上左側要比右側長一些。所以，為了達到視覺上的等分平衡，分割點要左移一些。（例如：十、大字形）垂直線的二等分也是同樣的道理。

E.橫豎線的錯視

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

筆畫粗細

在設計一款字體時，筆畫粗細應當做成一樣的嗎？答案是不應該，因為字與字之間的筆畫繁複程度都不一樣，而且同一粗細度的筆畫，在橫着、豎着、斜着以及變成曲線時，視覺上都會給人粗細不一緻的感覺，因為人眼看東西時會存在視錯覺，因此在做字的時候，要根據字體筆畫的繁雜程度以及視覺感受對筆畫粗細進行調整，達到視覺上的統一。下圖是一個在物理寬度上完全相等的矩形，它的視覺上的粗細關系依次為：橫> 斜 > 豎 > 曲。

也正因為如此，大多數字體在設計時都遵循橫細豎粗這一原則。除了橫細豎粗之外，字體設計時還應遵循”繁細簡粗、内細外粗、副筆細主筆粗”的設計原則：

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

A. 橫細豎粗

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

B.主粗副細

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

C.外粗内細

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

D.疏粗密細

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

E.交叉減細

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

中心與重心

提到重心就要引出與其相對應的名詞，叫做中心。中心指的是字幅框幾何中心的交點，它是實際存在的點，我們在設計字的時候通常以中心來調整字重心的位置，而不是将二者混為一談。物理上絕對的“中心”，人眼看上去卻感覺偏低，因為人的眼睛存在視覺錯覺，如果按照物理的中心去設計字體，會讓人感覺中間的部分靠下，有往下掉的感覺，這就是為什麼大部分字體會把視覺重心放在物理中心點之上的原因，這樣更符合人眼的視覺習慣，看上去才會顯得舒服。

同時重心的高低會影響字體呈現出來的氣質，重心偏高的字體，會顯得比較秀氣，重心偏低的字體會顯得較為穩重。

在設計字體時，要注意整體重心的統一，否則會給人忽高忽低的視覺感受，除非刻意制造高低不同的視覺節奏感，否則一定要将重心統一在一個大緻的水平線上，在做用于正文排版的字庫字時尤其要注意這一點。

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

提醒大家設計字體時重心要保持平穩，不要忽高忽低，如圖所示。

第二中心線

任何形聲組合字或複合結構的字都是可以找到兩條中心線，這兩條中心線可以幫助我們在設計時快速地确定部件的位置。形旁和聲旁這兩個部件的中心距離越大，字面就越大，反之，字面就越小。這是掌控形聲組合字或複合結構字大小的一個有效工具。

通用字形

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

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

骨骼與體飾

“骨骼”即字體的内在間架結構，是決定字體内在氣質以及是否美觀的基礎性因素，而“體飾”是字體的裝飾，可以影響字體所呈現出來的風格與外觀：

下面是幾種不同美字的骨架，從以下幾個案例可以看出，字體骨架本身就可以呈現出字體内在的氣質。

許多初學者容易忽視“骨骼”、沉迷“體飾”，在基礎結構沒做好的情況下去給字體加很多裝飾，這是一個很大的誤區。下面這兩個案例，就屬于過度沉迷“體飾”，忽略了字體本身骨架的反面教材：

▲ 忽視“骨骼”、沉迷“體飾”的反面教材

字面大小

一個邊長完全相等的正方形，看上去卻顯得有些偏高，這依然是視錯覺的影響，因此通常做正方形的字，都要把外框壓扁一些，消除視錯覺的影響。下圖左為物理正方形，右為視覺正方形。

有些同學會想，既然是方塊字，那做的時候就畫幾個同等大小的方格子，每個字的最外側筆畫都頂着方格子的邊框做，這樣就統一了吧？如果按照這種思路，我們設計“口語”這兩個字，就會是下面這張圖的結果：

顯然，這種思路是錯誤的，漢字雖然是方塊字，但其筆畫構成的外形是千變萬化的，一般認為漢字最典型的外形幾何特征可分為4種類型：方形、圓形、菱形、三角形。方形最大，菱形最小。如果細分的話漢字的外形能夠對應到15種甚至以上的幾何圖形，如方形、長方（站立）、長方（橫躺）、圓形、正三角形、梯形、倒三角形、菱形、五邊形……等等。因此面對不同形狀以及筆畫的粗細多寡，我們需要根據視覺原理去調整它們的大小，以達到視覺上的平衡。

在我們固有的意識裡往往認為筆畫越多的字會顯得越大，實際上卻正好相反，筆畫多的字在視覺上會顯小，因為它的負空間被分割的很碎、很小，而筆畫少的字負空間很大，所以視覺上就會顯得大，也正因為如此，筆畫越少的字在設計的時候就越要壓縮。

在設計以橫筆為主的字時應上下壓縮一些，左右加寬一些，設計豎筆畫為主的字時則正好相反，這是因為在兩個同等面積的正方形内畫滿等距的橫線與豎線，橫線一組在視覺上會顯瘦高，豎線一組會顯扁矮。

漢字的字形衆多，但有些字形在視覺上會産生大小的變化，因此，要對症下藥。

調整後的字形簡圖

實例如下

漢字的中宮

中宮，顧名思義，就是指漢字九宮格中心那一格的區域，中宮的大小會影響字體呈現出來的氣質以及字體在極端環境下的可識别度，通常中宮偏小的字體氣質上顯得比較清秀，但在字體較小或遠距離識别上體驗較差（如屏顯字體和高速路牌字體），中宮偏大的字體氣質上顯得穩、拙一些，而且由于内白空間較大，因此識别性上優于中宮偏小的字體。

從臨摹到創造

大家都知道人類是世界上最善于模仿的動物，人類的最初知識，也是從模仿中得來的，因此，學習字體設計也唯有從臨摹入手了。

通用字形學習方法

通用字形隻需要掌握結構骨架就可以，體飾上面可以加入自己很多想法。

宋體字與黑體字學習方法

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

根據筆劃結構整理出下面的臨摹字樣，供大家臨摹使用。

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

萬物皆有本源，字體也一樣，今天我們看到的千變萬化、形式各異的字體，都離不開文字本身的根基，脫離了這個根基去做字體，往往難以做出成功的作品，就像練武需要有基本功一樣，文字的基礎知識對于做好字體，有着不可或缺的作用。

字庫字體細節賞析

細節決定了字體的優美與否（下圖為方正蘭亭圓體）

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!