本篇文章是前幾日聚會(huì)上做的一點(diǎn)小分享,現(xiàn)簡單整理成圖文形式再次分享給大家!現(xiàn)場(chǎng)有各路大咖當(dāng)然更多的是一些設(shè)計(jì)新手,所以決定給分享一些字體設(shè)計(jì)的基礎(chǔ)知識(shí),相對(duì)于操作而往往這些講起來不免有些枯燥,于是就想著用類比的手法講字體的結(jié)構(gòu)、筆畫和細(xì)節(jié),或許會(huì)輕松、有趣一些。
當(dāng)拿起手中的筆設(shè)計(jì)一款字體的時(shí)候,你究竟在設(shè)計(jì)字體的什么?難道是簡簡單單做些變形或是拿字庫字體稍稍修改即可完成?我覺得這或許是很多朋友的一個(gè)誤區(qū)。
我不止一次的拿這組字當(dāng)做反面教材,因?yàn)閷?shí)在是太“經(jīng)典”了。小到筆畫細(xì)節(jié),大到整體美感這組字顯然都是欠缺的,整組字的狀態(tài)像極了一個(gè)國外組合!
沒錯(cuò),我猜你甚至不知道這組合具體的名字,但殺馬特、洗剪吹你肯定會(huì)脫口而出!你設(shè)計(jì)出來的字體設(shè)計(jì)作品肯定不愿意讓人用類似詞匯去描述吧。
當(dāng)我們接到任務(wù)或者去做一組字體練習(xí)的時(shí)候,心里規(guī)劃都是美好的高大上的,我敢肯定并不是一開始就奔著“殺馬特”的目標(biāo)設(shè)計(jì)的。那么為什么會(huì)跑偏呢?你可以歸結(jié)到方法技巧不對(duì)又或是軟件操作不熟練,是原因之一二但不完全是,更重要的一點(diǎn)是對(duì)字體本身了解的還不夠。
就好似戰(zhàn)場(chǎng)上的你兵書陣法了然于心,大軍在握裝備精良,只可惜對(duì)對(duì)手卻只知一二,勝有幾成?《孫子兵法》上講“知彼知己,百戰(zhàn)不殆;不知彼而知己,一勝一負(fù);不知彼,不知己,每戰(zhàn)必殆?!?/p>
所以想要設(shè)計(jì)好字體,除了必要的方法技巧,字體了解的是否透徹也相當(dāng)重要。
一般來講可以簡單的將一個(gè)字體設(shè)計(jì)流程規(guī)劃為:需求、過程、結(jié)果。先是有一個(gè)具體的需求,然后明確問題并制定設(shè)計(jì)方案著手設(shè)計(jì),最后得出結(jié)果并評(píng)估是否符合最初的需求。其中的過程有多少辛酸故事就不描述了,但需要明確的是這一點(diǎn),看下圖。
結(jié)構(gòu)、筆畫和細(xì)節(jié)是字體的三個(gè)基本要素,我們把它具體到設(shè)計(jì)過程中你就會(huì)明確,每一個(gè)要素的設(shè)計(jì)都是要符合我們最初的需求的,而非隨心所欲任性設(shè)計(jì)的。只有把每個(gè)要素做到位,并且三要素能夠融合統(tǒng)一得到的結(jié)果才可能更符合需求。
下面就具體聊聊如上所提的三個(gè)基本要素,希望能夠幫你更好的了解字體。
三個(gè)基本要素在過往的文章中也或多或少的提及過,今天咱們來點(diǎn)不一樣的解讀。
雖然現(xiàn)代簡體字已經(jīng)變得抽象,但依然有很多有象形的影子,字體也是有性格會(huì)表達(dá),有著千變?nèi)f化的形態(tài),就像是一個(gè)個(gè)活生生的人一樣,接下來我們一個(gè)一個(gè)來看。
結(jié)構(gòu)×骨骼
結(jié)構(gòu)是一個(gè)字的基礎(chǔ),就好像骨骼對(duì)于一個(gè)人的重要性。我們做字的時(shí)候可能有這樣的經(jīng)驗(yàn),先去畫一個(gè)基礎(chǔ)的字體框架,然后依據(jù)框架再去填充筆畫調(diào)整細(xì)節(jié)之類,這個(gè)框架就可以理解為基礎(chǔ)的結(jié)構(gòu)。
字體的結(jié)構(gòu)和人體的骨骼一樣是相對(duì)固定又是靈活多變的,這個(gè)應(yīng)該如何理解呢?
首先人體的骨骼數(shù)量、位置是相對(duì)固定的,說白一點(diǎn)就是胳膊腿什么的都長在該有的位置上,字體結(jié)構(gòu)亦是如此,就像上圖的“永”字,筆畫數(shù)量結(jié)構(gòu)位置是相對(duì)固定的;
其次,靈活多變說的是骨骼可以在關(guān)節(jié)活動(dòng)范圍內(nèi)任意變化,就像是我們看到的可以做出不同的動(dòng)作,而字體的結(jié)構(gòu)也同樣可以在一定范圍內(nèi)做變形,甚至還可以伸長縮短比起骨骼更為靈活。
那么顯然不是想怎么變都可以的,還是有一定的規(guī)律范圍的,那么結(jié)構(gòu)變化具體需要注意那幾點(diǎn)呢?
以上三點(diǎn),是我總結(jié)出幾個(gè)結(jié)構(gòu)變化中很容易入坑的點(diǎn),特別是對(duì)于剛剛接觸字體設(shè)計(jì)的朋友,看名字是比較抽象,且聽我細(xì)細(xì)說來。
1.基礎(chǔ)之上
我們?nèi)ピO(shè)計(jì)一款字體的時(shí)候設(shè)計(jì)的并不是結(jié)構(gòu)本身,結(jié)構(gòu)是相對(duì)固定的,我們要做的其實(shí)是在原有基礎(chǔ)上做一些“動(dòng)作”,并不是去生造一個(gè)結(jié)構(gòu)生造一個(gè)沒有的字,不要覺得夸張,不少朋友設(shè)計(jì)了半天自己都不認(rèn)得到底是什么字了!
2.副筆變化
結(jié)構(gòu)中的每一筆是有主副之分的,在一組字體設(shè)計(jì)中我們?nèi)プ鼋Y(jié)構(gòu)變形時(shí),盡量選擇一些副筆變化,也是因?yàn)楦惫P可變性要更靈活,且不太容易影響整個(gè)字的識(shí)別性。
主副筆沒有絕對(duì)的劃分,一般的起到絕對(duì)支撐作用的我們就可以理解為是主筆,像是一些撇捺點(diǎn)之類的一般為副筆。
3.有章可循
很多朋友以為像是筆畫需要有一定的規(guī)律統(tǒng)一,其實(shí)結(jié)構(gòu)也是要有一定的規(guī)則約束的。結(jié)構(gòu)是靈活多變的,但總歸是有一定的范圍和規(guī)則,就像是跳一只芭蕾舞動(dòng)作的幅度、位置變化等是有規(guī)律有標(biāo)準(zhǔn)的。
筆畫×肌肉
筆畫像是人體上的肉一樣,看起來會(huì)更飽滿。我們先通過下圖卡看人體的肉基本上有那幾種“狀態(tài)”。
瘦、胖、肌肉、肥肉基本上會(huì)這樣形容一個(gè)人身上的肉,這四個(gè)基本上可以對(duì)應(yīng)到字體筆畫中的幾個(gè)基本狀態(tài),細(xì)、粗、直、曲,仔細(xì)想一想是不是就是如此呢?
這個(gè)字的筆畫粗細(xì)設(shè)定到多少才算合適?這是不少朋友會(huì)問我的問題之一,其實(shí)粗細(xì)并沒有一個(gè)絕對(duì)的數(shù)值,筆畫細(xì)就會(huì)顯得輕盈,筆畫粗就會(huì)看起來比較敦實(shí),所以要根據(jù)實(shí)際的需求來決定筆畫粗細(xì)的數(shù)值,好比要選一名相撲選手那肯定是胖點(diǎn)為好,選一名維密天使顯然瘦些更妙。
上面是兩組相同的字,一個(gè)是等線相對(duì)較細(xì)一個(gè)是筆畫相對(duì)較粗的狀態(tài),對(duì)比你會(huì)發(fā)現(xiàn)給人的感覺是有極大的差異的。
在一個(gè)就是筆畫的曲直,曲線會(huì)更多寫親和力,直線條就比較直接看起來會(huì)比較硬朗。
1.直線
字體中每個(gè)筆畫都是直線條,棱角分明,這樣更能夠表現(xiàn)紙牌屋這個(gè)嚴(yán)肅的主題。直線作為字體筆畫的輪廓也是最好把控的。
2.曲直混合
如果一組字中既有直線也有曲線,大多時(shí)候這組字給人的感覺是比較中性的。像是這組字有理性的直線也有感性的曲線,文藝范挺足。
3.曲線
如果每個(gè)筆畫中線條變成曲線,是不是就像上圖一樣看起來萌萌噠,小寶寶身上一般胖墩墩的,和這個(gè)狀態(tài)類似。
細(xì)節(jié)×服飾
細(xì)節(jié)就像是人所著的衣服和佩戴的飾品,很大程度上能夠直接反映一組字的個(gè)性風(fēng)格。如果一個(gè)人帶著一串兩斤重的金鏈子,僅憑這一點(diǎn)我肯定不會(huì)判定他是文藝青年,而在字體設(shè)計(jì)中細(xì)節(jié)有時(shí)我們都很難察覺,但不代表他不重要,也恰是這些細(xì)節(jié)讓整個(gè)字個(gè)性更為凸顯更有品質(zhì)感。
這組案例出現(xiàn)在上一篇文章中,直接偷懶又把他拽過來了,勿怪。
很典型的缺少細(xì)節(jié)修飾,筆畫只是簡單的羅列,所以整體看來沒有一點(diǎn)的感染力。
同樣的結(jié)構(gòu)我們將原來的粗細(xì)一致的筆畫稍作調(diào)整,在橫筆筆畫的收筆處做一點(diǎn)曲線上翹的樣式,部分筆畫間距略調(diào)整,對(duì)比圖如上。
最后效果如圖,除了上面所說的細(xì)節(jié)像是色彩、組合方式等等都是細(xì)節(jié)的一部分。
同樣的處理方式,這里的橫筆起筆也處理成收筆的樣式,整個(gè)字在色彩和組合方式上相應(yīng)的做出調(diào)整,和上一組字相比又有大不同。
以上是字體三個(gè)要素的分解。
下面咱們?cè)倌贸鰩讉€(gè)字體學(xué)堂中幾個(gè)修改前后的字體進(jìn)行對(duì)比,你可以結(jié)合上面所講的結(jié)構(gòu)、筆畫、細(xì)節(jié)嘗試分析一下,看看具體都是哪里做了調(diào)整,又是為什么要這樣變化。
例一 匠品堂
例二 東游記
例三 云朗居
本次就分享到這吧先,以前的文章大都是深夜寫的,這篇文章是利用下午的時(shí)間來寫,感覺遠(yuǎn)不如晚上來感啊,那也就先這樣咯!還是像以前一樣希望本篇文章能夠幫到你,哪怕是一丟丟!各位看官也可以加UI設(shè)計(jì)群一起學(xué)習(xí)587751709