明明想法思路都對(duì)了,為什么最后呈現(xiàn)出的效果卻...略顯遺憾呢?

2018-03-16 2326 1

9f6c59762dd8a8012193a325ace7.jpg

明明想法思路都對(duì)了,為什么最后呈現(xiàn)出的效果卻...略顯遺憾呢?字習(xí)時(shí)間的活動(dòng)到七十多期了,其中發(fā)現(xiàn)很多作品想法思路是正確的,有些還很有意思,但整體視覺(jué)效果確一般,那為什么所想和所做會(huì)有如此差距?

所以有了本期要和大家聊的主題:字體設(shè)計(jì)的細(xì)節(jié)和形式感。本篇將會(huì)通過(guò)一些實(shí)例帶大家認(rèn)識(shí)字體細(xì)節(jié)和形式感,所用大部分實(shí)例選自我課堂中的現(xiàn)場(chǎng)修改,時(shí)間短暫難免有瑕疵,望理解。


 

本期分享目錄:

一、字體設(shè)計(jì)的細(xì)節(jié)

       01.結(jié)構(gòu)細(xì)節(jié)

       02.筆畫(huà)細(xì)節(jié)

二、字體設(shè)計(jì)的形式感

      01.變形

      02.圖形化

      03.組合多樣化
 

一、字體設(shè)計(jì)的細(xì)節(jié)

首先我們百科一下細(xì)節(jié)是什么:‘細(xì)節(jié)是一種能影響全局的細(xì)微的易被忽略的物件或行為’。看到?jīng)],一句話(huà)就解釋了為什么做字的時(shí)候想法很炫酷,現(xiàn)實(shí)很殘酷!很多時(shí)候細(xì)節(jié)處理決定了一個(gè)字的性格和質(zhì)感,而這些卻被你無(wú)情略過(guò)了...所以莫再粗暴對(duì)待你的字體了,用心呵護(hù)很有必要!

下面我把細(xì)節(jié)具體到結(jié)構(gòu)細(xì)節(jié)和筆畫(huà)細(xì)節(jié)兩個(gè)部分,分別說(shuō)一下那些最容易被你忽視的細(xì)節(jié)。

296b597624aaa8012193a385f6f1.jpg

知道了細(xì)節(jié)的重要性很多同學(xué)迫不及待的在摳細(xì)節(jié)了,這又是一個(gè)極端。先明白整體和細(xì)節(jié)間的關(guān)系很有必要,只注重局部細(xì)節(jié)忽略整體協(xié)調(diào)性,這樣肯定也不好!

上圖的一句話(huà)可以讓你理清整體和細(xì)節(jié)之間的關(guān)系。我會(huì)被經(jīng)常問(wèn)到字體的筆畫(huà)粗細(xì)多少才合適?或是轉(zhuǎn)角曲度設(shè)置大寫(xiě)好還是要小一點(diǎn)?等等類(lèi)似的問(wèn)題,其實(shí)造字本沒(méi)有固定的數(shù)值,而需要協(xié)調(diào)各種關(guān)系,懂得取舍,或許字體設(shè)計(jì)奇妙的地方就在于此。

字體就是特殊的圖形,只不過(guò)是有的圖形線(xiàn)條比較多有的則很少,如何規(guī)劃這些線(xiàn)條讓其出現(xiàn)在合適的位置上,這是我們要做的工作。有的同學(xué)刻意去制造一些夸張的變化,忽略基本的結(jié)構(gòu)美感,就以為是NB的字體設(shè)計(jì),我覺(jué)得是一個(gè)很大的認(rèn)識(shí)誤區(qū)。

就好像我們寫(xiě)鋼筆字,同樣是洋洋灑灑,有人寫(xiě)的像是一堆雜草野蠻生長(zhǎng),有人寫(xiě)的是行云流水看著就美。同樣都是手寫(xiě)差距在哪?答案是:結(jié)構(gòu)。

44ff597624e4a8012193a32fff97.jpg

01.過(guò)密過(guò)疏,不均勻

話(huà)是很好理解,可就有很多同學(xué)反復(fù)犯同樣的錯(cuò)誤。疏密指的是筆畫(huà)分布的位置造成結(jié)構(gòu)空間的多少,過(guò)疏易造成結(jié)構(gòu)零散不緊實(shí),過(guò)密就會(huì)讓字體看起來(lái)水泄不通不透氣,所以要控制筆畫(huà)間的位置,做好字體的空間分配。

要注意的是均勻≠平均。

不難看出部分筆畫(huà)就快要重疊了,中間一線(xiàn)之隔,并不是說(shuō)這組字筆畫(huà)過(guò)多不得已而為之。比如‘果’字中間部分筆畫(huà)間距過(guò)小,空間被壓縮成了一條線(xiàn),下面很顯然還有充裕的空間可以支配;中間筆畫(huà)過(guò)長(zhǎng),造成了外部空間的擴(kuò)大。

