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

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

字體是最基礎的設計元素,也是設計中必不可少的表達工具。在恰當的環境下使用合適的字體,可以讓設計更生動嚴謹。

在視覺設計工作中,幾乎每項任務都會使用到字體。字體是最基礎的設計元素,也是設計中必不可少的表達工具。在恰當的環境下使用合適的字體,可以讓設計更生動嚴謹。在運營活動、海報、書籍、包裝等諸多媒介中,文字部分作為信息傳達的重要工具,除了要準確傳達信息的基礎功能,還需要賦予其美觀的形態,使其視覺傳達更為強烈與豐富,更能引起用戶的注意。字體設計不同於字體庫字體,它是經過藝術性加工和升華的字體,對比字體庫千篇一律,個性不強的字體,字體設計展現的魅力更加獨特與誘人。

 

 

字體表現類型

那麼做為字體小白,如何從基礎開始有系統性的學習字體設計呢?下面將以中文字體做主要分析,根據喜聞樂見的字體設計案例,我們大致將字體表現類型分為五種:黑體字、宋體字、書法體字、三維體字、動態體字。
黑體字
黑體字也叫等線體,又稱「方體」,屬於無襯線字。字架吸收了宋體字結構的優點,去掉了襯線裝飾,整體簡潔大方,有時尚感和現代感。黑體字可以說是百搭字體,可塑性很強,可以表現商業的嚴謹氣質,也可以表現青春激情和動感,纖細的黑體還能體現女性氣質。 

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

 

 

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

 

 

 
 
右圖為眾安保險微信公眾號「萬人畫藍天」活動頁書法字體設計常規的書法字體體設計實現有兩種方法:第一種為字體庫書法體:根據字體庫里的書法字體,組合毛筆筆觸,實現字形的再加工。第二種為手寫書法字體:
a. 用毛筆等工具書寫,然後掃描到電腦里進行再加工,無聊閑暇的時候可以用其他書寫工具尋找筆觸感覺,比如馬克筆、白描筆、鋼筆等,除了在紙張上書寫,還可以嘗試在餐巾紙、玻璃等非常規書寫媒介上探索有意思的筆觸。
b. 用手繪筆在電腦上直接寫,先書其形,再填充加工(這裡又有筆觸雜邊與平滑之分,想要比較類似毛筆筆觸的雜邊可用手繪筆與素材配合。) 

 

 

 
 
△ 毛筆字書寫實現案例其他的書寫做字工具

 

 

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

 

 

 
 
上圖為眾安1221獻保節立體字設計
動態體字
靜態字體有自身表現的局限性,如果增加動效可以增強感官感受,也能將字義表現的更到位,使人印象深刻。

 

 

 
 

 

 

上圖為何廷安的動態字體作品 資料來源

 
 

字體基礎改造方法

介紹了五種字體表現類型,想必大家已經躍躍欲試了。現在我們了解下漢字的基礎改造方法。
漢字是方塊字,為了達到視覺上的感官平衡,在字形空間上是有一些基礎規律可循的,簡單粗暴的總結為三種結構表現方式:上緊下松、橫細豎粗、左窄右寬。具體推導在此不做贅述,但需要了解的是字體重心。
漢字的重心和我們理解的幾何重心是不同的。字體重心是一個字最吸引視線的重心,也稱為視覺重心。簡單來說,視覺中心在幾何中心偏左上方一點的位置。比如在米字格中,對角線的交叉點就是幾何中心,而交叉點左上方一點的位置才是視覺中心。 

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

 

 

 
 
黑體字與宋體字是所有漢字字形的基礎,它們有嚴謹的字體結構,所以練習字體設計,均從黑體字與宋體字開始。有兩種基礎的實現方法:矩形造字法和路徑造字法矩形造字法: 在AI里畫好矩形,根據字體的基本字形,一筆一筆的拼湊,簡單易行。路徑造字法: 在AI里用鋼筆畫好路徑,確定好字形后,描邊。 

 

 

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

 

 

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

 

 

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

 

 

 
 
筆畫有快手的組合形式,比如筆畫太多太複雜,為了簡單粗暴的表述,我們先以橫線來做示範。男性字除了可以把筆畫變粗,還可以這樣:

 

 

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

 

 

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

 

 

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

 

 

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

 

 

 
 
上圖為眾安3周年慶與春運活動的運營頁面字體設計
5. 符號拼接法拆解出外文或標點符號獨特的筆畫裝飾,按照漢字的字形結構去組合。一般使用比較多的是哥特字體、藏文、中世紀的手寫卷花體等。最近看到一種嘗試方式是拆解宋體字筆畫結構,搭配幾何圖形進行新的字型重組,有解構主義的韻味。

 

 

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

 

 

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

 

 

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

 

 

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

 

 

總結

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

  • 不加修飾
  • 簡約
  • 純粹
  • 耐看
  • 結構端正
  • 經得起推敲
  • 字型帶有美感與張力
本文地址: http://www.uisdc.com/8-method-design-fonts
 

【想讓你的網站其他人優秀嗎?這些設計趨勢一個都不要錯過!】

1.9種讓你的網頁很專業
2.預測2018網頁設計趨勢
3.2018年手機應用UI設計趨勢
4.這3個設計趨勢是網頁設計師的最愛

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。