上期我們主要闡述了字體的氣質(zhì)分類以及聯(lián)想方法,這期我們進(jìn)入純操作范疇,給大家介紹六大秘法助力你的字體設(shè)計。

有了思路我們?nèi)绾温涞爻尚湍兀磕蔷褪墙酉聛硪f的操作部分了。

操作:把想法落地的過程。

主要總結(jié)出六個方法。

這幾個概念都是我自己的認(rèn)知,如有不對請及時指出,多多包涵。了解的可以直接跳過。
- 字面:字的面積,簡單說是字的寬乘以高。
- 骨骼:字體形態(tài)的骨架。
- 外飾:字體筆畫的構(gòu)成方式。
- 中宮:字體的負(fù)形。
- 重心:字體的重力所在的中點。
這幾個點的比例直接影響了字體的氣質(zhì)、風(fēng)格、感覺。

骨骼造字法,先定了字體的構(gòu)架,再去修飾字形的外飾。優(yōu)勢在于在早期可以預(yù)見字體的大概風(fēng)格,避免后期的修改。

年貨節(jié)開機視頻的利益點文字:產(chǎn)品調(diào)性決定了必須用仿古中國風(fēng)去做,行書的飄逸、隸書的端莊,嘗試兩者結(jié)合做一款適合運營活動頁面的字面。

定制骨骼,字面比例、重心、中宮、筆畫走勢,添加筆鋒細(xì)節(jié),構(gòu)造字體特征。

骨骼定下來后,打印出來,在骨骼基礎(chǔ)上反復(fù)嘗試外飾。

確定外飾后在AI進(jìn)行勾勒調(diào)整。

填充顏色,打磨細(xì)節(jié)。

完善字庫。做描邊以及填色的對比,可以發(fā)現(xiàn)字體很多正負(fù)空間的缺陷,方便調(diào)整。

最終放到落地頁中的效果如圖。

這是在公司品牌應(yīng)用中經(jīng)常出現(xiàn)的場景——聯(lián)名logo。
VMIC部門下有若干分組,為了讓各組在品牌上統(tǒng)一,我們做了統(tǒng)一的英文字體。在新品牌出現(xiàn)時候復(fù)用這套字體即可,不用反復(fù)重新設(shè)計,節(jié)約設(shè)計成本。

根據(jù)已有的vivo、VMIC字體提煉他們的共性,字面偏扁,字形端莊穩(wěn)定,將這些提點融入到字體框架中。

調(diào)整筆劃粗細(xì),反復(fù)對比,尋找最合適字體的粗度。

調(diào)節(jié)好正負(fù)空間,按著英文的感覺,延伸出數(shù)字字形。

可以組合成單詞,斟酌下不同組合情況下字重的變化在進(jìn)行微調(diào)。

人生幾何:用幾何體(如圓、方、角)通過相交相切組成字體,方法比較簡單。如果想要字體出彩,應(yīng)花更多時間在思考結(jié)構(gòu)上面。一筆一劃,如何讓其不普通,如何讓其看起來不像已經(jīng)做過的,就需要反復(fù)的斟酌推敲了。

香港街道紀(jì)實拍攝,結(jié)合港式街拍的氛圍意境,采用復(fù)古美術(shù)字體。

- 幾何組成基本形態(tài),像撇、捺這種彎曲的筆畫可以先用曲線勾勒,然后再加粗描邊。
- 調(diào)整筆畫粗細(xì),讓其在感官上平衡。擴展并調(diào)節(jié)位置,反復(fù)斟酌。
- 大型出來了還是覺得過于普通,添加了兩個細(xì)節(jié)進(jìn)去。一筆斷意連,靈感來自于街頭涂鴉噴繪字,鏤空的感覺增加了輕松感。二是添加襯角,會讓字的復(fù)古意味更加濃重。最后面適當(dāng)小角度旋轉(zhuǎn)筆畫以及添加磨損效果,讓整體更具手工的笨拙感。

總感覺少點什么,用高飽和的顏色寫了一句手寫英文,打破了這篇沉悶,加上同樣粗狂的系統(tǒng)字體,穩(wěn)住下盤。

人類的本質(zhì)是復(fù)讀機,重復(fù)是最好的老師。

