8種方法,教你玩轉字體設計72變

前言

在視覺設計工作中,幾乎每項任務都會使用到字體。

字體是最基礎的設計元素,也是設計中必不可少的表達工具。在恰當的環境下使用合適的字體,可以讓設計更生動嚴謹。在運營活動、海報、書籍、包裝等諸多媒介中,文字部分作為信息傳達的重要工具,除了要準確傳達信息的基礎功能,還需要賦予其美觀的形態,使其視覺傳達更為強烈與豐富,更能引起用戶的注意。

字體設計不同於字體庫字體,它是經過藝術性加工和昇華的字體,對比字體庫千篇一律,個性不強的字體,字體設計展現的魅力更加獨特與誘人

字體表現類型

那麼做為字體小白,如何從基礎開始有系統性的學習字體設計呢?下面將以中文字體做主要分析,根據喜聞樂見的字體設計案例,我們大致將字體表現類型分為五種:黑體字、宋體字、書法體字、三維體字、動態體字。

黑體字

黑體字也叫等線體,又稱“方體”,屬於無襯線字。字架吸收了宋體字結構的優點,去掉了襯線裝飾,整體簡潔大方,有時尚感和現代感。黑體字可以說是百搭字體,可塑性很強,可以表現商業的嚴謹氣質,也可以表現青春激情和動感,纖細的黑體還能體現女性氣質。

8種方法,教你玩轉字體設計72變


宋體字

宋體字是為印刷而生的,其筆畫有粗細變化,一般是橫細豎粗,筆畫末端有類似三角形的節點襯線裝飾。宋體屬於襯線體。宋體的裝飾性遠大於黑體,宋體字形在文化、藝術、生活、女性、美食、養生、時尚等領域所傳達出的氣質要比黑體字形準確。

8種方法,教你玩轉字體設計72變


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

書法體字

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

8種方法,教你玩轉字體設計72變


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


常規的書法字體體設計實現有兩種方法:

第一種為字體庫書法體:

根據字體庫裡的書法字體,組合毛筆筆觸,實現字形的再加工。

第二種為手寫書法字體:

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

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

8種方法,教你玩轉字體設計72變


毛筆字書寫實現案例

其他的書寫做字工具

8種方法,教你玩轉字體設計72變


上圖為眾安app開屏頁手寫字體設計

三維體字

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

8種方法,教你玩轉字體設計72變


上圖為眾安1221獻保節立體字設計

動態體字

靜態字體有自身表現的侷限性,如果增加動效可以增強感官感受,也能將字義表現的更到位,使人印象深刻。

8種方法,教你玩轉字體設計72變


8種方法,教你玩轉字體設計72變


字體基礎改造方法

介紹了五種字體表現類型,想必大家已經躍躍欲試了。現在我們瞭解下漢字的基礎改造方法。

漢字是方塊字,為了達到視覺上的感官平衡,在字形空間上是有一些基礎規律可循的,簡單粗暴的總結為三種結構表現方式:上緊下松、橫細豎粗、左窄右寬。具體推導在此不做贅述,但需要了解的是

字體重心

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

8種方法,教你玩轉字體設計72變


設計中為了達到字體的整體平衡,一個字中較重的部分要靠近字體重心,較輕的部分則要離重心稍遠些,這樣能使字達到

視覺美感平衡。一般來說,一個字的主體部件和次要部件在佈局上處理成黃金比例,那麼這個字在視覺上就平衡了,看起來也會更加舒適美觀。

8種方法,教你玩轉字體設計72變


黑體字與宋體字是所有漢字字形的基礎,它們有嚴謹的字體結構,所以練習字體設計,均從黑體字與宋體字開始。

有兩種基礎的實現方法:

矩形造字法和路徑造字法

矩形造字法:在AI裡畫好矩形,根據字體的基本字形,一筆一筆的拼湊,簡單易行。

路徑造字法:在AI裡用鋼筆畫好路徑,確定好字形後,描邊。

8種方法,教你玩轉字體設計72變


有了字形,我們還需要根據字義進行變形。由字義到字形的設計過程是一個由內而外,由虛至實的

思維過程,從核心字義出發,從字體內容出發,才能有一個準確的設計起點,最終設計出內外兼修的字體。

8種方法,教你玩轉字體設計72變


以下有8種簡單的方法,可以讓基礎字型成為內外兼修的好字型。

1. 筆畫代替法

在原有字體基礎上,刪減某一處或多出筆畫之後,再用其他形式進行代替,可以用其他字體筆畫做銜接,也可以用圖形圖像的添加,方式很靈活。或者採用具有象徵性的視覺圖形符號,喚起人們對某一個抽象意義、觀念或情緒的記憶。能正確傳達與理解象徵的意義,表達出字體的含義與氣質。

8種方法,教你玩轉字體設計72變


2. 細節添加法

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

8種方法,教你玩轉字體設計72變


筆畫有快手的組合形式,比如筆畫太多太複雜,為了簡單粗暴的表述,我們先以橫線來做示範。

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

8種方法,教你玩轉字體設計72變


女性字除了可以把筆畫變細,還可以這樣:

8種方法,教你玩轉字體設計72變


下圖為眾安三月八日女神節活動頁面設計的更纖細,更柔軟的女性化字體。

8種方法,教你玩轉字體設計72變


3. 筆畫刪減法

在保證字體識別度的前提下,對筆畫進行減法留白處理,因為人腦可以根據自己的視覺經驗將隱藏或省略的部分在腦中

自動補齊。這種方法處理的字型比較有東方繪畫的韻味,文藝氣質濃厚。

8種方法,教你玩轉字體設計72變


4. 效果添加法

運用圓角、描邊、傾斜等系列工具對原字體筆畫進行顯著的外形變化。圓角工具可以把筆畫轉折處變直為曲,描邊工具可以使字體加粗或減細,傾斜工具可以加強字體的力度與動感。

這種方法特別容易出效果,項目時間緊急的情況下,可以在字體庫裡找到合適的字體,進行簡單的加工,就能實現還不錯的效果。

8種方法,教你玩轉字體設計72變


上圖為眾安3週年慶與春運活動的運營頁面字體設計

5. 符號拼接法

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

8種方法,教你玩轉字體設計72變


6. 氛圍裝飾法

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

8種方法,教你玩轉字體設計72變


7. 色彩質感法

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

8種方法,教你玩轉字體設計72變


8. 空間層次法

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

8種方法,教你玩轉字體設計72變


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


總結

筆者認為,可以稱之為「高級感」的字體帶有如下特徵:

  • 不加修飾
  • 簡約
  • 純粹
  • 耐看
  • 結構端正
  • 經得起推敲
  • 字型帶有美感與張力

設計師需要進行大量的練習,才能真正領悟字體設計的精髓,根據需求遊刃有餘地將字體設計融入到平時的設計工作中。


分享到:


相關文章: