前言

專注于做好一件小事，哪怕是做不好也用心去做，小到搭建一個精美的網格系統，做好一個字體的拐角…...

先看一下我的往期設計案例

 

如何從無到有設計一款字體

對于很多剛接觸字體設計的同學經常會遇到一種情況那就是想法高大上，結果很悲傷，為什么會造成這樣的結果？歸根結底是對字體設計本身了解還不夠細致就照葫蘆畫瓢直接上，為了避免這種尷尬的結果，我們應該在開始著手做字體之前要做好各項準備工作，不斷去瀏覽優秀的字體設計從中尋找設計的感覺，確定感覺后建立網格系統，開始逐步設計字體。我在做字體設計的時候會把握幾個步驟“建網格”——“選字體”——“拆字體”——“繪筆畫”——“綁骨架”——“粗與細”——“取與舍”——“磨細節”——“去感受”。

下面我們就以大家最常見的矩陣字體為例來給大家分享如何制作字體。

1、建網格：建立網格系統，萬丈高樓平地起，要做一款扎實的字體離不開網格系統的規范。

 

 

2、拆字體：以“燃”為例——選取一個默認字體，按照字體結構對筆畫進行拆分。
 

 

3、繪筆畫：將拆分出的筆畫用橫線和豎線在網格系統里進行筆畫重繪，此時不要做細節，撇 捺和點根據自身走向和結構特點也歸屬為橫豎線。
 

 

4、綁骨架：拆分繪制的字體筆畫就是字體的骨骼，筆畫間的連接處可以理解成是人體的關節，關節的意義在于保證字體穩固的同時又有靈活多變行，字體的筆畫可以根據視覺需要圍繞關節在一定范圍內做活動，也可調整長短比例。
 

 

 

5、粗與細：筆畫的粗細與硬度由你想要的字體氣質來決定，細筆畫與曲筆畫柔美氣質，粗筆畫與直筆畫沉穩大氣，雖說設計是一種感覺，但是這種感覺對于初學者來說很難把控，所以跟大家共享一下常用的幾種筆畫的粗細，在1000PX*1000PX畫板里采用6px,10px和20px為基礎筆畫粗細，根據想要的業務氣質選取即可。
 

 

 

6、解與構：常見的字體結構有“上下結構”“上中下結構”“左右結構”“左中右結構”“半包圍結構”和“全包圍結構”。其中“上下結構”中著重強調占比較小的那部分筆畫，進而達到字體本身的平衡，例如“感”字著重設計心字；“上中下結構”中一般會在不影響識別性的前提下去掉中間部分橫行筆畫，進而達到字體本身的平衡，例如“享”字著重設計口字；左中右結構中在不影響識別性的前提下會簡化左邊部分筆畫，進而達到字體本身的平衡，例如“燃”字著重設計火字。

 

 

7、取與舍：筆畫變粗后整個字體筆畫間的空間比例會受到一定影響，因此為了字體的美觀度和透氣性我們會對字體結構進行一些取舍和整合。

 

8、磨細節：為了讓字體看起來更加舒適，我們將字體的拐角做圓，做圓角的同時也要根據網格系統來調整圓的度數。

 

9、去感受：打磨整體字體，繼續刻畫細節。

 

注意：
在一組字里，每個單字的結構都存在差異，適當調整字體內部的比例，形成感官上舒適的筆勢，對保持視覺上大小一致很重要。漢字字體類型繁多，但是如果我們用幾何法則來劃分字體類型其實大致可以歸納為四種：方形，圓形和三角形，從面積上來來方形和圓形的面積最大，三角形次之，所以我們為了保持字重大小的一致性需要調整他們之間的大小比例，做到大小均勻，筆畫一致，結構嚴謹和間隙適中。

 

(圖11)

為了拉出字體的氣質，一般會把字體做的稍微偏瘦長一些。

 

字體設計的手段是多種多樣的，每個設計師都有自己擅長的切入點，最后的結果是自己想要的好，上述的分享希望能給字體設計初學者一點幫助，也歡迎各位同行大神交流切磋。

 

作者：國際用戶體驗事業部  于奇

 

備注：圖11引用自