印章楊不過(選自33天33隻楊不過)。整體字形為正方形,少一個字在最后的空格加入了序號以及日期。

截取四分之一圓來做,剛好三個筆畫。一弧、一橫、一豎。

- 三個筆劃通過放大縮小,構(gòu)成字基礎(chǔ)型。
- 添加描邊調(diào)節(jié)粗細(xì)。空間大的地方粗,填滿空間,空間小的地方細(xì),避免擁擠。
- 擴展拼合,注意筆畫之間的銜接,避免不齊整;刪除多余結(jié)點,使筆畫更平滑。

控制正負(fù)形空間,事成。

胖胖楊不過(選自33天33隻楊不過)。筆畫豐滿圓潤,有前后疊加的關(guān)系。草圖階段把前后結(jié)構(gòu)做清晰,執(zhí)行階段事半功倍。

- 可以先用矩形替代把筆畫鋪出來。
- 調(diào)整位置角度,感覺合適直接拉滿圓角,這個方法是不是還算便捷?

填滿底色,理出穿插關(guān)系,讓字體更耐看,但是前提只有一個,辨識度。這個方法很簡單,所以多花點心思在他的穿插關(guān)系,讓他變得跟別人有點點不一樣。

方塊楊不過(選自33天33隻楊不過)。通過矩形組成的字體,調(diào)整矩形錨點做撇捺筆畫。超簡單!

- 除了帶傾斜的筆畫,如撇、捺、點,其他直接矩形組成。組合好后邊角處再加點細(xì)節(jié),賦予速度感。
- 拼合填色,調(diào)節(jié)負(fù)空間。透氣性很重要,孰能走馬密不透風(fēng)。
- 偏移路徑,再添加一些速度線細(xì)節(jié),讓字體更加有層次感同時整個型會更收攏一些沒那么破碎。

加傾斜彌補速度感確實,再點綴點小細(xì)節(jié)即可。

騰蛟起鳳(選自滕王閣序字體設(shè)計)。先鋼筆勾勒成型,接著再用幾何相交相切把筆畫規(guī)整。這種方法比較耗時,字體設(shè)計到某個階段時候可以嘗試,進(jìn)一步了解幾何相切的意義。

成品效果似乎沒有想象中的好。

提案時保留過程展示可以讓字體更規(guī)整、更專業(yè)。

關(guān)于這種方法我目前也沒有很好的整理歸納,希望下次能夠有幸讓大家看到新的分享。

迷人曲線:曲線大家都很熟悉,特點筆畫平滑,我把他分成兩類。
- 單線描摹,直接用曲線本身的線粗細(xì)調(diào)整去做。
- 勾勒圖形,用曲線勾勒閉合的圖形,思考大于操作。

單線描邊:一筆畫楊不過(選自33天33隻楊不過)。小時候畫過一筆畫,力爭一筆完成一個物體。
- 擬定草圖,統(tǒng)一大角度,讓字體節(jié)奏感一致;彎曲的地方可以用圓角代替。
- 添加描邊,調(diào)整粗細(xì)。因為是一筆畫,注意筆畫前后關(guān)系。
- 擴展圖形,再次添加描邊。這個階段可以會亂一些,再用鋼筆理清前后關(guān)系。

最后擴展,在轉(zhuǎn)折處添加陰影;傾斜,加上日期。

勾勒圖形:流體楊不過(選自33天33隻楊不過)。像霧像云又像水,起承轉(zhuǎn)合表現(xiàn)層層前后穿插關(guān)系。試圖表現(xiàn)一種若中帶剛,飄逸硬朗的感覺。把字形練到一塊,草圖階段反復(fù)考究,目的是為了降低執(zhí)行階段的修改成本。

這一步我用的速度比較快,并沒有在乎曲邊點直接的考究,因為這個字體就是想要放松一些,不比太多規(guī)矩。

成型后偏移路徑描一個外輪廓,事成。

斷章取義:用已用的元素進(jìn)行二次創(chuàng)作。平時比較喜歡看到一些作品時候想能否占為己有,所以此方法應(yīng)運而生。

這是Kris Wu的某首歌的開頭,火焰字體給人感覺新銳超酷,極具個性,想著能否占為己有。平時大家看到的東西,可以及時收錄下來,積累的過程對于創(chuàng)作很重要,畢竟讀書破萬卷下筆如有神。

原字體的勢呈S狀,兩頭尖中間飽滿。帶著這種石頭我把字體描繪出來。

火焰楊不過(選自33天33隻楊不過)。鋼筆勾勒完畢進(jìn)行角度的調(diào)整,最后在邊緣處加了點虛化點綴更加點題。

Behance偶然看到這個字體,肥瘦相間,極具趣味。斷章取義提煉幾個特點:
- 凹槽:因為筆畫飽滿,所以在銳角夾角的地方開了凹槽,目的是字體縮小時候視覺上不會擁擠,正負(fù)空間更加平和,不止于筆畫黏連。
- 筆斷意連:只要筆勢是貫穿的,筆畫之間斷掉可以添加趣味性,讓作品更耐看。
- 粗細(xì)變化:筆畫粗細(xì)變化極大,轉(zhuǎn)折處細(xì),筆劃末粗。

YEAR、夜同音,隱喻在夜晚的歡快。讓這倆共用一體,結(jié)合上述的規(guī)律得出草圖。

加以英文點綴,平衡構(gòu)圖。

放到應(yīng)用中調(diào)整。

跟照片風(fēng)格搭配。

當(dāng)時看到這個作品覺得挺有意思的,想要占為己有。花體的表現(xiàn)手法再把他做成立體。首先看他的字形特征,圓形的點綴,彎曲的弧度。

- 特征融入到楊不過,再用曲邊勾勒出來平面稿。
- 調(diào)整角度,復(fù)制一層,立體形態(tài)的雛形基本完成。
- 鏈接前后圖層,添加厚度,把多余的線條去掉。

添加陰影,先拉一個黑白漸變,接著AI效果—像素畫—彩色半調(diào),即可做出帶漸變的網(wǎng)格效果。最后勾勒一些小陰影,加上磨損元素,完事。

手里藏書:直接用手寫,通過不同材質(zhì),筆或者紙達(dá)到不同效果。

新秀麗筆,便宜好用,隨處可以寫,粗細(xì)變化靈活。不管你是否系統(tǒng)接受過書法訓(xùn)練,都可隨機產(chǎn)生很多變化,令人驚喜。

拍照,PS曲線、色階處理。

前期書寫肯定存在問題,后臺在電腦中可以銜接筆刷,點綴抹點,讓作品更加完成。

不同的紙、不同的筆,會呈現(xiàn)不一樣的效果,重在嘗試,挖掘未知,結(jié)果肯定會令人驚喜。

平時也可以嘗試不同書體的聯(lián)系。傳統(tǒng)書法、現(xiàn)代POP都可以玩,陷入某種框架過久也會造成負(fù)面影響,什么都接觸反而融匯貫通,靈感會出其不意地出現(xiàn)。

移形換影:字體與形態(tài)進(jìn)行置換。現(xiàn)實中有很多有趣的形態(tài),比如建筑、工具、模型等,可以嘗試把形態(tài)跟字體結(jié)合,產(chǎn)生有趣的設(shè)計。

看了一副插圖,作者喜歡把動物、人物畫成帶有果凍感的方塊。我把這個形態(tài)借助過來,做成了方塊楊不過。

靈感來自一個狂風(fēng)中搖曳的可愛雪人。

架子鼓、練武木樁,他們的穿插結(jié)構(gòu)挺有趣的。把他們置換成字體應(yīng)該有出其不意的效果。

不要把字體做得過平,部分結(jié)構(gòu)進(jìn)行了中心旋轉(zhuǎn),看起來錯落有致卻又不影響整體識別性,也會讓觀者覺得你下了功夫。

之前玩了段時間C4D,想著把三維的思路帶到字體設(shè)計里面。一個正方體,可視面三個面,楊不過三個字分別分散于三個面。

執(zhí)行階段挺亂的,也沒有C4D直觀,所以理結(jié)構(gòu)的時候在識別性以及穿插豐富度中反復(fù)尋找平衡。

描邊效果不明顯,反白填色,結(jié)構(gòu)明了。