44255976324ea8012193a38f8fed.jpg

針對(duì)這一問(wèn)題調(diào)整部分筆畫(huà)位置,使得結(jié)構(gòu)空間區(qū)域均勻合理;另外把轉(zhuǎn)角由之前的直角變?yōu)閳A角,親和力更足,‘語(yǔ)’字最后做了一個(gè)負(fù)空間的小圖形整體看起來(lái)會(huì)多一些趣味。

一組字當(dāng)中一定要保持筆畫(huà)的粗細(xì)一致嗎?上圖左邊最中間的筆畫(huà)適當(dāng)調(diào)細(xì),目的是讓內(nèi)部封閉的負(fù)空間不至于太緊張;而右邊三個(gè)豎筆粗細(xì)保持一致,放大看差距貌似不明顯,看下面縮小后的效果是不是就一目了然了!所以在空間局促的情況下,可以適當(dāng)?shù)母淖児P畫(huà)的粗細(xì),從而得到一個(gè)相對(duì)舒適的字形結(jié)構(gòu)。

2e975976250ea8012193a3599e11.jpg

02.變化過(guò)激,不協(xié)調(diào)

前面我們反復(fù)提到了,結(jié)構(gòu)不是你想改任性就能改。特別是一些剛剛接觸字體設(shè)計(jì)的同學(xué),不要一開(kāi)始就大刀闊斧的對(duì)結(jié)構(gòu)任性變化,只有做得多了對(duì)結(jié)構(gòu)的認(rèn)知和把控力足夠再去嘗試特殊的變化也不遲。

這組字是學(xué)員上課前的作品,每當(dāng)看到這種字我就不太淡定了,實(shí)在找不出一個(gè)理由解釋為毛要這樣做!勉強(qiáng)找到一個(gè)鼓勵(lì)學(xué)員的理由就是:你膽夠大!

千萬(wàn)要注意,造字如蓋樓,總歸是有穩(wěn)固的地基和結(jié)實(shí)的承重墻作為支撐。結(jié)構(gòu)不是說(shuō)不可以變化,總有一個(gè)度,就像房子裝修可以打洞拆墻,但也得在安全的前提之下吧。

一個(gè)小方法。如果對(duì)于字體結(jié)構(gòu)實(shí)在沒(méi)有辦法,可以直接“套用”字庫(kù)字體的結(jié)構(gòu)特征。圖中是你電腦中也有的微軟雅黑字體,以此為基礎(chǔ)(可適當(dāng)調(diào)整高矮胖瘦)可以直接依照微軟雅黑的字形搭建基本結(jié)構(gòu)框架,這樣可以保證大的結(jié)構(gòu)問(wèn)題不會(huì)出現(xiàn)。

在大框架基礎(chǔ)上做一些筆畫(huà)外擴(kuò),增加字體張力;部分筆畫(huà)做一些調(diào)整幾個(gè)字簡(jiǎn)簡(jiǎn)單單就完成了。所以說(shuō)不要總想著結(jié)構(gòu)中做什么復(fù)雜的、轟轟烈烈的改變才算的上是設(shè)計(jì)過(guò)了,細(xì)微的變化也可以帶來(lái)突出的效果。

03.字面字重,不統(tǒng)一

