幾何風格字型設計教程

語言: CN / TW / HK

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

下面進入主題:

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

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

第一部分是:思考

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

第二部分是:草稿

1. 繪製手稿

按上面思考出來的關鍵詞,嘗試繪製字型設計草稿~

第三部分是:執行

2. 字型檔字型結構參考

3. 繪製字框與網格

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

4. 初稿

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

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

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

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

5. 加一些裝飾線

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

6. 樣式分佈需均衡

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

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

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

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

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

7. 調整

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

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

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

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

8. 繼續調整

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

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

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

得到的結果是:

– 山,面形+線條;

– 海,線條;

– 不,面形+線條;

– 可,線條;

– 平,面形+線條;

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

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

9. 接著調整

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

10. 繼續優化

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

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

11. 繼續修改

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

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

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

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

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

12. 字型的版式

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

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

13. 最終稿

第四部分是:包裝

15. 包裝

一些看法

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

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

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

全流程回顧

14. 做字全流程GIF圖

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