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

上期回顧:

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

這幾個概念都是我自己的認知,如有不對請及時指出,多多包涵。了解的可以直接跳過。

  • 字面:字的面積,簡單說是字的寬乘以高。
  • 骨骼:字體形態(tài)的骨架。
  • 外飾:字體筆畫的構(gòu)成方式。
  • 中宮:字體的負形。
  • 重心:字體的重力所在的中點。

這幾個點的比例直接影響了字體的氣質(zhì)、風格、感覺。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

這是在公司品牌應(yīng)用中經(jīng)常出現(xiàn)的場景——聯(lián)名logo。

VMIC部門下有若干分組,為了讓各組在品牌上統(tǒng)一,我們做了統(tǒng)一的英文字體。在新品牌出現(xiàn)時候復(fù)用這套字體即可,不用反復(fù)重新設(shè)計,節(jié)約設(shè)計成本。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

控制正負形空間,事成。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

迷人曲線:曲線大家都很熟悉,特點筆畫平滑,我把他分成兩類。

  • 單線描摹,直接用曲線本身的線粗細調(diào)整去做。
  • 勾勒圖形,用曲線勾勒閉合的圖形,思考大于操作。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

單線描邊:一筆畫楊不過(選自33天33隻楊不過)。小時候畫過一筆畫,力爭一筆完成一個物體。

  • 擬定草圖,統(tǒng)一大角度,讓字體節(jié)奏感一致;彎曲的地方可以用圓角代替。
  • 添加描邊,調(diào)整粗細。因為是一筆畫,注意筆畫前后關(guān)系。
  • 擴展圖形,再次添加描邊。這個階段可以會亂一些,再用鋼筆理清前后關(guān)系。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

Behance偶然看到這個字體,肥瘦相間,極具趣味。斷章取義提煉幾個特點:

  • 凹槽:因為筆畫飽滿,所以在銳角夾角的地方開了凹槽,目的是字體縮小時候視覺上不會擁擠,正負空間更加平和,不止于筆畫黏連。
  • 筆斷意連:只要筆勢是貫穿的,筆畫之間斷掉可以添加趣味性,讓作品更耐看。
  • 粗細變化:筆畫粗細變化極大,轉(zhuǎn)折處細,筆劃末粗。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

跟照片風格搭配。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

靈感來自一個狂風中搖曳的可愛雪人。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

想法、方法,都幾乎說完了,這份分享確實拖了很久,寫到這才發(fā)現(xiàn)自己有很多不足,腦子里確實有些內(nèi)容想說,但是不知道如何梳理,暫且以目前的形式呈現(xiàn)給大家,希望大家能接納。

總結(jié),字體大感覺可分為特征、節(jié)奏、細節(jié)三大要素。

  • 特征:通過不同細節(jié)增加其識別性,如襯線的位置、弧度的大小、角度的對比、以及基本框架的構(gòu)造。
  • 節(jié)奏:像樂曲一樣,不同節(jié)奏對比給人不同的感受。字體筆劃間的疏密、前后的聯(lián)系、正負空間的大小、字形大小的對比。
  • 細節(jié):畫龍點睛,臨門一腳??梢酝ㄟ^不同的質(zhì)感、轉(zhuǎn)角的形式、筆刷的效果添加細節(jié),完成最后的點綴。

當然,所有方法都不是被固定的,都是我一己之見,初衷只是想讓不知道的朋友少走彎路。

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

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

歡迎關(guān)注作者微信公眾號:「VMIC UED」

字體設(shè)計高手的實戰(zhàn)指南!超炸裂(下)

收藏 302
點贊 92

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。