如果你做一組字盯著看時(shí)間長(zhǎng)了極易忽略這個(gè)問(wèn)題。幾個(gè)字?jǐn)[在那里就是一個(gè)整體,如果其中有的字比較大比較重,那這個(gè)字就會(huì)跳脫出來(lái),破壞整體性。當(dāng)然除非刻意為之,比如一些不重要的字,比如一組標(biāo)題中帶‘的’字,不想突出就可以縮小加以弱化。

什么左右結(jié)構(gòu)、左中右、上中下...等等這些結(jié)構(gòu)差異造成了字體有各種造型。所以很多情況下我們不能僅僅靠理論上的數(shù)值設(shè)定一組字的高矮胖瘦,而是要根據(jù)實(shí)際字體的結(jié)構(gòu)特征,適當(dāng)做大小上的變化。

在這組字中,“蘭”字橫筆居多視覺(jué)觀(guān)感上是比較顯寬,所以上組字適當(dāng)減小“蘭”字寬度,使其能夠和其他字在一起愉快玩耍,不然看下面的字保持寬度理論一致,結(jié)構(gòu)就是“蘭”字偏寬,破壞了整體性。

去掉參考線(xiàn)再看,“蘭”字是不是更顯得霸道不合群。

這是結(jié)構(gòu)中幾個(gè)細(xì)節(jié)要和大家分享的,還有一些待日后再補(bǔ)充,下面我們進(jìn)入第二個(gè)小部分筆畫(huà)細(xì)節(jié)。

把筆畫(huà)細(xì)節(jié)比喻成一個(gè)人的穿著妝容再合適不過(guò),關(guān)乎一個(gè)人的品質(zhì)品味。筆畫(huà)的變化可以直接影響一個(gè)字性格,下圖一個(gè)小例子。

左邊是普通的字庫(kù)字體,右邊是字庫(kù)字體基礎(chǔ)上變形所得。最大的變化就在于細(xì)化的細(xì)節(jié)處理,原字庫(kù)字筆畫(huà)細(xì)節(jié)偏潤(rùn)滑,整體是比較偏傳統(tǒng);調(diào)整變化后,潤(rùn)滑的細(xì)節(jié)變得更簡(jiǎn)練直白,整個(gè)字也多了一分清新灑脫,這就是筆畫(huà)的影響力。

想搞懂筆畫(huà)和字體性格的微妙關(guān)系可以翻看我之前的文章《字體性格知多少》,下面咱還是只講那些容易被你忽視的問(wèn)題。

01.細(xì)節(jié)缺失

雖說(shuō)現(xiàn)在設(shè)計(jì)界崇尚什么極簡(jiǎn),娛樂(lè)圈宣揚(yáng)什么素顏美女...那也不代表越少越好,素顏朝天那也得有資本不是,所以適當(dāng)修飾很有必要。更重要的是筆畫(huà)細(xì)節(jié)處理得當(dāng)會(huì)讓整個(gè)字個(gè)性突出,就像白水中加入甜的酸的、果味咖啡之類(lèi),不至于寡淡無(wú)味。

這組字只說(shuō)筆畫(huà),等線(xiàn)的筆畫(huà)從一而終,給人我的感覺(jué)不禁讓我我懷疑學(xué)生在做這組字的時(shí)候中途離開(kāi),根本沒(méi)做完!筆畫(huà)完全沒(méi)有細(xì)節(jié)修飾,讓觀(guān)著只是一掃而過(guò),相互間完全沒(méi)有一絲絲的情感流露。

同樣的結(jié)構(gòu)布局,只做筆畫(huà)收筆的處理,你會(huì)發(fā)現(xiàn)大有不同。當(dāng)然,這里選取部分筆畫(huà)做調(diào)整,豎筆和部分橫筆是沒(méi)有做變化的,要掌握好度。

最后呈現(xiàn)的效果是多了一些“內(nèi)容”,和字體本身的字義更加符合,有一些傳統(tǒng)韻味,總之這樣最起碼能夠吸引你多瞅兩眼。

39ba59762608a8012193a3a1059a.jpg

02.細(xì)節(jié)不統(tǒng)一

字體就是很難伺候,沒(méi)細(xì)節(jié)說(shuō)少細(xì)節(jié),有細(xì)節(jié)說(shuō)不統(tǒng)一,感覺(jué)心好累...就是這樣,不然識(shí)字的都會(huì)做字體設(shè)計(jì)了。你肯定聽(tīng)過(guò)類(lèi)似這樣的前輩訓(xùn)導(dǎo):‘一個(gè)頁(yè)面當(dāng)中不要出現(xiàn)三種以上的字體’,不無(wú)道理但這個(gè)也不是絕對(duì),只能說(shuō)越少越好控制。而字體設(shè)計(jì)中細(xì)節(jié)的處理要注意保持統(tǒng)一性,如果過(guò)多變化可能會(huì)顯得熱鬧,更有可能是雜亂。

左邊這組字橫筆筆畫(huà)起筆收筆都是直角,豎筆就換成了圓角,一方一圓差異可不小;轉(zhuǎn)角同樣直角和圓角并存,所以整個(gè)字看起來(lái)是不夠明確,對(duì)于字義的表達(dá)還不夠徹底。既然是喜劇那就要?dú)g快一些親和力更足一點(diǎn),所以右邊調(diào)整的筆畫(huà)全部是以圓為基礎(chǔ)進(jìn)行變化。

最大的變化當(dāng)然是整體性得到加強(qiáng),之前是先看到細(xì)節(jié)在看到整體,現(xiàn)在調(diào)整后是先整體再細(xì)節(jié)。

ceb659762634a8012193a3a0faee.jpg

03.筆畫(huà)欠打磨

就像匠人一樣,每個(gè)細(xì)節(jié)都要耐心打磨,字體設(shè)計(jì)中每個(gè)單個(gè)筆畫(huà)的造型都要認(rèn)真調(diào)節(jié),特別是一些曲線(xiàn)筆畫(huà)以及一些復(fù)雜的筆畫(huà)。

本組字一些筆畫(huà)的位置和變化是正確的,欠缺的就是筆畫(huà)細(xì)節(jié)處理不夠講究,像是“柔”字那長(zhǎng)長(zhǎng)的一筆,怎么看都略顯突然,本身字義和筆畫(huà)都是比較偏女性化,應(yīng)該是更輕柔的。

