當(dāng)前位置: 首頁(yè) > 設(shè)計(jì)資訊 > 理論文摘 > 正文

8種方法,教你玩轉(zhuǎn)字體設(shè)計(jì)72變

2017-11-27 2254 0

在視覺(jué)設(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)、書(shū)籍、包裝等諸多媒介中,文字部分作為信息傳達(dá)的重要工具,除了要準(zhǔn)確傳達(dá)信息的基礎(chǔ)功能,還需要賦予其美觀(guān)的形態(tài),使其視覺(jué)傳達(dá)更為強(qiáng)烈與豐富,更能引起用戶(hù)的注意。字體設(shè)計(jì)不同于字體庫(kù)字體,它是經(jīng)過(guò)藝術(shù)性加工和升華的字體,對(duì)比字體庫(kù)千篇一律,個(gè)性不強(qiáng)的字體,字體設(shè)計(jì)展現(xiàn)的魅力更加獨(dú)特與誘人。歡迎關(guān)注作者:眾安ZED原創(chuàng) ( 微信號(hào)zhongan_zed

在視覺(jué)設(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)、書(shū)籍、包裝等諸多媒介中,文字部分作為信息傳達(dá)的重要工具,除了要準(zhǔn)確傳達(dá)信息的基礎(chǔ)功能,還需要賦予其美觀(guān)的形態(tài),使其視覺(jué)傳達(dá)更為強(qiáng)烈與豐富,更能引起用戶(hù)的注意。

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

歡迎關(guān)注作者:眾安ZED原創(chuàng) ( 微信號(hào)zhongan_zed )

字體表現(xiàn)類(lèi)型

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

黑體字

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

黑體字海報(bào)設(shè)計(jì).jpeg

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

宋體字

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

宋體字設(shè)計(jì).jpeg

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

書(shū)法體字

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

書(shū)法字體設(shè)計(jì).jpeg

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

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

第一種為字體庫(kù)書(shū)法體:

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

第二種為手寫(xiě)書(shū)法字體:

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

b. 用手繪筆在電腦上直接寫(xiě),先書(shū)其形,再填充加工(這里又有筆觸雜邊與平滑之分,想要比較類(lèi)似毛筆筆觸的雜邊可用手繪筆與素材配合。)

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

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

其他的書(shū)寫(xiě)做字工具

手寫(xiě)字體設(shè)計(jì).jpeg

上圖為眾安app開(kāi)屏頁(yè)手寫(xiě)字體設(shè)計(jì)

三維體字

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

立體字海報(bào)設(shè)計(jì).jpeg

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

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

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

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

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

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

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

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

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

視覺(jué)中心點(diǎn).png

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

設(shè)計(jì)平衡的字體.png

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

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

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

路徑造字法:在AI里用鋼筆畫(huà)好路徑,確定好字形后,描邊。

造字法案例.jpeg

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

字體設(shè)計(jì)流程.png

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

1. 筆畫(huà)代替法

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

筆畫(huà)代替法設(shè)計(jì).jpeg

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

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

細(xì)節(jié)添加法設(shè)計(jì).jpeg

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

男性字除了可以把筆畫(huà)變粗,還可以這樣:

變形.png

女性字除了可以把筆畫(huà)變細(xì),還可以這樣:

變形1.png

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

眾安三月八日女神節(jié)活動(dòng)頁(yè)面設(shè)計(jì).jpeg

3. 筆畫(huà)刪減法 

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

筆畫(huà)刪減法設(shè)計(jì).jpeg

4. 效果添加法

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

效果添加法設(shè)計(jì).jpeg

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

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

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

符號(hào)拼接法設(shè)計(jì).jpeg

6. 氛圍裝飾法

在設(shè)計(jì)好的基礎(chǔ)字型周?chē)砑臃派渚€(xiàn)、波點(diǎn)等幾何形,或者花型,來(lái)烘托氣氛,對(duì)字體含義的表達(dá)起到輔助作用。

氛圍裝飾法設(shè)計(jì).jpeg

7. 色彩質(zhì)感法

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

色彩質(zhì)感法設(shè)計(jì).jpeg

8. 空間層次法

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

空間層次法設(shè)計(jì).jpeg

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

總結(jié)

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

不加修飾

簡(jiǎn)約

純粹

耐看

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

經(jīng)得起推敲

字型帶有美感與張力

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




20
評(píng)論區(qū)(0)
正在加載評(píng)論...