幾何風格字體設計教程

這次給大家帶來一篇關於幾何化風格的字體設計教程，絕對詳解，毫無保留。

下面進入主題：

這次我們要設計的內容是 「山海不可平」

我們做字的步驟大體可分為下面四大部分：

第一部分是：思考

根據主題進行發散思維，得到一些關鍵詞～

第二部分是：草稿

1. 繪製手稿

按上面思考出來的關鍵詞，嘗試繪製字體設計草稿～

第三部分是：執行

2. 字庫字體結構參考

3. 繪製字框與網格

– 有字框與網格作為參考輔助設計，更加有保障。

4. 初稿

– 這是一款幾何圖形化的字體設計風格。

– 我用抽象的三角形與直線條搭建整組字的結構。

– 三角形，可以是山峯，比如下面的 「山」 字；也可以是小山丘，比如 「平」 字；或者可以是樹，比如 「海」 字左邊部分三角形堆疊起來的樣子。

– 幾何圖形化字體中的抽象形，可以完美將字體筆畫與事物形態融為一體，這是它最妙的地方。

5. 加一些裝飾線

– 在字體之間加入一些裝飾線，顯精緻。

6. 樣式分佈需均衡

– 上一步驟的字體呈現，排版拉開，加裝飾線之後確實精緻了，不過在視覺上還是有些奇怪。

– 比如我把上面的字體分為兩種，一種是圖形佔比大的，當成是實心圓；一種是圖形佔比小的，當成是空心圓，那麼上面的字體就會是： 實 | 空 | 空 | 空 | 實。

– 這樣的樣式分佈就不太合理，在五個字一組當中，只有兩邊是實心字，幾何圖形字體的氛圍其實並沒有營造出來，這樣呈現的字體氣質就會很怪。

– 應該是： 實 | 空 | 實 | 空 | 實 ，這樣的樣式分佈就合理一些，更均衡，就好比音樂一般有 節奏感 。

– 因此，我想辦法針對「不」 字做調整，將其由空變實，且融入三角形。

7. 調整

– 「海」字在上一步驟，左邊的三點水是三個三角形堆疊起來，為之樹，但顯得擁擠，所以去掉一個三角形，加上一個小圓形。好似樹梢上有一太陽。

– 「海」字的 「母」 部分整體向上收，整個字中宮內收。感覺跟其他字變得不是很搭了。

– 「不」字在上一步驟感覺整個字太寬，通過對該字與整組字體的觀察，發現該字的視覺重量過重，其實就是三角形部分太寬大。因此收緊處理。

– 「可」字，上一步驟中宮過於內收，主要是 「口」 部分太小了，固將中間的 「口」 部分外擴，填滿字框，做到中宮外擴，字形飽滿。

8. 繼續調整

– 調整完一遍後，我會不斷觀察每個單一字體識別是否足夠、字體結構是否合理舒服、字體個性是否保證不缺失，然後再整體去觀察，衡量標準跟觀察單一字一樣，還要觀察字與字之間的合理性。

– 「可」字經觀察比對，中宮外擴太猛，所以往回收斂一下；然後其右上角和左下角的圓角弧度也加大了一些。

– 「海」字三點水旁還是不對，樣式有些過度設計，因此決定放棄這個樣式，用簡約線條。

得到的結果是：

– 山，面形+線條；

– 海，線條；

– 不，面形+線條；

– 可，線條；

– 平，面形+線條；

– 更符合前面提到的音樂節奏般的合理樣式分佈。

– 不足的地方就是「海」字的視覺重量還是重了。

9. 接着調整

– 「海」字三點水旁做了調整，如圖。

10. 繼續優化

– 「海」字三點水旁做了調整。三點水的寬度變窄，從而讓 「海」 字在整款字當中的視覺重量也變得不那麼重了，趨向和諧。

– 不足之處，三點水顯得有些細碎。畢竟我們這組字可是抽象的線與面的玩法，沒有點。

11. 繼續修改

– 「海」字三點水旁改成一點+一線，並依然看得出是 「海」 字。

– 整體審視觀察，發現 「不」 經過上一步驟又顯得視覺重量過於輕了。

– 最後把 「不」 字調回接近最開始的樣子，即三角形部分變寬了。

– 這樣所有字的視覺重量基本一致。

– 下面觀察一下「海」與「不」字的修改過程：

12. 字體的版式

– 這組字，山海不可平， 實 | 空 | 實 | 空 | 實 ，蠻有韻律感的，又是抽象的山或樹，是字又是畫。

– 我想它應該是一幅山水畫的樣子，因此五個字應該是錯落有致地排布。

13. 最終稿

第四部分是：包裝

15. 包裝

一些看法

– 圖形化的字一定需要謹慎剋制。

– 極度抽象化文字體態的同時，一定要時刻盯着每一個字的識別度，千萬不要喪失識別度，更不要做成了另一個字。

– 比如別把「未」做成了「末」，別把「失」做成了「先」等等。

全流程回顧

14. 做字全流程GIF圖

– 把過程用動效串起來，方便大家快速有效感受字體設計過程的變化。