设计之家 > 文章 >

字如其人 | 楊不過字體設計分享(下)

作者:楊不過 來源:VMIC UED 時間:2020-07-30

上期我們主要闡述了字體的氣質分類以及聯想方法,這期我們進入純操作範疇,給大家介紹六大秘法助力你的字體設計。

有了思路我們如何落地成型呢?那就是接下來要說的操作部分了。

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

主要總結出六個方法。

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

  • 字麵:字的麵積,簡單說是字的寬乘以高。
  • 骨骼:字體形態的骨架。
  • 外飾:字體筆畫的構成方式。
  • 中宮:字體的負形。
  • 重心:字體的重力所在的中點。

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

骨骼造字法,先定了字體的構架,再去修飾字形的外飾。優勢在於在早期可以預見字體的大概風格,避免後期的修改。

年貨節開機視頻的利益點文字:產品調性決定了必須用仿古中國風去做,行書的飄逸、隸書的端莊,嚐試兩者結合做一款適合運營活動頁麵的字麵。

定製骨骼,字麵比例、重心、中宮、筆畫走勢,添加筆鋒細節,構造字體特征。

骨骼定下來後,打印出來,在骨骼基礎上反複嚐試外飾。

確定外飾後在AI進行勾勒調整。

填充顏色,打磨細節。

完善字庫。做描邊以及填色的對比,可以發現字體很多正負空間的缺陷,方便調整。

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

這是在公司品牌應用中經常出現的場景——聯名logo。

VMIC部門下有若幹分組,為了讓各組在品牌上統一,我們做了統一的英文字體。在新品牌出現時候複用這套字體即可,不用反複重新設計,節約設計成本。

根據已有的vivo、VMIC字體提煉他們的共性,字麵偏扁,字形端莊穩定,將這些提點融入到字體框架中。

調整筆劃粗細,反複對比,尋找最合適字體的粗度。

調節好正負空間,按著英文的感覺,延伸出數字字形。

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

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

香港街道紀實拍攝,結合港式街拍的氛圍意境,采用複古美術字體。

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

總感覺少點什麼,用高飽和的顏色寫了一句手寫英文,打破了這篇沉悶,加上同樣粗狂的係統字體,穩住下盤。

人類的本質是複讀機,重複是最好的老師。

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

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

  • 三個筆劃通過放大縮小,構成字基礎型。
  • 添加描邊調節粗細。空間大的地方粗,填滿空間,空間小的地方細,避免擁擠。
  • 擴展拚合,注意筆畫之間的銜接,避免不齊整;刪除多餘結點,使筆畫更平滑。

控製正負形空間,事成。

胖胖楊不過(選自33天33隻楊不過)。筆畫豐滿圓潤,有前後疊加的關係。草圖階段把前後結構做清晰,執行階段事半功倍。

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

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

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

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

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

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

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

提案時保留過程展示可以讓字體更規整、更專業。

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

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

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

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

  • 擬定草圖,統一大角度,讓字體節奏感一致;彎曲的地方可以用圓角代替。
  • 添加描邊,調整粗細。因為是一筆畫,注意筆畫前後關係。
  • 擴展圖形,再次添加描邊。這個階段可以會亂一些,再用鋼筆理清前後關係。

最後擴展,在轉折處添加陰影;傾斜,加上日期。

勾勒圖形:流體楊不過(選自33天33隻楊不過)。像霧像雲又像水,起承轉合表現層層前後穿插關係。試圖表現一種若中帶剛,飄逸硬朗的感覺。把字形練到一塊,草圖階段反複考究,目的是為了降低執行階段的修改成本。

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

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

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

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

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

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

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

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

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

加以英文點綴,平衡構圖。

放到應用中調整。

跟照片風格搭配。

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

  • 特征融入到楊不過,再用曲邊勾勒出來平麵稿。
  • 調整角度,複製一層,立體形態的雛形基本完成。
  • 鏈接前後圖層,添加厚度,把多餘的線條去掉。

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

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

新秀麗筆,便宜好用,隨處可以寫,粗細變化靈活。不管你是否係統接受過書法訓練,都可隨機產生很多變化,令人驚喜。

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

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

不同的紙、不同的筆,會呈現不一樣的效果,重在嚐試,挖掘未知,結果肯定會令人驚喜。

平時也可以嚐試不同書體的聯係。傳統書法、現代POP都可以玩,陷入某種框架過久也會造成負麵影響,什麼都接觸反而融彙貫通,靈感會出其不意地出現。

移形換影:字體與形態進行置換。現實中有很多有趣的形態,比如建築、工具、模型等,可以嚐試把形態跟字體結合,產生有趣的設計。

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

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

架子鼓、練武木樁,他們的穿插結構挺有趣的。把他們置換成字體應該有出其不意的效果。

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

之前玩了段時間C4D,想著把三維的思路帶到字體設計裏麵。一個正方體,可視麵三個麵,楊不過三個字分別分散於三個麵。

執行階段挺亂的,也沒有C4D直觀,所以理結構的時候在識別性以及穿插豐富度中反複尋找平衡。

描邊效果不明顯,反白填色,結構明了。

想法、方法,都幾乎說完了,寫到這才發現自己有很多不足,腦子裏確實有些內容想說,但是不知道如何梳理,暫且以目前的形式呈現給大家,希望大家能接納。

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

  • 特征:通過不同細節增加其識別性,如襯線的位置、弧度的大小、角度的對比、以及基本框架的構造。
  • 節奏:像樂曲一樣,不同節奏對比給人不同的感受。字體筆劃間的疏密、前後的聯係、正負空間的大小、字形大小的對比。
  • 細節:畫龍點睛,臨門一腳。可以通過不同的質感、轉角的形式、筆刷的效果添加細節,完成最後的點綴。

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

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

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

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

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

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

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

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

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

至此,字如其人的所有幹貨都輸出完畢,衷心希望能給大家帶來收獲~

 

來源:VMIC UED

字如其人 | 楊不過字體設計分享(上)

推薦設計

最新文章