如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

前言

在視覺設(shè)計工作中，幾乎每項任務(wù)都會使用到字體。
字體是最基礎(chǔ)的設(shè)計元素，也是設(shè)計中必不可少的表達工具。在恰當(dāng)?shù)沫h(huán)境下使用合適的字體，可以讓設(shè)計更生動嚴謹。在運營活動、海報、書籍、包裝等諸多媒介中，文字部分作為信息傳達的重要工具，除了要準確傳達信息的基礎(chǔ)功能，還需要賦予其美觀的形態(tài)，使其視覺傳達更為強烈與豐富，更能引起用戶的注意。

字體設(shè)計不同于字體庫字體，它是經(jīng)過藝術(shù)性加工和升華的字體，對比字體庫千篇一律，個性不強的字體，字體設(shè)計展現(xiàn)的魅力更加獨特與誘人。


字體表現(xiàn)類型

那么做為字體小白，如何從基礎(chǔ)開始有系統(tǒng)性的學(xué)習(xí)字體設(shè)計呢？下面將以中文字體做主要分析，根據(jù)喜聞樂見的字體設(shè)計案例，我們大致將字體表現(xiàn)類型分為五種：黑體字、宋體字、書法體字、三維體字、動態(tài)體字。



黑體字



黑體字也叫等線體，又稱“方體”，屬于無襯線字。字架吸收了宋體字結(jié)構(gòu)的優(yōu)點，去掉了襯線裝飾，整體簡潔大方，有時尚感和現(xiàn)代感。黑體字可以說是百搭字體，可塑性很強，可以表現(xiàn)商業(yè)的嚴謹氣質(zhì)，也可以表現(xiàn)青春激情和動感，纖細的黑體還能體現(xiàn)女性氣質(zhì)。







上圖為眾安微信公眾號“馬上飛”的活動頁面等線體字設(shè)計



宋體字



宋體字是為印刷而生的，其筆畫有粗細變化，一般是橫細豎粗，筆畫末端有類似三角形的節(jié)點襯線裝飾。宋體屬于襯線體。宋體的裝飾性遠大于黑體，宋體字形在文化、藝術(shù)、生活、女性、美食、養(yǎng)生、時尚等領(lǐng)域所傳達出的氣質(zhì)要比黑體字形準確。







上圖為眾安天貓旗艦店新年活動頁面宋體字設(shè)計



書法體字



中國書法字講究行氣，指書法作品中字與字、行與行之間的呼應(yīng)關(guān)系。一般要求筆斷意連，連綴成行，積行成篇，在文字的上下、左右、首尾的書寫中，既有變化，又能和諧，如清代宋曹《書法約言》中稱：“勿往復(fù)收，乍斷復(fù)連，承上生下，戀子顧母。”書法字自身孕育的大氣恢弘之勢，可以承載出無限的設(shè)計能量。在字體設(shè)計中，書法體一般是用毛筆，為了字體氣質(zhì)豐富的表現(xiàn)力，可以嘗試用軟筆、馬克筆、秀麗筆、鋼筆、鉛筆等書寫工具。





右圖為眾安保險微信公眾號“萬人畫藍天”活動頁書法字體設(shè)計



常規(guī)的書法字體體設(shè)計實現(xiàn)有兩種方法：



第一種為字體庫書法體：



根據(jù)字體庫里的書法字體，組合毛筆筆觸，實現(xiàn)字形的再加工。



第二種為手寫書法字體：



a. 用毛筆等工具書寫，然后掃描到電腦里進行再加工，無聊閑暇的時候可以用其他書寫工具尋找筆觸感覺，比如馬克筆、白描筆、鋼筆等，除了在紙張上書寫，還可以嘗試在餐巾紙、玻璃等非常規(guī)書寫媒介上探索有意思的筆觸。



b. 用手繪筆在電腦上直接寫，先書其形，再填充加工（這里又有筆觸雜邊與平滑之分，想要比較類似毛筆筆觸的雜邊可用手繪筆與素材配合。）







毛筆字書寫實現(xiàn)案例



其他的書寫做字工具







上圖為眾安app開屏頁手寫字體設(shè)計



三維體字





三維體指有3D效果，立體感，空間性強的字體。常見是輔助60°、45°網(wǎng)格繪制，各個透視組建，按照基本字形組合搭建而成。橫平豎直的結(jié)構(gòu)比較容易實現(xiàn)，撇、點、捺需要設(shè)計師豐富的創(chuàng)作能力去實現(xiàn)。或者將字型筆畫拆解，用立方體、圓柱體或其他幾何體取代常規(guī)筆畫，任意組合，可以創(chuàng)造出無盡的字體可能。當(dāng)然也可以直接用如C4D等三維軟件，根據(jù)字型建模渲染，最終效果逼真動人，使字體設(shè)計魅力十足。







上圖為眾安1221獻保節(jié)立體字設(shè)計



動態(tài)體字



靜態(tài)字體有自身表現(xiàn)的局限性，如果增加動效可以增強感官感受，也能將字義表現(xiàn)的更到位，使人印象深刻。









字體基礎(chǔ)改造方法



介紹了五種字體表現(xiàn)類型，想必大家已經(jīng)躍躍欲試了。現(xiàn)在我們了解下漢字的基礎(chǔ)改造方法。



