-
做一款字并不難，難在做好一款字。
字體設(shè)計(jì)應(yīng)該是一位設(shè)計(jì)師蠻重要的技能，甚至可能說(shuō)是最基本的技能，因?yàn)樵谔嗟臅r(shí)候需要用到這項(xiàng)技能了，比如標(biāo)志標(biāo)準(zhǔn)字體、海報(bào)、主題活動(dòng)主畫(huà)面、線上Banner等等，具體重要程度我就不在此贅述了。
我這次主要分享的是年前參加的“智瘋字體設(shè)計(jì)30打卡”課程所做的字體案例的詳細(xì)剖析，一共11款字體。
蠻開(kāi)心在這次課程里認(rèn)識(shí)了智瘋老師和一幫同樣熱愛(ài)字體設(shè)計(jì)的伙伴們。
-
-
做字流程
-
下面先講講我的做字流程吧～
1_ 首先是先確定要做的字。
2_ 然后理解和消化字的含義 。
3_ 接著就是在網(wǎng)上搜尋相關(guān)參考資料 。
4_ 再接著就是邊想邊畫(huà)手稿。
5_ 然后電腦執(zhí)行（軟件AI）。
（下面案例會(huì)重點(diǎn)講這部分，包括初稿、過(guò)程稿、亮點(diǎn)詳解、難點(diǎn)剖析等等，還有一些在特點(diǎn)字風(fēng)格下的做字要點(diǎn)）
6_ 最后潤(rùn)色包裝。
當(dāng)然你也可以有你自己的做字流程，結(jié)果才是最重要的。
我所說(shuō)的只是一家之言，僅供參考。
-
三大原則
-
在這次的分享中我更多的從設(shè)計(jì)技法的緯度去剖析，在創(chuàng)意層面則會(huì)稍微提一下。
我在設(shè)計(jì)大部分的常規(guī)商業(yè)字體時(shí)，會(huì)嚴(yán)格遵守三條原則，分別是：
1_ 中宮外擴(kuò)
2_ 慎用技法
3_ 重量一致
-
1 中宮外擴(kuò)
中宮收緊這種情況一般只存在在書(shū)法字體中，顯得緊湊有力；
中宮外擴(kuò)則一般適用于方方正正的標(biāo)準(zhǔn)美術(shù)字，既常規(guī)商業(yè)字體設(shè)計(jì)，使用此形式會(huì)讓字體寬松而更規(guī)整。
因此這兩種形式并沒(méi)有好壞之分，視情況而使用。
-
2 慎用技法
這里的技法是指字體設(shè)計(jì)時(shí)可以增加字體的設(shè)計(jì)感形式感的一些技法，比如：連筆斷筆，比如：筆畫(huà)特征點(diǎn)綴。
技法需克制使用，如若泛濫使用，則會(huì)使字體降低了美感，甚至丟失了識(shí)別度。過(guò)猶不及。
不信請(qǐng)看下圖～
請(qǐng)問(wèn)下圖中設(shè)計(jì)的字體是什么內(nèi)容？你是否還看得出來(lái)呢？
“感官”二字能看的出來(lái)，后面兩字是否無(wú)法識(shí)別只能帶猜了呢？是的，因?yàn)樽R(shí)別太弱了。字體設(shè)計(jì)的識(shí)別度嚴(yán)重不夠，恰恰是因?yàn)楹鲆曌煮w結(jié)構(gòu)造成的。
我個(gè)人覺(jué)得，美觀性和識(shí)別度同等重要，好比一雙筷子缺一不可。
切記不可一味追求炫技，需克制，把握好技法使用的度。需要更多考慮字體的識(shí)別性和美觀度。
-
3 重量一致
重量一致是指在一款字體設(shè)計(jì)中，在視覺(jué)上每一個(gè)字都保持均等的分量，也就是在視覺(jué)上感覺(jué)每個(gè)字都一樣重。
舉個(gè)例子，如下圖中的“一二三四國(guó)馨”，這些字的筆畫(huà)從一筆到二十筆遞進(jìn)，疏密各不一樣，為了達(dá)到視覺(jué)上一致的分量，在筆畫(huà)少的字體中筆畫(huà)調(diào)得相對(duì)粗一些，而筆畫(huà)多的字體則將筆畫(huà)調(diào)得相對(duì)細(xì)一些，從而達(dá)到整體協(xié)調(diào)。
下面讓我們進(jìn)入具體字體案例的分析中吧～
-
第1款
-
-
前期思考
當(dāng)拿到這個(gè)主題的時(shí)候，我想到的是唯美、古典。
定下字體氣質(zhì)，便按這個(gè)方向找尋合適的參考。
在搜尋參考的時(shí)候我突然想到了古建筑的屋檐，也想到了用海浪的形態(tài)，既把四個(gè)字做成海水流動(dòng)的既視感。
最終考慮到古建筑屋檐的特征更有唯美氣質(zhì)，屋檐特征更為抽象簡(jiǎn)約，可以不繁瑣且巧妙鑲嵌在字體筆畫(huà)中，與之共生，因此選了這個(gè)創(chuàng)意點(diǎn)。
（第一款字體我會(huì)稍微講細(xì)一點(diǎn)，后面的字體重復(fù)內(nèi)容我就不再贅述）
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
接下來(lái)進(jìn)入電腦執(zhí)行（軟件：AI），首先我會(huì)打“海棠未雨”幾個(gè)字庫(kù)字體放在一邊，便于隨時(shí)參考字體結(jié)構(gòu)，也能避免自己當(dāng)局者迷犯低級(jí)錯(cuò)誤。
相信我，人總會(huì)有犯傻的時(shí)候。哈哈。
-
雛形
用鋼筆工具勾勒出基本型。
-
初稿
做字時(shí)需不斷檢查“單個(gè)的字”和“整體的字”～
單個(gè)的字：主要檢查字體內(nèi)部偏旁部首之間的位置距離是否協(xié)調(diào)，再就筆畫(huà)與筆畫(huà)之間的親梳關(guān)系。
整體的字：主要檢查各字體的重量是否一致。
-
總而言之就是觀察字體的“識(shí)別性”和“美觀度”。
現(xiàn)階段，感覺(jué)“棠”字略寬，“未”字略小，“雨”字高了。繼續(xù)調(diào)整……
-
調(diào)整
1_ 字體細(xì)節(jié)調(diào)整之后舒服了很多，好多方角部分做了“倒圓角”處理，更耐看了。
2_ 做到這一步，感覺(jué)整款字體已經(jīng)沒(méi)有什么大毛病了，但依然平平無(wú)奇。
好，接著優(yōu)化~
-
增強(qiáng)字體古典氣質(zhì) | 最終稿
1_ 加入了古建筑屋檐的抽象形，融入每一個(gè)字的某一筆畫(huà)之中。添加了字體唯美、古典的氣息。
2_ 然后在筆畫(huà)交匯處都做了“溢墨”（一般書(shū)法字才會(huì)有都墨水溢開(kāi)的效果）處理，更加深了字體古韻味道。
-
一些思考
其實(shí)還有好多細(xì)節(jié)都在做都過(guò)程中做了恰到好處都優(yōu)化。
1_ 比如：“棠”字上面三筆，中間高兩邊低，為了識(shí)別也為了美觀；
2_比如：有古建筑屋檐特征的筆畫(huà)的位置安放考慮，相鄰兩字之間的屋檐特征筆畫(huà)是堅(jiān)決不能對(duì)齊，按這個(gè)標(biāo)準(zhǔn)加上因地制宜安放之后的呈現(xiàn)是錯(cuò)落有致的富有美感的一副畫(huà)面，仿佛遠(yuǎn)處有一座座高低不同的古建筑，還飄著雨。
-
做字全流程GIF圖
-
包裝
-
第2款
-
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
-
初稿
快速把基本形執(zhí)行出來(lái)～
字體結(jié)構(gòu)：屬于上緊下松。
字體特點(diǎn)：
1_ 筆畫(huà)橫細(xì)豎粗。
2_ 橫筆右端傾斜處理。
3_ 字體的記憶點(diǎn)在于“來(lái)”字的撇和捺，其他字也同樣保持這樣的特征。
-
添加字母點(diǎn)綴
-
優(yōu)化
繼續(xù)調(diào)整完善～
1_ “來(lái)日方長(zhǎng)”四字更緊湊排版。
2_ 點(diǎn)綴字母使用更小字重，為了弱化點(diǎn)綴字母，固在每?jī)尚兄g添加了橫桿，亦更顯精致。
-
最終稿
最后調(diào)整一下細(xì)節(jié)，比如整體特征筆畫(huà)的處理，比如“長(zhǎng)”字右下角斷筆的處理。
-
做字全流程GIF圖
-
包裝
-
第2款 | 第二方案
-
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
-
初稿
快速把基本形執(zhí)行出來(lái)～
該款字體為繁體字，第一和第四個(gè)字筆畫(huà)繁多，第二第三個(gè)字筆畫(huà)略少，因此在設(shè)計(jì)時(shí)候需要特別考慮到“重量一致”到設(shè)計(jì)原則。
-
字母點(diǎn)綴
現(xiàn)階段這款字體各字之間的風(fēng)格還不算非常統(tǒng)一（基本統(tǒng)一，但還不夠）。
-
修改調(diào)整
繼續(xù)調(diào)整完善～
1_ ”方“字曾嘗試另一種可能，“方”字為了在風(fēng)格更與”來(lái)“字更統(tǒng)一、呼應(yīng)，因此修改成了下圖的方案。
2_ “長(zhǎng)”字的繁體字右下角做了調(diào)整，更加協(xié)調(diào)了。
-
橫版最終方案
1_ 經(jīng)過(guò)再三衡量對(duì)比，還是覺(jué)得“方”字左下角那一畫(huà)，一筆下來(lái)更有力量感，有具設(shè)計(jì)感。“
2_ “長(zhǎng)”字保持上圖最終方案。
之前“長(zhǎng)”字右下角那一筆跟“方”字左下角那一筆嚴(yán)格對(duì)稱(chēng)呼應(yīng)傾斜度，從而忽略了長(zhǎng)字的整體協(xié)調(diào)性和穩(wěn)重感。做了調(diào)整之后協(xié)調(diào)穩(wěn)重多了，舒坦。
-
嘗試另外的版式
試一試另外的排版，探尋更多可能性～
-
手稿
-
新的版式 新的味道
1_ 在上面加了一些數(shù)字與線條的裝飾，更顯精致。
2_ 由于版式的不同，“日”字本身字體的寬度受限，考慮到拉寬會(huì)改變字義（寬則為“子曰”的“曰”）。因此，把“日”字左對(duì)齊上面的“來(lái)”字，將中間的橫筆破型出頭到右邊，正好填補(bǔ)了該處的空白，更與每個(gè)字的最長(zhǎng)橫筆呼應(yīng)。
-
做字全流程GIF圖
-
包裝
-
第3款
-
-
設(shè)計(jì)這款字體時(shí)，我并沒(méi)有繪制手稿。
而是找到了優(yōu)秀的字體設(shè)計(jì)作品作為參考，這個(gè)參考的字體內(nèi)容并沒(méi)有出現(xiàn)“放肆喜歡”中任何一個(gè)字。
只要能get到字體設(shè)計(jì)的核心特征，皆可借鑒。
-
字庫(kù)字體結(jié)構(gòu)參考
老樣子，電腦執(zhí)行打一行字庫(kù)字體（一般用常規(guī)黑體）作為字體結(jié)構(gòu)參考。
-
分析參考設(shè)計(jì)筆形特征
分析到位了，看透所找參考的字體設(shè)計(jì)作品的主要特點(diǎn)，或者說(shuō)風(fēng)格，將非常有利接下來(lái)的造字執(zhí)行～
-
雛形
1_ 在整體上，四字之間的視覺(jué)重量不一致。
2_ 在細(xì)節(jié)上，很多細(xì)節(jié)的處理并不到位，顯粗糙。
-
初稿
1_ 比前面雛形好了很多，但重量依然不一致。
理由是兩邊的字筆畫(huà)少，中間的字筆畫(huà)多。
怎么解決呢？這是個(gè)難題。
2_ 還有一個(gè)問(wèn)題就是：“放”字和“歡”字右邊上面那一“撇”屬于這款字的顯著性的特征，中間的“肆”字和“喜”字卻沒(méi)有體現(xiàn)。
-
調(diào)整
“放”“肆”“歡”字在風(fēng)格上和視覺(jué)重量上都達(dá)到標(biāo)準(zhǔn)至上，唯獨(dú)“喜”字差點(diǎn)意思。
繼續(xù)打磨吧。
“喜”字是特別難做都一個(gè)字，誰(shuí)做誰(shuí)知道。
-
集中發(fā)力 設(shè)計(jì)“喜”字
嘗試更多可能性吧，人都會(huì)有惰性，遇到難搞的字會(huì)心生厭煩，不過(guò)熬過(guò)去就好了～
-
多嘗試 總有驚喜在等你
嘗試了好幾款不同的“喜”字，最終找到了最滿意的結(jié)果。
坦白說(shuō)當(dāng)時(shí)嘗試到最后這個(gè)“喜”字的時(shí)候，心里還是挺愉悅的。
-
最終稿
最終呈現(xiàn)可以說(shuō)在標(biāo)準(zhǔn)線以上。
1_ 在字體風(fēng)格方面，特征統(tǒng)一。
2_ 在字體視覺(jué)重量方面，基本一致。
-
特別講一下這個(gè)“喜”字
“喜”字筆畫(huà)多，因此在兼顧識(shí)別性與美觀度的前提下，如何調(diào)成得風(fēng)格一致和重量一致呢？
1_ 最上面那一橫筆做斷筆處理，避免筆畫(huà)多而造成的“密不透風(fēng)”。
2_ 中宮也外擴(kuò)，既“士”部分最下面那橫筆、兩個(gè)“口”部分的寬度都處在一個(gè)合適的占比，因此在視覺(jué)重量上與其他三字是一致的。
3_ 最難的點(diǎn)來(lái)了，這個(gè)字橫筆太多，共有7條橫筆，懸殊于其他字。怎么解決呢？把兩個(gè)“口”部分的下面一橫去掉（并沒(méi)有影響識(shí)別性，可以做），然后兩口之間那部分（喜）兩點(diǎn)一橫合并成一筆，中間直兩邊翹起，翹起部分剛好有那兩點(diǎn)的特征，因此整體識(shí)別性也夠。
這個(gè)“喜”字，用了斷筆、連筆、共用的手法，但呈現(xiàn)出來(lái)的效果是簡(jiǎn)潔的，跟其他字舒適共存的，這就夠了。
做字不刻意，不炫技，技法手法都是為了達(dá)到合理結(jié)果所用的手段，點(diǎn)到為止即可。
-
傾斜處理版本
水平傾斜10度，垂直傾斜-7度，就有下面這種效果了。
-
做字全流程GIF圖
-
包裝
-
第4款
-
-
我很喜歡這個(gè)主題，竇唯有一首歌就叫《高級(jí)動(dòng)物》。
-
這是一款純粹且凌厲的字，尤其是大刀闊斧的字胚之上加了一些尖角，點(diǎn)到為止。帶刺的感覺(jué)總能讓我想到動(dòng)物們的爪子，和抓痕。
-
我做字，很克制，不喜炫技，拒絕多余的素材。就好比陳丹青所言，書(shū)的封面干干凈凈最有書(shū)的樣子，最像是書(shū)。
書(shū)如此，字亦如此。
-
但我玩心也大，遇見(jiàn)特別的風(fēng)格也已喜嘗試……
克制與放肆同行，一切看心情，
矛盾著前進(jìn)著！
-
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
-
初稿
-
整體優(yōu)化
1_ “高”字和“級(jí)”字各一處筆畫(huà)做斷筆處理。
2_ “動(dòng)”字右下角做減法。
3_ “物”字左右部分寬度調(diào)節(jié)，左加寬了一些；三筆斜筆角度趨平調(diào)節(jié)。
4_ 整體排版緊湊調(diào)整。
5_ 整體字體筆畫(huà)按視覺(jué)重量一致原則做了統(tǒng)一調(diào)節(jié)。
6_ 增加字母點(diǎn)綴，字體為“Din”。
-
增強(qiáng)字體個(gè)性化特征
1_ 在每個(gè)字右上角添加尖角細(xì)節(jié)，讓字體更顯鋒利。
2_ 在每個(gè)字最右邊豎筆下端左側(cè)添加尖角細(xì)節(jié)，宛如動(dòng)物利爪。
-
傾斜處理更有動(dòng)勢(shì)
水平傾斜10度，讓字體更具動(dòng)感。
-
做字全流程GIF圖
-
包裝
-
第4款 | 第二方案
-
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
-
雛形
1_ 在AI用鋼筆工具用要么豎要么橫的直線勾勒出字體的大致型態(tài)
2_ “高”字的橫筆有6筆，與其他字相比過(guò)多，因此把兩個(gè)“口”字部分各去掉一橫，豎筆雙雙相連?？雌饋?lái)更簡(jiǎn)約，也更具備設(shè)計(jì)感了，這是驚喜。而且視覺(jué)重量也更有其它三字更一致了。（兩“口”部分雖都缺了一筆，但它們共用之間一橫筆，在視覺(jué)上它們就像從有距離的兩個(gè)方形變成零距離的兩個(gè)方形，因此識(shí)別性并沒(méi)有被削弱）
-
筆畫(huà)圓化軟化+添加字母點(diǎn)綴
-
優(yōu)化
1_ 將字體“線"轉(zhuǎn)為“面”，也就是AI軟件里將字體的線條路徑“輪廓化描邊”成為面狀圖形，然后合并。接著針對(duì)筆畫(huà)相交處做“溢墨”效果（前面字體有詳細(xì)講解了這個(gè)概念），也就是在軟件里針對(duì)交匯處的節(jié)點(diǎn)選中然后做“倒圓角”處理。
2_ 修改點(diǎn)綴字母的字體，由"Din"的字庫(kù)字體改成了“Rubrik”，風(fēng)格上更加匹配了，理由是，“Rubrik”這款字庫(kù)字體的風(fēng)格也是外形屬于圓弧狀，筆端為圓頭，跟我設(shè)計(jì)的中文字體風(fēng)格一致。
留心的朋友應(yīng)該察覺(jué)到了，設(shè)計(jì)的“高級(jí)動(dòng)物”的兩款不同風(fēng)格的中文字體，與之匹配的字母字體也是不同的。
-
最終稿
-
輕微包裝
-
做字全流程GIF圖
-
動(dòng)效包裝
閃爍抖動(dòng)的效果讓字體更鮮活更有生命力。你是否也會(huì)有這種感覺(jué)呢？
-
第5款
-
-
繪制手稿
-
字庫(kù)字體結(jié)構(gòu)參考
-
限定字體外框區(qū)域+網(wǎng)格參考線
+鋼筆工具按手稿勾勒出基礎(chǔ)結(jié)構(gòu)線條
這類(lèi)風(fēng)格字體調(diào)節(jié)起來(lái)會(huì)相對(duì)比較麻煩，限定字體的外框區(qū)域，有利于節(jié)約不必要的試錯(cuò)成本。
-
字體基礎(chǔ)結(jié)構(gòu)線條
-
設(shè)置字體筆畫(huà)樣式
1_ 調(diào)節(jié)好字體筆畫(huà)線條的粗細(xì)。
2_ 調(diào)節(jié)線條纏繞的走向與前后關(guān)系，只要營(yíng)造繩索纏繞的感覺(jué)即可。
-
優(yōu)化_最終稿
1_ 在字體筆畫(huà)上添加一些小細(xì)節(jié)，尤其是轉(zhuǎn)折出，有點(diǎn)像是小高光，多了一些質(zhì)感。
2_ 添加字母裝飾。
3_ 字體中英文復(fù)制粘貼在底部，并放大，降低不透明度，效果蠻有意思的，有點(diǎn)像字體裝于透明塑料袋里面。（題外話：想象力，或者天馬行空的怪異想法，對(duì)設(shè)計(jì)也蠻有好處的）
-
嘗試不同配色
-
做字全流程GIF圖
-
包裝
-
由于文章篇幅過(guò)長(zhǎng)，固一分為二
若干時(shí)間后再發(fā)下篇，后會(huì)有期
-
覺(jué)得不錯(cuò)的點(diǎn)個(gè)“推薦”支持一下唄
你的支持是我寫(xiě)下去的動(dòng)力