想法、方法,都幾乎說完了,寫到這才發(fā)現(xiàn)自己有很多不足,腦子里確實有些內(nèi)容想說,但是不知道如何梳理,暫且以目前的形式呈現(xiàn)給大家,希望大家能接納。
總結(jié),字體大感覺可分為特征、節(jié)奏、細(xì)節(jié)三大要素。
- 特征:通過不同細(xì)節(jié)增加其識別性,如襯線的位置、弧度的大小、角度的對比、以及基本框架的構(gòu)造。
- 節(jié)奏:像樂曲一樣,不同節(jié)奏對比給人不同的感受。字體筆劃間的疏密、前后的聯(lián)系、正負(fù)空間的大小、字形大小的對比。
- 細(xì)節(jié):畫龍點睛,臨門一腳。可以通過不同的質(zhì)感、轉(zhuǎn)角的形式、筆刷的效果添加細(xì)節(jié),完成最后的點綴。
當(dāng)然,所有方法都不是被固定的,都是我一己之見,初衷只是想讓不知道的朋友少走彎路。

單憑著項目中的實踐,對字體設(shè)計的提升是遠(yuǎn)遠(yuǎn)不夠的。常言道:決定上限是下班后的2小時。所以業(yè)余的不斷的積累才能讓自己在項目中更高效地去解決設(shè)計問題。

積累分兩種。主動積累是積極發(fā)揮主觀能動性,去積極產(chǎn)生一些自己喜歡做的事情。這種情況下,大家激情比較膨脹,做的事自己也很喜歡。

每個人都有自己愛好,我現(xiàn)在終于愿意承認(rèn),小學(xué)那句興趣是最好的老師。以我個人為例,去年開始涉足攝影,每組片子開拍前,我總給自己設(shè)定計劃:目的、效果、字體、內(nèi)容。相當(dāng)于做多方面的綜合練習(xí),把他做成一個主題作品,有字體、有排版、有攝影、有搭配,而不單單是一張快門的產(chǎn)物。

這是我第一次拍女生。開拍前:日系、海邊、純凈、輕松,這是我給自己的目的。所以選定了地點,服裝搭配以及符合氣質(zhì)的女生。拍攝完成后,女生挑了片子發(fā)我,命名是一串日文,緣由是女生十分熱愛日本文化也去過日本留學(xué),用的日文系統(tǒng),哈哈哈。所以覺得有點意思,就用「未命名」來定義了這次拍攝的主題。字體采用了偏日系的手寫體,使得整個意境更輕松一些。

這是第一次人像。想要是效果是:酷、黑暗、金屬、厚重、水泥。選定了廢舊工廠還有符合氣質(zhì)的模特,上身衣服黑暗機能風(fēng),整體色調(diào)壓暗。拍攝完成,因為沒有酬勞,只能請模特吃飯了,算是花了重金打賞,所以起名重金賞。字體的風(fēng)格也是橫平豎直,帶有破損的質(zhì)感,跟整個畫面相符合,結(jié)合排版,也算是較完整的一張海報作品了。

這次目的是:夜景、長曝光。扛著腳架在香港奔波了一天。YEAR跟夜在念法是一致的,加上有夜夜夜夜這首歌,所以取名yeah夜。香港是中西文化融合的一個地方,所以中英結(jié)合,把英文的表現(xiàn)放到了中文里面。

那會很喜歡王勃的《滕王閣序》,年紀(jì)輕輕就有滿身能量,希望自己也是那種年少有為的人,其中不少片段廣為流傳。給自己的設(shè)想是整個通篇下來用美術(shù)字去表現(xiàn),但每一副字體盡量做到表現(xiàn)形式的不一致。所以最終根據(jù)詩句意境以及字面意思,對每個斷句做了詮釋,感覺還蠻有意思的。

接下來是被動積累。這是一個痛苦的過程,因為不是每個人都有很強的自律性,就算自律性再強也有松動的時候,所以這就是被動的意義所在。為此,我個人組織了33天這個活動。目前已經(jīng)舉辦到第三季了,我個人包括參加的小伙伴們都有不同級別的收獲感悟。

至此,字如其人的所有干貨都輸出完畢,衷心希望能給大家?guī)硎斋@~
來源:VMIC UED



















