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

前言

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

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


字體表現(xiàn)類型

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



黑體字



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







上圖為眾安微信公眾號(hào)“馬上飛”的活動(dòng)頁面等線體字設(shè)計(jì)



宋體字



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







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



書法體字



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





右圖為眾安保險(xiǎn)微信公眾號(hào)“萬人畫藍(lán)天”活動(dòng)頁書法字體設(shè)計(jì)



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



第一種為字體庫(kù)書法體：



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



第二種為手寫書法字體：



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



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







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



其他的書寫做字工具







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



三維體字





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







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



動(dòng)態(tài)體字



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









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



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



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



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







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







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



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



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



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







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







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



1. 筆畫代替法



在原有字體基礎(chǔ)上，刪減某一處或多出筆畫之后，再用其他形式進(jìn)行代替，可以用其他字體筆畫做銜接，也可以用圖形圖像的添加，方式很靈活。或者采用具有象征性的視覺圖形符號(hào)，喚起人們對(duì)某一個(gè)抽象意義、觀念或情緒的記憶。能正確傳達(dá)與理解象征的意義，表達(dá)出字體的含義與氣質(zhì)。







2. 細(xì)節(jié)添加法



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







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



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







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







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







3. 筆畫刪減法 



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







4. 效果添加法



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







上圖為眾安3周年慶與春運(yùn)活動(dòng)的運(yùn)營(yíng)頁面字體設(shè)計(jì)



5. 符號(hào)拼接法



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







6. 氛圍裝飾法



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







7. 色彩質(zhì)感法



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







8. 空間層次法



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







上圖為眾安“馬上飛”公眾號(hào)的霧霾出行送口罩活動(dòng)的字體設(shè)計(jì)。







總結(jié)



筆者認(rèn)為，可以稱之為「高級(jí)感」的字體帶有如下特征：



不加修飾

簡(jiǎn)約

純粹

耐看

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

經(jīng)得起推敲

字型帶有美感與張力



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

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