當前位置:
首頁 > 創意 > 【乾貨】8種方法,教你玩轉字體設計72變

【乾貨】8種方法,教你玩轉字體設計72變



本文由

眾安ZED(微信號:zhongan_zed

授權發布




前言


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

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


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




字體表現類型


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

黑體字、宋體字、書法體字、三維體字、動態體字。




黑體字


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



上圖為眾安微信公眾號「馬上飛」的活動頁面等線體字設計




宋體字


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



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




書法體字



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


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




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




第一種為字體庫書法體:


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




第二種為手寫書法字體:



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





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



毛筆字書寫實現案例




其他的書寫做字工具。



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




三維體字



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



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




動態體字



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








字體基礎改造方法


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





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




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





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





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




有兩種基礎的實現方法:矩形造字法和路徑造字法


矩形造字法:

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



路徑造字法:

在AI里用鋼筆畫好路徑,確定好字形後,描邊。




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




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




1. 筆畫代替法


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





2. 細節添加法


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



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




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




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




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





3. 筆畫刪減法


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




4. 效果添加法


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


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




5. 符號拼接法


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





6. 氛圍裝飾法


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




7. 色彩質感法


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





8. 空間層次法


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



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





總結



筆者認為,可以稱之為

「高級感」

的字體帶有如下特徵:




  • 不加修飾



  • 簡約



  • 純粹



  • 耐看



  • 結構端正



  • 經得起推敲



  • 字型帶有美感與張力


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




最後,分享一些不錯的字體學習書籍,與大家共同學習:


小林章:


《西洋字型,字型的背景和使用方法》(2005年)


《西洋字型2:常規字型和表現手法》(2008)


《字型不思議》(2011)


左佐:《設計師的基本修養》《治字百方》


杉浦康平:《亞洲的書籍文字與設計》


張光宇:《張光宇集-現代設計》


廖潔連:《中國字體設計人:一字一生》


李明君:《中國美術字史圖說》




本文部分圖例來自網路,版權歸原作者


如有侵權請聯繫原作者眾安zed


今天的文章,由

眾安ZED(微信號:zhongan_zed

提供




點擊下方「

閱讀原文

」查看

《學會這招,字體設計一定難不倒你!》


↓↓↓

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 普象工業設計小站 的精彩文章:

【手掌蛋糕】這位少女做的蛋糕震驚了整個吃貨界!
【時尚】有了它,再丑的衣服都能穿出高級感
【迷你】誰說名片一定是長條的?!
【都是愛】人妻竟然用這招拴住老公,你學會了嗎

TAG:普象工業設計小站 |

您可能感興趣

0基礎玩轉26個英文字母
3種方法玩轉「調色」技巧
看完這一篇,教你用100種方式玩轉絲巾
色彩進化論 OPPO R17玩轉漸變設計2.0
玩轉1680萬色背光 腹靈S198 RGB機械鍵盤
不足300元,讓你的老主板玩轉「神光同步」,安鈦克DP501體驗
榮耀V20秒變體感遊戲機—玩轉3D體感遊戲
色彩場景100張,教你玩轉考場!
【20190117美甲視頻】玩轉印章 輕鬆打造鉑金美甲
7個技巧玩轉變焦攝影
特步雙11玩轉互動營銷 3分鐘賣了8000雙鞋
有趣有益讀繪本:3種方法,帶孩子立體玩轉繪本
2019 電商獨立站出海怎麼玩轉流量?
2018流行上短下長!六大穿搭法則玩轉這個夏天!
《爐石傳說》:3200塵玩轉18套全金卡組,你願意嗎?
7天玩轉數模常用演算法
2018戛納節展指南|五分鐘,教你如何玩轉電影節
輕鬆玩轉D750、D810、D850、D5!相機操作、攝影理論、後期軟體一站學齊!
玩轉抖音網紅帶貨2000萬+,「種草模式「掏空用戶錢包
3-5㎡衛生間怎麼裝?30年設計師靠13張尺寸圖玩轉空間!