2017-4-18 用心設計
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里
前言
在視覺設計工作中,幾乎每項任務都會使用到字體。
字體是最基礎的設計元素,也是設計中必不可少的表達工具。在恰當?shù)沫h(huán)境下使用合適的字體,可以讓設計更生動嚴謹。在運營活動、海報、書籍、包裝等諸多媒介中,文字部分作為信息傳達的重要工具,除了要準確傳達信息的基礎功能,還需要賦予其美觀的形態(tài),使其視覺傳達更為強烈與豐富,更能引起用戶的注意。
字體設計不同于字體庫字體,它是經(jīng)過藝術性加工和升華的字體,對比字體庫千篇一律,個性不強的字體,字體設計展現(xiàn)的魅力更加獨特與誘人。
字體表現(xiàn)類型
那么做為字體小白,如何從基礎開始有系統(tǒng)性的學習字體設計呢?下面將以中文字體做主要分析,根據(jù)喜聞樂見的字體設計案例,我們大致將字體表現(xiàn)類型分為五種:黑體字、宋體字、書法體字、三維體字、動態(tài)體字。
黑體字
黑體字也叫等線體,又稱“方體”,屬于無襯線字。字架吸收了宋體字結(jié)構(gòu)的優(yōu)點,去掉了襯線裝飾,整體簡潔大方,有時尚感和現(xiàn)代感。黑體字可以說是百搭字體,可塑性很強,可以表現(xiàn)商業(yè)的嚴謹氣質(zhì),也可以表現(xiàn)青春激情和動感,纖細的黑體還能體現(xiàn)女性氣質(zhì)。
上圖為眾安微信公眾號“馬上飛”的活動頁面等線體字設計
宋體字
宋體字是為印刷而生的,其筆畫有粗細變化,一般是橫細豎粗,筆畫末端有類似三角形的節(jié)點襯線裝飾。宋體屬于襯線體。宋體的裝飾性遠大于黑體,宋體字形在文化、藝術、生活、女性、美食、養(yǎng)生、時尚等領域所傳達出的氣質(zhì)要比黑體字形準確。
上圖為眾安天貓旗艦店新年活動頁面宋體字設計
書法體字
中國書法字講究行氣,指書法作品中字與字、行與行之間的呼應關系。一般要求筆斷意連,連綴成行,積行成篇,在文字的上下、左右、首尾的書寫中,既有變化,又能和諧,如清代宋曹《書法約言》中稱:“勿往復收,乍斷復連,承上生下,戀子顧母。”書法字自身孕育的大氣恢弘之勢,可以承載出無限的設計能量。在字體設計中,書法體一般是用毛筆,為了字體氣質(zhì)豐富的表現(xiàn)力,可以嘗試用軟筆、馬克筆、秀麗筆、鋼筆、鉛筆等書寫工具。
右圖為眾安保險微信公眾號“萬人畫藍天”活動頁書法字體設計
常規(guī)的書法字體體設計實現(xiàn)有兩種方法:
第一種為字體庫書法體:
根據(jù)字體庫里的書法字體,組合毛筆筆觸,實現(xiàn)字形的再加工。
第二種為手寫書法字體:
a. 用毛筆等工具書寫,然后掃描到電腦里進行再加工,無聊閑暇的時候可以用其他書寫工具尋找筆觸感覺,比如馬克筆、白描筆、鋼筆等,除了在紙張上書寫,還可以嘗試在餐巾紙、玻璃等非常規(guī)書寫媒介上探索有意思的筆觸。
b. 用手繪筆在電腦上直接寫,先書其形,再填充加工(這里又有筆觸雜邊與平滑之分,想要比較類似毛筆筆觸的雜邊可用手繪筆與素材配合。)
毛筆字書寫實現(xiàn)案例
其他的書寫做字工具
上圖為眾安app開屏頁手寫字體設計
三維體字
三維體指有3D效果,立體感,空間性強的字體。常見是輔助60°、45°網(wǎng)格繪制,各個透視組建,按照基本字形組合搭建而成。橫平豎直的結(jié)構(gòu)比較容易實現(xiàn),撇、點、捺需要設計師豐富的創(chuàng)作能力去實現(xiàn)。或者將字型筆畫拆解,用立方體、圓柱體或其他幾何體取代常規(guī)筆畫,任意組合,可以創(chuàng)造出無盡的字體可能。當然也可以直接用如C4D等三維軟件,根據(jù)字型建模渲染,最終效果逼真動人,使字體設計魅力十足。
上圖為眾安1221獻保節(jié)立體字設計
動態(tài)體字
靜態(tài)字體有自身表現(xiàn)的局限性,如果增加動效可以增強感官感受,也能將字義表現(xiàn)的更到位,使人印象深刻。
字體基礎改造方法
介紹了五種字體表現(xiàn)類型,想必大家已經(jīng)躍躍欲試了。現(xiàn)在我們了解下漢字的基礎改造方法。
漢字是方塊字,為了達到視覺上的感官平衡,在字形空間上是有一些基礎規(guī)律可循的,簡單粗暴的總結(jié)為三種結(jié)構(gòu)表現(xiàn)方式:上緊下松、橫細豎粗、左窄右寬。具體推導在此不做贅述,但需要了解的是字體重心。
漢字的重心和我們理解的幾何重心是不同的。字體重心是一個字最吸引視線的重心,也稱為視覺重心。簡單來說,視覺中心在幾何中心偏左上方一點的位置。比如在米字格中,對角線的交叉點就是幾何中心,而交叉點左上方一點的位置才是視覺中心。
設計中為了達到字體的整體平衡,一個字中較重的部分要靠近字體重心,較輕的部分則要離重心稍遠些,這樣能使字達到視覺美感平衡。一般來說,一個字的主體部件和次要部件在布局上處理成黃金比例,那么這個字在視覺上就平衡了,看起來也會更加舒適美觀。
黑體字與宋體字是所有漢字字形的基礎,它們有嚴謹?shù)淖煮w結(jié)構(gòu),所以練習字體設計,均從黑體字與宋體字開始。
有兩種基礎的實現(xiàn)方法:矩形造字法和路徑造字法
矩形造字法:在AI里畫好矩形,根據(jù)字體的基本字形,一筆一筆的拼湊,簡單易行。
路徑造字法:在AI里用鋼筆畫好路徑,確定好字形后,描邊。
有了字形,我們還需要根據(jù)字義進行變形。由字義到字形的設計過程是一個由內(nèi)而外,由虛至實的思維過程,從核心字義出發(fā),從字體內(nèi)容出發(fā),才能有一個準確的設計起點,最終設計出內(nèi)外兼修的字體。
以下有8種簡單的方法,可以讓基礎字型成為內(nèi)外兼修的好字型。
1. 筆畫代替法
在原有字體基礎上,刪減某一處或多出筆畫之后,再用其他形式進行代替,可以用其他字體筆畫做銜接,也可以用圖形圖像的添加,方式很靈活。或者采用具有象征性的視覺圖形符號,喚起人們對某一個抽象意義、觀念或情緒的記憶。能正確傳達與理解象征的意義,表達出字體的含義與氣質(zhì)。
2. 細節(jié)添加法
根據(jù)字體主題進行針對性的設計修飾,常常是在橫豎撇捺的筆畫端點處進行錨點添加,或斷點處理。
筆畫有快手的組合形式,比如筆畫太多太復雜,為了簡單粗暴的表述,我們先以橫線來做示范。
男性字除了可以把筆畫變粗,還可以這樣:
女性字除了可以把筆畫變細,還可以這樣:
下圖為眾安三月八日女神節(jié)活動頁面設計的更纖細,更柔軟的女性化字體。
3. 筆畫刪減法
在保證字體識別度的前提下,對筆畫進行減法留白處理,因為人腦可以根據(jù)自己的視覺經(jīng)驗將隱藏或省略的部分在腦中自動補齊。這種方法處理的字型比較有東方繪畫的韻味,文藝氣質(zhì)濃厚。
4. 效果添加法
運用圓角、描邊、傾斜等系列工具對原字體筆畫進行顯著的外形變化。圓角工具可以把筆畫轉(zhuǎn)折處變直為曲,描邊工具可以使字體加粗或減細,傾斜工具可以加強字體的力度與動感。這種方法特別容易出效果,項目時間緊急的情況下,可以在字體庫里找到合適的字體,進行簡單的加工,就能實現(xiàn)還不錯的效果。
上圖為眾安3周年慶與春運活動的運營頁面字體設計
5. 符號拼接法
拆解出外文或標點符號獨特的筆畫裝飾,按照漢字的字形結(jié)構(gòu)去組合。一般使用比較多的是哥特字體、藏文、中世紀的手寫卷花體等。最近看到一種嘗試方式是拆解宋體字筆畫結(jié)構(gòu),搭配幾何圖形進行新的字型重組,有解構(gòu)主義的韻味。
6. 氛圍裝飾法
在設計好的基礎字型周圍添加放射線、波點等幾何形,或者花型,來烘托氣氛,對字體含義的表達起到輔助作用。
7. 色彩質(zhì)感法
通過豐富的色彩,光線陰影,質(zhì)感疊加,具象或抽象的圖案紋路讓字體變得生動活潑。
8. 空間層次法
透視、虛實(景深)、羽化模糊、視幻、點化群集、重疊遮擋、投影、正負反向等手法來塑造字體空間的豐富性。
上圖為眾安“馬上飛”公眾號的霧霾出行送口罩活動的字體設計。
總結(jié)
筆者認為,可以稱之為「高級感」的字體帶有如下特征:
不加修飾
簡約
純粹
耐看
結(jié)構(gòu)端正
經(jīng)得起推敲
字型帶有美感與張力
設計師需要進行大量的練習,才能真正領悟字體設計的精髓,根據(jù)需求游刃有余地將字體設計融入到平時的設計工作中。
藍藍設計( 91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務