想做好字體設計,先掌握這3個字體結構法則

上周發的文章對字體設計進行了初步了解,并以「鐵甲鋼拳」四字作為案例進行了演示。

上期回顧:《零基礎做字體?巧用字庫做出你的第一款字體設計!》

看完本文你會學到:

1. 同類型字體設計常用三條原則

  • 中宮外擴
  • 慎用技法
  • 重量一致

2. 案例解析字體修改方法

案例如下:

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

這種風格的字體算是字體設計中最簡單的一種形式,因為有章法可循。那么本期的文章就帶著大家一起看看這種字體的章法以及避免的誤區吧。

本篇文章分為兩個部分,諫言部分與案例修改部分。諫言部分會闡述此形式字體的知識點;案例修改部分則運用諫言的理論進行修改,希望大家能夠有所領悟。

想做好字體設計,先掌握這3個字體結構法則

做好此類型的字體設計有三條諫言不可忽視,分別為:

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

何為字體的中宮?

古時寫字有九宮格,居于中間的一格便作中宮。

想做好字體設計,先掌握這3個字體結構法則

以「井」為例,中宮收緊字面必定小,字也顯得緊湊有力;中宮擴張字面必定大,字體結構更松卻更規整。

中國傳統書法都講究中宮收緊,因為這樣的字顯得緊湊而有氣勢。但是做“鐵甲鋼拳”這種方方正正的標準美術字要反其道行至,將中宮擴張使字面加大,從而視覺上更規整一些。

下圖以「智」字為例:

想做好字體設計,先掌握這3個字體結構法則

中宮擴張后的字在九宮格中所占得面積更大更飽滿,相對中宮緊湊的字型也更規整。

想做好字體設計,先掌握這3個字體結構法則

要點:做標準字形盡量將中宮外擴,使字的外形多占一些面積。

想做好字體設計,先掌握這3個字體結構法則

這里所說的技法主要指筆畫的連接與省略,因為這種技法必定會使字體的識別性下降,所以要慎用這些技法。

以「苗」為例,隨著字體刪減筆畫的增加,字體的識別性越來越差,最后完全不認識。

想做好字體設計,先掌握這3個字體結構法則

筆畫間的連接與刪減都會影響識別性,再比如一下幾組。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

不可否認經過筆畫的連接刪減后字體的藝術性提高了,但識別性卻打了折扣。特別是在新手期間,這些技法處理不好就會造成識別性與藝術感的雙重缺失。這是商業設計的大忌。

合適的連接與刪減筆畫能提分,但不合適的連接與刪減卻能讓設計變成負分。這些技法要慎用,如果用的不好還不如不用,因為單純的筆畫細節與結構的處理就能夠滿足大多數需求。

合適的技法一定是適度的,像下面的“城”,經過刪減處理后藝術性與設計感得到了提高,但識別性還是很強的。

想做好字體設計,先掌握這3個字體結構法則

單純論識別性的話,肯定還是未處理的更強。處理過的則是識別性與設計感的平衡,所以技法慎用,設計有度,不做設計過度卻無識別性的字體。

想做好字體設計,先掌握這3個字體結構法則

重量一致則是要保證每個字的重量是差不多的。在標準字里,筆畫多的字,筆畫肯定更細;筆畫少的字,筆畫必定更粗。

想做好字體設計,先掌握這3個字體結構法則

筆畫少的一定更粗,如上面的“一”和“三”,三的橫畫更細,可能有些朋友看不出來,標示一下就明了了。

想做好字體設計,先掌握這3個字體結構法則

一的筆畫粗細程度要比三重一點,就是這種變化能夠讓視覺上重量更一致。

想做好字體設計,先掌握這3個字體結構法則

再比如這組,同樣是全包圍的字體,但是“圏”的筆畫要比前面筆畫少的細很多。如果粗細一致那這個字肯定會臃腫不堪,顯得與其他字體極其不協調。

想做好字體設計,先掌握這3個字體結構法則

比如禿鷹兩個字,因為鷹字橫筆較多,為了保證兩個字視覺上重量相等而將筆畫做的纖細一點。

所以好的標準字設計一定是重量一致的,在進行設計的時候一定要確保字的重量一致。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

這個案例新手覺得做的還可以,但是在做字老手眼里卻有諸多問題,為了便于觀察我將字體做了拉平,并做了標注。

想做好字體設計,先掌握這3個字體結構法則

  • 「鋼」里面的「x」太細了,重量與整組字不匹配,也就是上文說的第三點,重量不一致。
  • 筆畫的簡化處理不夠統一,金子旁與標注2的結構是一樣的,但處理方式卻不統一。在筆畫斜切上也是一樣,鋼鐵二字橫畫都未做斜切處理,戰士二字卻做了。
  • 重心不一致,「占」的重心高了,與其余字不匹配。
  • 標注4的豎畫可傾斜處理占據更多的空間,也就是上文「中宮擴展,筆畫外擴」的諫言。
  • 連接方式太奇怪,正常的「士」橫筆應該再低一點。另外要使重量一致,「士」這種筆畫少的字應該更粗。

知道了問題后一步步改正就可以了,下面是初步改正后的,

想做好字體設計,先掌握這3個字體結構法則

調整到此結構已經差不多了,我們在這基礎上再加細節與統一風格。

想做好字體設計,先掌握這3個字體結構法則

將戰士二字與金子旁的斜切做了統一。為了讓風格更強烈,將“口”字形的結構四角都做了輕微的切角。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

在豎筆頂端加入細節,「士」下面的橫切角很怪,這步修改回來。此后再在橫畫上加入更多細節。

想做好字體設計,先掌握這3個字體結構法則

深入,此時字已經成型了,為了讓他們更穩一點可以做輕微的壓扁處理,如下:

想做好字體設計,先掌握這3個字體結構法則

到這步字已完成,在此基礎上亦可以傾斜處理,表現力量與速度。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

看到成品后再來看一看過程的gif動畫,如下:

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

最后放一張修改前后對比。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

這個案例看上去有些凌亂,那么問題都出在哪兒呢?

想做好字體設計,先掌握這3個字體結構法則

  • 中宮應外擴,讓筆畫占據更大的空間。
  • 「X」上下太空了
  • 簡化形態不一致,缺乏統一性
  • 莫名的斷開使人覺得莫名其妙
  • 省略了一個點,不建議省略
  • 豎筆傾斜處理會更好。
  • 筆畫少的字應更粗。

知道了問題所在,接下來也是一步步修改的過程了,修改的過程都差不多,我就不詳細說明了,大家看圖就能懂。

想做好字體設計,先掌握這3個字體結構法則

畫個矩形規定字的高度,然后在根據上面的7點修改就可以了。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

接下來再看一下GIF過程。

想做好字體設計,先掌握這3個字體結構法則

想做好字體設計,先掌握這3個字體結構法則

最后放一張修改前后的對比圖。

本期文章到這里就結束啦,總結一下知識點:

  • 中宮擴張,字體的筆畫盡量占據更多的空間。
  • 慎用筆畫連接與刪減的技法,因為一不注意就會毀掉你的作品。
  • 保持字體的重量一致,筆畫的粗細程度要根據每個字的壁畫數量調整。

歡迎關注作者的微信公眾號:「大貓設計」

想做好字體設計,先掌握這3個字體結構法則

「超干貨!跟著高手學設計」

================明星欄目推薦================

優優教程網 UiiiUiii.com?是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備:http://hao.uisdc.com

收藏 88
點贊 6

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。