幾何風格字體設計教程
這次給大家帶來一篇關于幾何化風格的字體設計教程，絕對詳解，毫無保留。
下面進入主題：
這次我們要設計的內容是「山海不可平」
我們做字的步驟大體可分為下面四大部分：
第一部分是：思考
根據主題進行發散思維，得到一些關鍵詞～
第二部分是：草稿
1. 繪制手稿
按上面思考出來的關鍵詞，嘗試繪制字體設計草稿～
第三部分是：執行
2. 字庫字體結構參考
3. 繪制字框與網格
– 有字框與網格作為參考輔助設計，更加有保障。
4. 初稿
–?這是一款幾何圖形化的字體設計風格。
– 我用抽象的三角形與直線條搭建整組字的結構。
– 三角形，可以是山峰，比如下面的「山」字；也可以是小山丘，比如「平」字；或者可以是樹，比如「?！?/strong>字左邊部分三角形堆疊起來的樣子。
– 幾何圖形化字體中的抽象形，可以完美將字體筆畫與事物形態融為一體，這是它最妙的地方。
5. 加一些裝飾線
– 在字體之間加入一些裝飾線，顯精致。
6. 樣式分布需均衡
–?上一步驟的字體呈現，排版拉開，加裝飾線之后確實精致了，不過在視覺上還是有些奇怪。
– 比如我把上面的字體分為兩種，一種是圖形占比大的，當成是實心圓；一種是圖形占比小的，當成是空心圓，那么上面的字體就會是：實 | 空 | 空 | 空 | 實。
– 這樣的樣式分布就不太合理，在五個字一組當中，只有兩邊是實心字，幾何圖形字體的氛圍其實并沒有營造出來，這樣呈現的字體氣質就會很怪。
– 應該是：實 | 空 | 實 | 空 | 實，這樣的樣式分布就合理一些，更均衡，就好比音樂一般有節奏感。
– 因此，我想辦法針對「不」字做調整，將其由空變實，且融入三角形。
7. 調整
– 「?！?/strong>字在上一步驟，左邊的三點水是三個三角形堆疊起來，為之樹，但顯得擁擠，所以去掉一個三角形，加上一個小圓形。好似樹梢上有一太陽。
– 「?！?/strong>字的「母」部分整體向上收，整個字中宮內收。感覺跟其他字變得不是很搭了。
– 「不」字在上一步驟感覺整個字太寬，通過對該字與整組字體的觀察，發現該字的視覺重量過重，其實就是三角形部分太寬大。因此收緊處理。
– 「可」字，上一步驟中宮過于內收，主要是「口」部分太小了，固將中間的「口」部分外擴，填滿字框，做到中宮外擴，字形飽滿。
8. 繼續調整
–?調整完一遍后，我會不斷觀察每個單一字體識別是否足夠、字體結構是否合理舒服、字體個性是否保證不缺失，然后再整體去觀察，衡量標準跟觀察單一字一樣，還要觀察字與字之間的合理性。
– 「可」字經觀察比對，中宮外擴太猛，所以往回收斂一下；然后其右上角和左下角的圓角弧度也加大了一些。
– 「?！?/strong>字三點水旁還是不對，樣式有些過度設計，因此決定放棄這個樣式，用簡約線條。
得到的結果是：
– 山，面形+線條；
– 海，線條；
– 不，面形+線條；
– 可，線條；
– 平，面形+線條；
– 更符合前面提到的音樂節奏般的合理樣式分布。
– 不足的地方就是「?！棺值囊曈X重量還是重了。
9. 接著調整
– 「?！?/strong>字三點水旁做了調整，如圖。
10. 繼續優化
– 「?！?/strong>字三點水旁做了調整。三點水的寬度變窄，從而讓「?！?/strong>字在整款字當中的視覺重量也變得不那么重了，趨向和諧。
– 不足之處，三點水顯得有些細碎。畢竟我們這組字可是抽象的線與面的玩法，沒有點。
11. 繼續修改
– 「?！?/strong>字三點水旁改成一點+一線，并依然看得出是「?！?/strong>字。
– 整體審視觀察，發現「不」經過上一步驟又顯得視覺重量過于輕了。
– 最后把「不」字調回接近最開始的樣子，即三角形部分變寬了。
– 這樣所有字的視覺重量基本一致。
– 下面觀察一下「?！古c「不」字的修改過程：
12. 字體的版式
– 這組字，山海不可平，實 | 空 | 實 | 空 | 實，蠻有韻律感的，又是抽象的山或樹，是字又是畫。
– 我想它應該是一幅山水畫的樣子，因此五個字應該是錯落有致地排布。
13. 最終稿
第四部分是：包裝
15. 包裝
一些看法
– 圖形化的字一定需要謹慎克制。
– 極度抽象化文字體態的同時，一定要時刻盯著每一個字的識別度，千萬不要喪失識別度，更不要做成了另一個字。
– 比如別把「未」做成了「末」，別把「失」做成了「先」等等。
全流程回顧
14. 做字全流程GIF圖
– 把過程用動效串起來，方便大家快速有效感受字體設計過程的變化。
感恩您閱讀到此，讓我們這次的交流更為完整。
后會有期～
作者 | 梁志堅設計師
來源 | 筆觸鳴心工作室（ID：BiChuMingXin_01）
推薦書籍
-
藝術的故事藝術與審美入門之書 -
DON'T MAKE ME THINK設計師必看 -
《移動應用UI設計模式》手機APP設計 -
《設計心理學 全四冊》高階技能！ -
JavaScript權威指南(第5版)只能說牛X -
《見微知著》Web用戶體驗入門書籍
