實(shí)例解秘字體設計的八種超級技巧(轉載)
在視覺(jué)設計工作中，幾乎每項任務(wù)都會(huì )使用到字體。sVG中國設計在線(xiàn)
字體是最基礎的設計元素，也是設計中必不可少的表達工具。在恰當的環(huán)境下使用合適的字體，可以讓設計更生動(dòng)嚴謹。在運營(yíng)活動(dòng)、海報、書(shū)籍、包裝等諸多媒介中，文字部分作為信息傳達的重要工具，除了要準確傳達信息的基礎功能，還需要賦予其美觀(guān)的形態(tài)，使其視覺(jué)傳達更為強烈與豐富，更能引起用戶(hù)的注意。sVG中國設計在線(xiàn)
字體設計不同于字體庫字體，它是經(jīng)過(guò)藝術(shù)性加工和升華的字體，對比字體庫千篇一律，個(gè)性不強的字體，字體設計展現的魅力更加獨特與誘人。sVG中國設計在線(xiàn)
歡迎關(guān)注作者：眾安ZED原創(chuàng ) （ 微信號zhongan_zed）sVG中國設計在線(xiàn)
字體表現類(lèi)型
那么做為字體小白，如何從基礎開(kāi)始有系統性的學(xué)習字體設計呢？下面將以中文字體做主要分析，根據喜聞樂(lè )見(jiàn)的字體設計案例，我們大致將字體表現類(lèi)型分為五種：黑體字、宋體字、書(shū)法體字、三維體字、動(dòng)態(tài)體字。sVG中國設計在線(xiàn)
黑體字sVG中國設計在線(xiàn)
黑體字也叫等線(xiàn)體，又稱(chēng)“方體”，屬于無(wú)襯線(xiàn)字。字架吸收了宋體字結構的優(yōu)點(diǎn)，去掉了襯線(xiàn)裝飾，整體簡(jiǎn)潔大方，有時(shí)尚感和現代感。黑體字可以說(shuō)是百搭字體，可塑性很強，可以表現商業(yè)的嚴謹氣質(zhì)，也可以表現青春激情和動(dòng)感，纖細的黑體還能體現女性氣質(zhì)。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安微信公眾號“馬上飛”的活動(dòng)頁(yè)面等線(xiàn)體字設計sVG中國設計在線(xiàn)
宋體字sVG中國設計在線(xiàn)
宋體字是為印刷而生的，其筆畫(huà)有粗細變化，一般是橫細豎粗，筆畫(huà)末端有類(lèi)似三角形的節點(diǎn)襯線(xiàn)裝飾。宋體屬于襯線(xiàn)體。宋體的裝飾性遠大于黑體，宋體字形在文化、藝術(shù)、生活、女性、美食、養生、時(shí)尚等領(lǐng)域所傳達出的氣質(zhì)要比黑體字形準確。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安天貓旗艦店新年活動(dòng)頁(yè)面宋體字設計sVG中國設計在線(xiàn)
書(shū)法體字sVG中國設計在線(xiàn)
中國書(shū)法字講究行氣，指書(shū)法作品中字與字、行與行之間的呼應關(guān)系。一般要求筆斷意連，連綴成行，積行成篇，在文字的上下、左右、首尾的書(shū)寫(xiě)中，既有變化，又能和諧，如清代宋曹《書(shū)法約言》中稱(chēng)：“勿往復收，乍斷復連，承上生下，戀子顧母?！睍?shū)法字自身孕育的大氣恢弘之勢，可以承載出無(wú)限的設計能量。在字體設計中，書(shū)法體一般是用毛筆，為了字體氣質(zhì)豐富的表現力，可以嘗試用軟筆、馬克筆、秀麗筆、鋼筆、鉛筆等書(shū)寫(xiě)工具。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
右圖為眾安保險微信公眾號“萬(wàn)人畫(huà)藍天”活動(dòng)頁(yè)書(shū)法字體設計sVG中國設計在線(xiàn)
常規的書(shū)法字體體設計實(shí)現有兩種方法：sVG中國設計在線(xiàn)
第一種為字體庫書(shū)法體：sVG中國設計在線(xiàn)
根據字體庫里的書(shū)法字體，組合毛筆筆觸，實(shí)現字形的再加工。sVG中國設計在線(xiàn)
第二種為手寫(xiě)書(shū)法字體：sVG中國設計在線(xiàn)
a. 用毛筆等工具書(shū)寫(xiě)，然后掃描到電腦里進(jìn)行再加工，無(wú)聊閑暇的時(shí)候可以用其他書(shū)寫(xiě)工具尋找筆觸感覺(jué)，比如馬克筆、白描筆、鋼筆等，除了在紙張上書(shū)寫(xiě)，還可以嘗試在餐巾紙、玻璃等非常規書(shū)寫(xiě)媒介上探索有意思的筆觸。sVG中國設計在線(xiàn)
b. 用手繪筆在電腦上直接寫(xiě)，先書(shū)其形，再填充加工（這里又有筆觸雜邊與平滑之分，想要比較類(lèi)似毛筆筆觸的雜邊可用手繪筆與素材配合。）sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
△ 毛筆字書(shū)寫(xiě)實(shí)現案例sVG中國設計在線(xiàn)
其他的書(shū)寫(xiě)做字工具sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安app開(kāi)屏頁(yè)手寫(xiě)字體設計sVG中國設計在線(xiàn)
三維體字sVG中國設計在線(xiàn)
三維體指有3D效果，立體感，空間性強的字體。常見(jiàn)是輔助60°、45°網(wǎng)格繪制，各個(gè)透視組建，按照基本字形組合搭建而成。橫平豎直的結構比較容易實(shí)現，撇、點(diǎn)、捺需要設計師豐富的創(chuàng )作能力去實(shí)現?；蛘邔⒆中凸P畫(huà)拆解，用立方體、圓柱體或其他幾何體取代常規筆畫(huà)，任意組合，可以創(chuàng )造出無(wú)盡的字體可能。當然也可以直接用如C4D等三維軟件，根據字型建模渲染，最終效果逼真動(dòng)人，使字體設計魅力十足。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安1221獻保節立體字設計sVG中國設計在線(xiàn)
動(dòng)態(tài)體字sVG中國設計在線(xiàn)
靜態(tài)字體有自身表現的局限性，如果增加動(dòng)效可以增強感官感受，也能將字義表現的更到位，使人印象深刻。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
字體基礎改造方法
介紹了五種字體表現類(lèi)型，想必大家已經(jīng)躍躍欲試了?，F在我們了解下漢字的基礎改造方法。sVG中國設計在線(xiàn)
漢字是方塊字，為了達到視覺(jué)上的感官平衡，在字形空間上是有一些基礎規律可循的，簡(jiǎn)單粗暴的總結為三種結構表現方式：上緊下松、橫細豎粗、左窄右寬。具體推導在此不做贅述，但需要了解的是字體重心。sVG中國設計在線(xiàn)
漢字的重心和我們理解的幾何重心是不同的。字體重心是一個(gè)字最吸引視線(xiàn)的重心，也稱(chēng)為視覺(jué)重心。簡(jiǎn)單來(lái)說(shuō)，視覺(jué)中心在幾何中心偏左上方一點(diǎn)的位置。比如在米字格中，對角線(xiàn)的交叉點(diǎn)就是幾何中心，而交叉點(diǎn)左上方一點(diǎn)的位置才是視覺(jué)中心。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
設計中為了達到字體的整體平衡，一個(gè)字中較重的部分要靠近字體重心，較輕的部分則要離重心稍遠些，這樣能使字達到視覺(jué)美感平衡。一般來(lái)說(shuō)，一個(gè)字的主體部件和次要部件在布局上處理成黃金比例，那么這個(gè)字在視覺(jué)上就平衡了，看起來(lái)也會(huì )更加舒適美觀(guān)。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
黑體字與宋體字是所有漢字字形的基礎，它們有嚴謹的字體結構，所以練習字體設計，均從黑體字與宋體字開(kāi)始。sVG中國設計在線(xiàn)
有兩種基礎的實(shí)現方法：矩形造字法和路徑造字法sVG中國設計在線(xiàn)
矩形造字法：在A(yíng)I里畫(huà)好矩形，根據字體的基本字形，一筆一筆的拼湊，簡(jiǎn)單易行。sVG中國設計在線(xiàn)
路徑造字法：在A(yíng)I里用鋼筆畫(huà)好路徑，確定好字形后，描邊。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
有了字形，我們還需要根據字義進(jìn)行變形。由字義到字形的設計過(guò)程是一個(gè)由內而外，由虛至實(shí)的思維過(guò)程，從核心字義出發(fā)，從字體內容出發(fā)，才能有一個(gè)準確的設計起點(diǎn)，最終設計出內外兼修的字體。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
以下有8種簡(jiǎn)單的方法，可以讓基礎字型成為內外兼修的好字型。sVG中國設計在線(xiàn)
1. 筆畫(huà)代替法sVG中國設計在線(xiàn)
在原有字體基礎上，刪減某一處或多出筆畫(huà)之后，再用其他形式進(jìn)行代替，可以用其他字體筆畫(huà)做銜接，也可以用圖形圖像的添加，方式很靈活?；蛘卟捎镁哂邢笳餍缘囊曈X(jué)圖形符號，喚起人們對某一個(gè)抽象意義、觀(guān)念或情緒的記憶。能正確傳達與理解象征的意義，表達出字體的含義與氣質(zhì)。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
2. 細節添加法sVG中國設計在線(xiàn)
根據字體主題進(jìn)行針對性的設計修飾，常常是在橫豎撇捺的筆畫(huà)端點(diǎn)處進(jìn)行錨點(diǎn)添加，或斷點(diǎn)處理。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
筆畫(huà)有快手的組合形式，比如筆畫(huà)太多太復雜，為了簡(jiǎn)單粗暴的表述，我們先以橫線(xiàn)來(lái)做示范。sVG中國設計在線(xiàn)
男性字除了可以把筆畫(huà)變粗，還可以這樣：sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
女性字除了可以把筆畫(huà)變細，還可以這樣：sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
下圖為眾安三月八日女神節活動(dòng)頁(yè)面設計的更纖細，更柔軟的女性化字體。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
3. 筆畫(huà)刪減法 sVG中國設計在線(xiàn)
在保證字體識別度的前提下，對筆畫(huà)進(jìn)行減法留白處理，因為人腦可以根據自己的視覺(jué)經(jīng)驗將隱藏或省略的部分在腦中自動(dòng)補齊。這種方法處理的字型比較有東方繪畫(huà)的韻味，文藝氣質(zhì)濃厚。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
4. 效果添加法sVG中國設計在線(xiàn)
運用圓角、描邊、傾斜等系列工具對原字體筆畫(huà)進(jìn)行顯著(zhù)的外形變化。圓角工具可以把筆畫(huà)轉折處變直為曲，描邊工具可以使字體加粗或減細，傾斜工具可以加強字體的力度與動(dòng)感。這種方法特別容易出效果，項目時(shí)間緊急的情況下，可以在字體庫里找到合適的字體，進(jìn)行簡(jiǎn)單的加工，就能實(shí)現還不錯的效果。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安3周年慶與春運活動(dòng)的運營(yíng)頁(yè)面字體設計sVG中國設計在線(xiàn)
5. 符號拼接法sVG中國設計在線(xiàn)
拆解出外文或標點(diǎn)符號獨特的筆畫(huà)裝飾，按照漢字的字形結構去組合。一般使用比較多的是哥特字體、藏文、中世紀的手寫(xiě)卷花體等。最近看到一種嘗試方式是拆解宋體字筆畫(huà)結構，搭配幾何圖形進(jìn)行新的字型重組，有解構主義的韻味。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
6. 氛圍裝飾法sVG中國設計在線(xiàn)
在設計好的基礎字型周?chē)砑臃派渚€(xiàn)、波點(diǎn)等幾何形，或者花型，來(lái)烘托氣氛，對字體含義的表達起到輔助作用。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
7. 色彩質(zhì)感法sVG中國設計在線(xiàn)
通過(guò)豐富的色彩，光線(xiàn)陰影，質(zhì)感疊加，具象或抽象的圖案紋路讓字體變得生動(dòng)活潑。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
8. 空間層次法sVG中國設計在線(xiàn)
透視、虛實(shí)（景深）、羽化模糊、視幻、點(diǎn)化群集、重疊遮擋、投影、正負反向等手法來(lái)塑造字體空間的豐富性。sVG中國設計在線(xiàn)
sVG中國設計在線(xiàn)
上圖為眾安“馬上飛”公眾號的霧霾出行送口罩活動(dòng)的字體設計sVG中國設計在線(xiàn)
總結
筆者認為，可以稱(chēng)之為「高級感」的字體帶有如下特征：sVG中國設計在線(xiàn)
?不加修飾sVG中國設計在線(xiàn)
?簡(jiǎn)約sVG中國設計在線(xiàn)
?純粹sVG中國設計在線(xiàn)
?耐看sVG中國設計在線(xiàn)
?結構端正sVG中國設計在線(xiàn)
?經(jīng)得起推敲sVG中國設計在線(xiàn)
?字型帶有美感與張力sVG中國設計在線(xiàn)
設計師需要進(jìn)行大量的練習，才能真正領(lǐng)悟字體設計的精髓，根據需求游刃有余地將字體設計融入到平時(shí)的設計工作中。
021yin.com/hangye/huodong/22508.html
