想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

看完本文你會學(xué)到:

1. 同類型字體設(shè)計常用三條原則

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

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

案例如下:

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

何為字體的中宮?

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

以「井」為例,中宮收緊字面必定小,字也顯得緊湊有力;中宮擴張字面必定大,字體結(jié)構(gòu)更松卻更規(guī)整。

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

下圖以「智」字為例:

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

要點:做標(biāo)準(zhǔn)字形盡量將中宮外擴,使字的外形多占一些面積。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

重量一致則是要保證每個字的重量是差不多的。在標(biāo)準(zhǔn)字里,筆畫多的字,筆畫肯定更細(xì);筆畫少的字,筆畫必定更粗。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

所以好的標(biāo)準(zhǔn)字設(shè)計一定是重量一致的,在進行設(shè)計的時候一定要確保字的重量一致。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

調(diào)整到此結(jié)構(gòu)已經(jīng)差不多了,我們在這基礎(chǔ)上再加細(xì)節(jié)與統(tǒng)一風(fēng)格。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

將戰(zhàn)士二字與金子旁的斜切做了統(tǒng)一。為了讓風(fēng)格更強烈,將“口”字形的結(jié)構(gòu)四角都做了輕微的切角。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

接下來再看一下GIF過程。

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

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

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

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

歡迎關(guān)注作者的微信公眾號:「大貓設(shè)計」

想做好字體設(shè)計,先掌握這3個字體結(jié)構(gòu)法則

「超干貨!跟著高手學(xué)設(shè)計」

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

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

設(shè)計導(dǎo)航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航,設(shè)計師必備:http://hao.uisdc.com

收藏 88
點贊 6

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。