萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 字體故事:均衡-結構和重心和稱線加強法

字體故事:均衡-結構和重心和稱線加強法

   字體設計得先了解字體結構和組合形式,就像房屋裝修一樣,你得先了解房屋結構和框架才好進行拆牆重新裝飾設計。所以首先了解2個我們常用的字體分類概念:

  襯線字體(宋體):

  筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細有所不同。

  襯線體粗細不同(可讀性更佳)。大段落文章,增加閱讀對字母參照參考。就像大家都穿了(襯)衣服和不同裝飾物一樣好識v別,裝飾性強、有對比參照性。

字體故事:均衡-結構和重心和稱線加強法 三聯

  非襯線字體(黑體):

  沒有額外的裝飾,而且筆畫的粗細差不多。

  簡潔、時尚、輕松休閒、干淨。筆畫對比較弱,不及襯線字體。

圖片2.png

  這2種字體概念聯想起穿衣和沒穿衣就容易好記,也很好理解。在字體設計中記住這2個概念針對不同類型字體做裝飾性處理是關鍵。

  結構特征

  拋開上面2種我們常見的字體分類概念,我們在來復習下小學語文中的字體結構。

  單體字:一個偏旁單獨構成的字

  合體字:兩個或兩個以上偏旁組合成的字

  其中合體字又分:

圖片3.png

  漢子輪廓以形似方塊,但是由於筆畫不同,字體輪廓的形狀就會呈現不同的形狀,所以在視覺均衡上就會有些許視覺偏差。尤其是單體字和合體字組合筆畫就會顯得不好看。所以我們要在不同形狀的字形上做調整和處理,讓他們看起來更加完整、均衡。

圖片4.png

  上圖,等高、等寬的三角形、正方形、圓形我們會發現視覺上他們是不等大。

圖片5.png

  頂格、縮格、出格就是針對不同結構的字體筆畫特征進行微調,讓他們看起來更加均衡、等大、視覺更完整。

  平衡/槓桿原理

圖片6.png

  中學物理裡學過槓桿原理:動力×動力臂=阻力×阻力臂 ,公式:F1×L1=F2×L2

  時過變遷,也許有點難理解。結合上圖,簡單點講:就是距離中心點越近,F2越重才能與離中心點遠的F1平衡。

圖片7.png

  結合漢字方格,中心點就是方格的垂直中心,例如“體”字,右側“本”的垂直中心點B,單人旁的垂直中心A,B跟中心點的距離越近,A跟中心點的距離越遠,整個字體組合字體重心才平衡,均衡。

  當字體變形的時候,把字體拉長,或壓扁都是同樣的道理需要去細調偏旁部首讓重心更平穩、均衡、視覺才更加完美。

  單獨看每個字都有一個獨立視覺重心,設計字體就是要兼顧每個字體的重心,讓整體更加平穩均衡。

  一般規律:

  (1)黃金分割線原理

  黃金分割值≈0.618

  按照黃金分割線0.618的位置我們可以把方格字按上下、左右結構的比例特質畫出4條黃金分割線A、D、C、D。

圖片8.png

  我們在設計單個字體結構的時候,可以參照黃金分割線的原理去調整不同筆畫結構的字體,讓其看起來更加美觀。

  (2)上緊下松

  上緊下松的例子比較容易記住。拿長腿女人和長腿大叔做例子就好很貼切了。

圖片9.png

  (3)橫細豎粗

  橫細豎粗跟重力感覺相近,只有字桿粗壯(像樹一樣)才看起來更加平穩,舒適。

圖片10.png

  (4)左緊右松

  左緊右松跟視覺閱讀習慣相關,就像我們閱讀喜歡從左上角開始往右下角閱讀一樣。

圖片11.png

  襯線字體的特征

  第一期我們講到宋體是最典型的襯線字體。襯線加強法,是在了解襯線字體筆畫特征的基礎上加強調整的設計方法。首先我們先看看襯線體的特征(以宋體為例):

  宋體襯線特征了解後,我們會發現其實襯線字體筆畫很多地方裝飾性元素有共性,但有些還是有個性變化的。所以我們在做不同主題的字體的時候可以根據字體特征一般在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設計(如上圖),讓字體顯得更加個性,更有設計感。

  個例分析

  我們先看個設計的完整稿“魔法的誘惑”。該字體是DNF女魔法師的一個轉職。

  1. 設計之初,先是根據游戲角色,找了魔獸世界(游戲)、畫皮(魔法電影)、哈利波特(魔法電影)的字體設計做了參考。

  2. 選取了造字工房的非襯線體版黑字體為原型進行設計。

  選取合適的基礎字體做變形是做字體設計的一個重要步驟,當然也可以在草稿上畫好掃描進電腦再進行繪制也是可以的。

  這一步已經對字體的結構和重心做了比較多的調整和變形,具體調整方法參看字體故事1。接下來講的就是本集講的重點,襯線加強法。

  調整結構和重心的字體顯然在視覺上無法滿足我們的要求,這時候就要根據前面參看的游戲電影字體,添加裝飾元素。

  我們選取了魔法師類似巫婆的帽子、卷曲的類似枝條的形式,一些類似籐條的荊棘的元素。在筆畫的開始位置(A)、拐角(B)或是末端(C)添加裝飾性元素和設計。

  其實在什麼位置上調整筆畫和添加裝飾性元素,有些同學可能有些迷茫,這裡我舉個簡單的例子就很清晰了,還是拿女人做例子。女人要時尚和看起來個性如何裝扮自己?

  其實在什麼位置上調整筆畫和添加裝飾性元素,有些同學可能有些迷茫,這裡我舉個簡單的例子就很清晰了,還是拿女人做例子。女人要時尚和看起來個性如何裝扮自己?

  最後看看最終效果。運用同樣的襯先加強法,該版本字體我也做了第二稿。不過第二稿是在把字體拉高,重心略微提上,覺得這樣更符合女性的魔法特征和氣息。不過最終確認還是上一版的效果。

  類舉分析

  “致愛青春”是之前致青春電影剛出來時,一塊游戲的活動slogan。避免統一原版字體,我這裡選了極細的襯線體做原型。然後在“愛”“春”的左右添加了樹葉,體現清晰、青春、校園的味道。

  “為愛而戰”是幫同事調整修改後的一個字體。比較休閒、娛樂性質的。所以稍微靈動一點的排列方式,使其看起來更加輕松活潑。在字體的筆畫的很多位置加了尖角襯線效果的處理方式,加強個性和視覺沖擊力。

  “裙下之臣”是之前做的一個游戲專題標題設計,看字體和名字就是女性類的。聯想起妖媚的女性,選取了比較偏細風格的字體做變形,結合裙子,飄逸、起舞的造型對“裙”“之”“下”字的筆畫做了重復和類比的裝飾處理。

  “超神英雄” 是類LOL的魔幻競技類的一款騰訊游戲,當初是參加一個中文漢化的logo比賽做的,也同樣是調整了結構和重心後添加了類似LOL字體元素的襯線元素。

  “海庫“需要的海洋的感覺,波濤、海浪,所以選擇柔軟的曲線,類似水泡的元素和浪花裝飾字體筆畫。

  “地獄史詩” DNF的一個版本專題slogan。首頁也是做了字體結構和重心調整,最後在4個字的不同筆畫添加少量裝飾元素使其更加個性。

copyright © 萬盛學電腦網 all rights reserved