漢字是方塊字，為了達到視覺上的感官平衡，在字形空間上是有一些基礎(chǔ)規(guī)律可循的，簡單粗暴的總結(jié)為三種結(jié)構(gòu)表現(xiàn)方式：上緊下松、橫細豎粗、左窄右寬。具體推導(dǎo)在此不做贅述，但需要了解的是字體重心。



漢字的重心和我們理解的幾何重心是不同的。字體重心是一個字最吸引視線的重心，也稱為視覺重心。簡單來說，視覺中心在幾何中心偏左上方一點的位置。比如在米字格中，對角線的交叉點就是幾何中心，而交叉點左上方一點的位置才是視覺中心。







設(shè)計中為了達到字體的整體平衡，一個字中較重的部分要靠近字體重心，較輕的部分則要離重心稍遠些，這樣能使字達到視覺美感平衡。一般來說，一個字的主體部件和次要部件在布局上處理成黃金比例，那么這個字在視覺上就平衡了，看起來也會更加舒適美觀。







黑體字與宋體字是所有漢字字形的基礎(chǔ)，它們有嚴謹?shù)淖煮w結(jié)構(gòu)，所以練習(xí)字體設(shè)計，均從黑體字與宋體字開始。



有兩種基礎(chǔ)的實現(xiàn)方法：矩形造字法和路徑造字法



矩形造字法：在AI里畫好矩形，根據(jù)字體的基本字形，一筆一筆的拼湊，簡單易行。



路徑造字法：在AI里用鋼筆畫好路徑，確定好字形后，描邊。







有了字形，我們還需要根據(jù)字義進行變形。由字義到字形的設(shè)計過程是一個由內(nèi)而外，由虛至實的思維過程，從核心字義出發(fā)，從字體內(nèi)容出發(fā)，才能有一個準確的設(shè)計起點，最終設(shè)計出內(nèi)外兼修的字體。







以下有8種簡單的方法，可以讓基礎(chǔ)字型成為內(nèi)外兼修的好字型。



1. 筆畫代替法



在原有字體基礎(chǔ)上，刪減某一處或多出筆畫之后，再用其他形式進行代替，可以用其他字體筆畫做銜接，也可以用圖形圖像的添加，方式很靈活?；蛘卟捎镁哂邢笳餍缘囊曈X圖形符號，喚起人們對某一個抽象意義、觀念或情緒的記憶。能正確傳達與理解象征的意義，表達出字體的含義與氣質(zhì)。







2. 細節(jié)添加法



根據(jù)字體主題進行針對性的設(shè)計修飾，常常是在橫豎撇捺的筆畫端點處進行錨點添加，或斷點處理。







筆畫有快手的組合形式，比如筆畫太多太復(fù)雜，為了簡單粗暴的表述，我們先以橫線來做示范。



男性字除了可以把筆畫變粗，還可以這樣：







女性字除了可以把筆畫變細，還可以這樣：







下圖為眾安三月八日女神節(jié)活動頁面設(shè)計的更纖細，更柔軟的女性化字體。







3. 筆畫刪減法 



在保證字體識別度的前提下，對筆畫進行減法留白處理，因為人腦可以根據(jù)自己的視覺經(jīng)驗將隱藏或省略的部分在腦中自動補齊。這種方法處理的字型比較有東方繪畫的韻味，文藝氣質(zhì)濃厚。







4. 效果添加法



運用圓角、描邊、傾斜等系列工具對原字體筆畫進行顯著的外形變化。圓角工具可以把筆畫轉(zhuǎn)折處變直為曲，描邊工具可以使字體加粗或減細，傾斜工具可以加強字體的力度與動感。這種方法特別容易出效果，項目時間緊急的情況下，可以在字體庫里找到合適的字體，進行簡單的加工，就能實現(xiàn)還不錯的效果。







上圖為眾安3周年慶與春運活動的運營頁面字體設(shè)計



5. 符號拼接法



拆解出外文或標點符號獨特的筆畫裝飾，按照漢字的字形結(jié)構(gòu)去組合。一般使用比較多的是哥特字體、藏文、中世紀的手寫卷花體等。最近看到一種嘗試方式是拆解宋體字筆畫結(jié)構(gòu)，搭配幾何圖形進行新的字型重組，有解構(gòu)主義的韻味。







6. 氛圍裝飾法



在設(shè)計好的基礎(chǔ)字型周圍添加放射線、波點等幾何形，或者花型，來烘托氣氛，對字體含義的表達起到輔助作用。







7. 色彩質(zhì)感法



通過豐富的色彩，光線陰影，質(zhì)感疊加，具象或抽象的圖案紋路讓字體變得生動活潑。







8. 空間層次法



透視、虛實（景深）、羽化模糊、視幻、點化群集、重疊遮擋、投影、正負反向等手法來塑造字體空間的豐富性。







上圖為眾安“馬上飛”公眾號的霧霾出行送口罩活動的字體設(shè)計。







總結(jié)



筆者認為，可以稱之為「高級感」的字體帶有如下特征：



不加修飾

簡約

純粹

耐看

結(jié)構(gòu)端正

經(jīng)得起推敲

字型帶有美感與張力



設(shè)計師需要進行大量的練習(xí)，才能真正領(lǐng)悟字體設(shè)計的精髓，根據(jù)需求游刃有余地將字體設(shè)計融入到平時的設(shè)計工作中。

藍藍設(shè)計( www.bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)