字言字語(yǔ)-如何從0到1設(shè)計(jì)一款字庫(kù)字體
簡(jiǎn)單6步教你如何從0到1設(shè)計(jì)一款字庫(kù)字體
文字、圖形、色彩是平面設(shè)計(jì)的三大元素,文字作為設(shè)計(jì)重要元素之一,承載著傳達(dá)信息的使命。在字體設(shè)計(jì)越來(lái)越被重視的今天,為了擺脫單調(diào),呈現(xiàn)更豐富視覺(jué)效果,市場(chǎng)上千篇一律的字體已經(jīng)不能滿足我們的需求。所以我們想要開(kāi)始探索文字的多樣性,開(kāi)拓更多新的可能性。
另外字體設(shè)計(jì)也可以給我們帶來(lái)影響力溢價(jià):
1.字體的統(tǒng)一有利于形成品牌統(tǒng)一感,提高品牌整體質(zhì)量
2.在形成字庫(kù),輸出字體設(shè)計(jì)規(guī)范后能夠節(jié)省設(shè)計(jì)的時(shí)間,提升設(shè)計(jì)效率
01-字體選擇
關(guān)于字體選擇可以根據(jù)業(yè)務(wù)需求抉擇,如果是自己練習(xí)也可以根據(jù)自己的喜好來(lái)決定
我選擇宋體的原因除了個(gè)人喜好之外,更多是因?yàn)樗误w本身氣質(zhì)優(yōu)雅端正,在日常工作中可以很好跟業(yè)務(wù)結(jié)合然后被廣泛使用。
02-提取字體特性
宋體的起源是為適應(yīng)印刷術(shù)而出現(xiàn)的一種漢字字體。筆畫有粗細(xì)變化,而且一般是橫細(xì)豎粗,末端有裝飾部分(即「字腳」或「襯線」),點(diǎn)、撇、捺、鉤等筆畫有尖端,屬于襯線字體(serif),常用于書籍、雜志、報(bào)紙印刷的正文排版。
然而在互聯(lián)網(wǎng)時(shí)代,字體在屏幕顯示的頻次遠(yuǎn)高于印刷,傳統(tǒng)的宋體細(xì)節(jié)過(guò)于精美,字體筆畫曲面過(guò)多,在屏幕大范圍顯示中會(huì)多多少少有些問(wèn)題。研究表明在屏幕顯示中,簡(jiǎn)潔清晰的筆畫會(huì)減少視覺(jué)疲勞更適合閱讀。

以黑體為例
上面兩個(gè)都是黑體,左邊那個(gè)是傳統(tǒng)黑體,右邊這個(gè)是現(xiàn)代黑體(蘋方字體)。傳統(tǒng)黑體不完全是橫平豎直,他會(huì)有一定的弧線,我們稱這個(gè)弧線為喇叭口。在數(shù)字印刷出現(xiàn)以前,那個(gè)時(shí)候還是活字印刷。活字印刷有一個(gè)問(wèn)題就是油墨會(huì)暈染,筆畫交接的地方比較粗,筆畫兩端比較細(xì),為了解決填白(平衡白空間)問(wèn)題,設(shè)計(jì)喇叭口,為了讓字體顯得更平衡。數(shù)字印刷時(shí)代到來(lái)之后,填白問(wèn)題沒(méi)有了,而且現(xiàn)在文字的載體很多都是屏幕,如手機(jī)電腦等,作為屏顯字體,曲線少第一可以少占用字庫(kù)空間,第二橫平豎直曲線鋸齒變少了看起來(lái)會(huì)更清晰,作為正文字體也更適合閱讀。
03-明確設(shè)計(jì)目標(biāo)
在對(duì)宋體和屏顯字體有了有了基本的了解后,心里大概明確了字體設(shè)計(jì)的目標(biāo)——做一款可以被多業(yè)務(wù)使用的適合屏幕顯示的宋體。
所以這款字體大致的方向應(yīng)該是在一款筆畫更簡(jiǎn)潔骨骼端正的宋體,中宮正,重心穩(wěn)。

最終產(chǎn)出的字體在筆畫上你去掉了很多細(xì)節(jié),只保留了宋體橫細(xì)豎粗的特征并且把這特性放大讓它更具宋體特色,然后保留襯線。

最終產(chǎn)出的字體在在筆畫的銜接上也更干凈,豎的筆畫完全直線處理,兩段的切角則是為了保留宋體的字角特征。轉(zhuǎn)角處的頓筆修飾過(guò)于繁瑣,則去除
04-調(diào)整細(xì)節(jié)
漢字講究的是穿插避讓,空間和諧
一款字體從0到1,并沒(méi)有想象中的那么簡(jiǎn)單,中間有無(wú)數(shù)次的細(xì)節(jié)調(diào)整,甚至相同的筆畫在不同的字上也會(huì)有略微的差異,其中耗費(fèi)的時(shí)間和精力,只有投入其中才有體會(huì)。
橫線的調(diào)整
在開(kāi)始的時(shí)候因?yàn)橐恍南胍獦O簡(jiǎn),想把所有的細(xì)節(jié)都去除,但是真正執(zhí)行的時(shí)候會(huì)發(fā)現(xiàn),太過(guò)于簡(jiǎn)單,會(huì)是去宋體的韻味,調(diào)整后的“橫”對(duì)右側(cè)的頓筆細(xì)節(jié)特征做保留并進(jìn)行優(yōu)化,讓它更有自己的個(gè)性。

同筆異形
因?yàn)闈h字的結(jié)構(gòu)比較豐富,有些字比結(jié)構(gòu)比較簡(jiǎn)單,有些字結(jié)構(gòu)比較復(fù)雜。漢字講究空間和諧和穿插避讓??匆幌峦瑯右粋€(gè)言字旁,識(shí)和誕就差很多。為什么呢,因?yàn)樽R(shí)字是左右結(jié)構(gòu)空間相對(duì)充裕,而誕字是左中右結(jié)構(gòu),言字旁就需要單獨(dú)做調(diào)整,為中右兩部分的控件做避讓。所以做字體其實(shí)每個(gè)都需要單獨(dú)推敲,做相應(yīng)調(diào)整。
05-筆畫輸出


在確定文字的最終風(fēng)格后,就可以先整理出常用的漢子筆畫和偏旁,這樣之后做別的字的時(shí)候會(huì)方便很多。
06-成型/應(yīng)用效果







