調(diào)整的部分主要是筆畫(huà)的一些曲線(xiàn)更加柔和,過(guò)度更加自然;之前“柔”字長(zhǎng)長(zhǎng)的一筆斷為兩筆,并代替部分筆畫(huà)形成一個(gè)心形,這樣字體不僅柔和飄逸也更具識(shí)別性。

二、字體的形式感
 

形式感這個(gè)詞看起來(lái)是比較高級(jí),嚇得我趕緊百度了一些官方說(shuō)法,免得說(shuō)跑偏。且看下面圖片文字。

ca4b59762667a8012193a34db98a.jpg

轉(zhuǎn)換成更簡(jiǎn)單的話(huà)就是:‘好的字體設(shè)計(jì)走心’。字體設(shè)計(jì)不僅僅是表達(dá)字義這么簡(jiǎn)單,還肩負(fù)著情感的傳遞和表達(dá),那么處理好最基本的結(jié)構(gòu)字形只是解決了最基本的認(rèn)知問(wèn)題,情感的傳遞是需要形式感的幫助。

be795976268aa8012193a3907e1a.jpg

那么怎么才能讓字體更具形式感呢?我簡(jiǎn)單總結(jié)了三個(gè)小方向,看看你的字體中是否具備這些特征呢?

01.字體變形

這是最直截了當(dāng)?shù)姆绞健>拖衿?chē)很常見(jiàn),不覺(jué)得新鮮,但如果是會(huì)變形的汽車(chē)你就會(huì)覺(jué)得很酷,為什么?因?yàn)樗c眾不同,它不僅僅是個(gè)汽車(chē)。所以設(shè)計(jì)字體可以適當(dāng)做變形,讓他變得不一樣,變得不僅僅是一行文字。

通??梢韵葟墓P畫(huà)變形入手。比如上圖夏至兩個(gè)字,如果是橫平豎直的筆畫(huà)那就會(huì)變得很普通,但把它換成英文中的哥特筆畫(huà)特征就顯得特別一些。

筆畫(huà)的變形是一方面,在一個(gè)就是結(jié)構(gòu)變形。前面講結(jié)構(gòu)細(xì)節(jié)也提到了其實(shí)不好掌控,所以前期的話(huà)可以簡(jiǎn)單做小范圍局部的變化,不管如何要記住不能硬來(lái),像是一些筆畫(huà)變形后識(shí)別性都存在問(wèn)題了,那這樣的變形也就毫無(wú)意義。

02.圖形化

可以把字體當(dāng)做圖形來(lái)處理,可以直接把筆畫(huà)處理成圖形,可以字體中圖形替代筆畫(huà)等等,但有幾個(gè)注意點(diǎn)要和大家特別交代,下面通過(guò)我課堂中學(xué)生的三個(gè)作業(yè)分別說(shuō)一下。

A.圖形的概括性

選用圖形不管是直接當(dāng)做筆畫(huà)還是配合在字體周?chē)?,要做到圖形的概括性,避免過(guò)于繁雜寫(xiě)實(shí)。

B.圖形的融合性

如果是字體和圖形結(jié)合,要注意圖形和筆畫(huà)之間的風(fēng)格要相匹配,除了風(fēng)格匹配圖形也要具有關(guān)聯(lián)性,要和字體本意有直接或間接的關(guān)聯(lián)。

C.圖形的代表性

圖形的選用并不是隨隨便便的,要具有一定的代表性,就好似說(shuō)起大海就會(huì)想到游魚(yú),看到天空就會(huì)想到飛鳥(niǎo)。只有這樣才不至于給觀(guān)者出謎題,增加認(rèn)知成本。

03.組合多樣化

有時(shí)我們也可以通過(guò)改變組合方式添加輔助標(biāo)題的形式,讓作品看起來(lái)更有層次。特別是對(duì)于一些字體本身特點(diǎn)不夠鮮明,個(gè)性不夠突出時(shí),尤為適用。

下面列舉幾個(gè)案例,橫排、豎排、混排就不一一具體介紹了,直接看圖。

寫(xiě)著寫(xiě)著發(fā)現(xiàn)關(guān)于形式感的話(huà)題還有不少可以深挖的,有時(shí)間可以單獨(dú)摘出來(lái)再和大家細(xì)聊。

 

好了今天就叨叨到這吧!也許是許久沒(méi)寫(xiě)東西的緣故,發(fā)現(xiàn)相較以前寫(xiě)的夠慢的,其實(shí)不是不愿寫(xiě),大多時(shí)候是不知道該聊點(diǎn)什么,總不可能硬聊吧!所以有什么問(wèn)題歡迎留言哈~

c08559762be5a8012193a3acc79a.jpg


 


 


32
評(píng)論區(qū)(0)
正在加載評(píng)論...