字體設計的N種思路與方法

千萬不要誤會，字如其人在這並不批判外貌，而是表達字體跟人一樣，由氣質（虛），骨架（實），穿著打扮（裝飾）所構成。如果將設計字體當打造一個人設一樣去處理，會變得有趣味得多。

前言：開篇前的點綴。交代本次分享背景、目的。

思路：主要講想法，如何構想字體，兩大步驟讓字體從無到有的。

操作：主要講方法，如何操作落地，分享六大法則，本次分享重點。

積累：兩種方式教你如何儲備、提升。

這部分比較簡單，簡單說下字體設計的作用，以及做這次分享的目的。先放幾個優秀案例大家看看。

設計大師某某曾說：一副完整的字體設計可以是一副完美的海報。他具備了信息傳達的同事又展示了沒敢。字體傳達意思比畫更直接。可以看到圖中海報主題為音樂節，設計師選用手寫體展示輕鬆寫意，兩個愛字巧妙結合到一起，與愛愛搖滾遙相呼應。

（LoveLoveRockFestival2017|ChengChiehSung）

上面那張我們能看懂，如果這張就算看不懂英文，我們也能看出這個段文字極具體徵，他筆劃粗細變化極具個性。作為海報招貼或者標誌符號都能讓人印象深刻。

（Allez!|AraEstudio）

一個有設計感的字，就可以單獨組成完整的視覺品牌系統。再通過這個字的特徵進行延伸，可以發散出無數周邊產品的延伸圖形。

（新Xin｜YODEX2016Proposal ShihShu-Hsien）

字體不僅傳達信息（賣什麼），還能傳達背後產品的調性（賣什麼風格），烘托氛圍感（復古）。

（HaohanMarketplace|ChengChiehSung）

除了復古，在展示現代當代未來感覺的時候也不毫不費力。

（8th核聚變｜Gamecores8thAnniversary Wilddesign）

雖然文字是極具歷史意義的，但是跟現代的技術融合碰撞又有不一樣的感覺。

（36DaysofType2018|BÜROUFHO）

接到訴求>分析氣質>提煉形態>具體操作。

當做一個字體設計的時候，一般會按這個流程去做。字體從無到有，我們根據訴求提煉字體氣質，通過氣質聯想具體形態，最後在操作成型。

其中氣質跟形態我歸為思路一類，操作單獨一類。

氣質指內在的抽象東西，形態指具體外在的具象東西，就像人一樣，一個完整的人格，是有內在氣質（虛），外在骨骼（實）構成的。

這三部分下面大概有這些內容。

思路：這部分就講想法，得到需求那一刻，如何通過聯想去得到設計雛形。

先分析字體呈現氣質，再用氣質得出字體形態。這是一個抽像到具象的過程。

氣質：通過字體訴求，鋪抓字體氣質。抽象過程，就是感覺的東西。

分析訴求可從三方面入手：

受眾：給誰看，誰買單，他們會喜歡什麼樣的；

目的：拿來幹嘛，用途是什麼；

場景：放哪看，考慮場景會對字體有不同限制。

以上，可以大概得知這個字體具體是什麼氣質感覺。

如何體現氣質，就是視覺元素給人的感知。

像科技感氣質的字體，視覺元素可能就是塊面、電路、直線。

輕鬆、自由、舒適這種感覺會帶來寫意感覺，加上手寫的方式表達，舒服自然。

趣味氣質的表達方式挺多，扭曲、不規律、有意思、詼諧，

在字體裡放入故事，讓人會心一笑。

古樸的印像其實約定俗成了，傳統、書法體、印章、質感，都可以傳達古樸的信息。

氣質的分析因人而異，畢竟是主觀的感受，可以分出很多類，我只拋磚引玉。

那有了氣質之後，下一步就該把抽象的氣質具象化，這個過程稱為形態。

形態：通過氣質勾勒具象字形。

我一般用這三種方法。

望文生義：顧名思義，直白地根據字面意思去做聯想。

這是一個遊戲頻道。字面就可以很好理解到，一隻肥胖的青蛙。

把倆關鍵詞（青蛙、肥胖）融入到字體裡面：筆劃敦實，兩隻腳、一對眼，整體就一直渾圓的青蛙，組成字體。

三舍是一家美術教育機構。需求方起這個名字純粹是覺得順口。我給他賦予的品牌概念是：三原色的家。

（三舍自助創意畫室是一家開放與城市CBD上的一家中型自助式繪畫基地，她存在的意義是希望在物慾橫流的當下社會給予人們一塊精神的棲息地。在這裡盡情放鬆自己一天緊繃的思想，放鬆僵硬的身體，自由地作畫。在這裡，只交流藝術，只以內心坦誠去會友。）

三：三原色，紅、綠、藍，三原色可以混合出所有的顏色，同時相加為白色。

舍：物質層面，房子；精神層面，家。 「諾貝爾獲得者英國作家WilliamGolding說過這一段去描述女性：你給她一個房子，她給你一個家。（Ifyougiveherahouse,she’llgiveyouahome.）」

“三”、“舍”兩字正負結合，組成一座房子。舍負型為三，三正型為捨。

當地的品牌公寓，名字直接了當。主要客戶是即將畢業及畢業1-2年內的青年白領。

顧名思義直接用方塊像素表現，先排布好方塊列陣，直接拿掉需要的部分即可。

風給人的感覺飄逸靈動，有起伏，會把東西吹散。

風把英文wind吹散了，筆劃也吹走了。試圖用風給人的感受來修飾這個字。

運營品牌，主打新品發布。品類眾多沒有界限，而且做首次發布。提煉字面關鍵詞：沒有界限，首次。

在設計中把字體的部分橫筆劃去掉，滿足無界這一點。字態筆斷意連，去掉的筆劃也並沒有影響字體的識別性。

首發就很容易解決了，一個星星，一個“1”，frist的意思躍然紙上。

第二個聯想方法。內容聯想：根據字體內容的延伸進行聯想。

QQ斗地主某次運營活動的字體設計。

1、斗地主是一款娛樂遊戲，地主跟農民相互對抗，用方形與圓形分飾兩角。

2、地主那個年代的字體是美術字，類仿宋、隸書的感覺，由此得出字形的靈感。

這是第一版，需求方覺得太過於圓潤，希望更方一些。

所以第二版去除了圓角，字形更偏楷書，讓其正氣更多一些。

秋季新品發布活動的標識，主打當季新品。所以，快速、上新品是主要訴求點。

1、兩點之間，直線最短，所以快速選擇用直線去表達。

2、上新很多時候會聯想到發布、出發、向前，箭頭就成了不二人選。

將尖端、上新的概念具象化為箭頭，放置到字體中。過程中可以縮小字體看是否會影響識別。

因為這次活動推的風格多樣，所以希望字體風格中性百搭可以搭配任何風格。

人像攝影主題字體設計。

1、照片風格偏日系，主角女，所以選用纖細的字體；

2、色調清晰、輕鬆，選用手寫字體。

照片色調清新淡雅，模特風格日系。照片的感覺很大程度決定了文字設計的感覺。

最後採用纖細的手寫字體，體現輕鬆寫意的氛圍。

一個運營H5遊戲標題，遊戲內容是用戶與大媽搶奪商品。

1、人在爭搶的時候，身體、動作都是扭曲的，你來我往；

2、但是作為一個遊戲，又希望給人輕鬆的感覺，肥瘦相間，充滿節奏感。

字體整體做成扭曲的感覺，似乎是經過爭奪後的形態。筆劃粗壯飽滿，融入可愛的感覺，不止於字體太過極端，給人一種胡鬧，並不是血腥的感覺。

配合界面、插畫，最後落地的效果。

香港街頭紀實攝影。

1、香港街景極具賽博朋克風格，復古味道濃重，所以用招牌字體感覺呈現；

2、畫面色調濃郁厚重，字體用有分量感的方塊表現。

照片壓得很暗，黑色佔比高，色調陰鬱，體現當代生活下城市人無奈的壓力。

字形靈感來自招牌體，添加了質感，讓其港味更濃。具體做法後面會詳細闡述。

場景聯想：通過需求的背後場景聯想。

《滕王閣序》給人壯麗、開闊的感覺，我置身的場景彷彿置身閣中，眺望遠方。騰蛟起鳳是裡面一句詩句，給我的感覺就是龍飛鳳舞、雙雙戲水。元素水滴、風、太極、跳躍的感覺。

字形繼承隸書結構，加以跳動的感覺，中間水滴點綴。還算貼合滕王閣序的年代感，也符合騰蛟起鳳的意境。

一款運營遊戲H5標題。環太平洋是一部機甲類電影，我設想自己是男主角，環繞周邊的場景，大量金屬、操作界面的元素。

電影宣傳海報可以看到，有特定的裝飾體以及大量45°切角。

切角以及海報元素融入到字體中。

照片主題字體設計。照片氛圍陰暗濃重，片中出現大量水泥、金屬元素。

重金賞：因為沒有酬勞，只能請模特吃飯了，算是花了重金打賞；加上拍攝環境有大量的金屬，所以起名重金賞；

根據照片場景給人感覺提煉兩個元素：

1、水泥的塊狀感；

2、金屬的斑駁感。

字體框架豎直，筆劃粗壯，再加以質感斑駁，將氛圍推導高點。

搭配照片效果，採用國際排版，左對齊。

可以順便拓展其他一些應用延展方式。

到此，思路方面訴說完畢。有了思路我們如何把他落地成型呢？那就是接下來說的操作。

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

主要總結出六個方法，名字十分浮誇，只為字距能對其。

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

字面：字的面積，簡單說是字的寬乘以高。

骨骼：字體形態的骨架。

外飾：字體筆劃的構成方式。

中宮：字體的負形。

重心：字體的重力所在的中點。

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

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

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

定制骨骼，字面比例、重心、中宮、筆劃走勢，添加筆鋒細節，構造字體特徵。

骨骼定下來後，打印出來，在骨骼基礎上反复嘗試外飾。

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

填充顏色，打磨細節。

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

配合頁面的落地效果。

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

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

1、幾何組成基本形態，像撇、捺這種彎曲的筆劃可以先用曲線勾勒，然後再加粗描邊。

2、調整筆劃粗細，讓其在感官上平衡。擴展並調節位置，反复斟酌。

3、大型出來了還是覺得過於普通，添加了兩個細節進去。一筆斷意連，靈感來自於街頭塗鴉噴繪字，鏤空的感覺增加了輕鬆感。二是添加襯角，會讓字的複古意味更加濃重。最後面適當小角度旋轉筆劃以及添加磨損效果，讓整體更具手工的笨拙感。

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

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

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

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

1、三個筆劃通過放大縮小，構成字基礎型。

2、添加描邊調節粗細。空間大的地方粗，填滿空間，空間小的地方細，避免擁擠。

3、擴展拼合，注意筆劃之間的銜接，避免不齊整；刪除多餘結點，使筆劃更平滑。

控制正負形空間，事成。

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

1、可以先用矩形替代把筆劃鋪出來。

2、調整位置角度，感覺合適直接拉滿圓角，這個方法是不是還算便捷？

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

方塊楊不過（選自33天33隻楊不過）。通過矩形組成的字體，調整矩形錨點做撇捺筆劃。超簡單！

1、除了帶傾斜的筆劃，如撇、捺、點，其他直接矩形。組合好後邊角處再加點細節，賦予速度感。

2、拼合填色，調節負空間。透氣性很重要，孰能走馬密不透風。

3、偏移路徑，再添加一些速度線細節，讓字體更加有層次感同時整個型會更收攏一些沒那麼破碎。

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

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

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

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

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

迷人曲線：曲線大家都很熟悉，特點筆劃平滑，我把他分成兩類。

1、單線描摹，直接用曲線本身的線粗細調整去做。

2、勾勒圖形，用曲線勾勒閉合的圖形，思考大於操作。

單線描邊：一筆劃楊不過（選自33天33隻楊不過）。小時候畫過一筆劃，力爭一筆完成一個物體。

1、擬定草圖，統一大角度，讓字體節奏感一致；彎曲的地方可以用圓角代替。

2、添加描邊，調整粗細。因為是一筆劃，注意筆劃前後關係。

3、擴展圖形，再次添加描邊。這個階段可以會亂一些，再用鋼筆理清前後關係。

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

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

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

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

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

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

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

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

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

1、凹槽：因為筆劃飽滿，所以在銳角夾角的地方開了凹槽，目的是字體縮小時候視覺上不會擁擠，正負空間更加平和，不止於筆劃黏連。

2、筆斷意連：只要筆勢是貫穿的，筆劃之間斷掉可以添加趣味性，讓作品更耐看。

3、粗細變化：筆劃粗細變化極大，轉折處細，筆劃末粗。

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

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

放到應用中調整。

跟照片風格搭配。

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

1、特徵融入到楊不過，再用曲邊勾勒出來平面稿。

2、調整角度，複製一層，立體形態的雛形幾本完成。

3、鏈接前後圖層，添加厚度，把多餘的線條去掉。

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

手裡藏書：直接用手寫，通過不同材質，筆或者紙達到不同效果。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、特徵：通過不同細節增加其識別性，如襯線的位置、弧度的大小、角度的對比、以及幾本框架的構造。

2、節奏：像樂曲一樣，不同節奏對比給人不同的感受。字體筆劃間的疏密、前後的聯繫、正負空間的大小、字形大小的對比。

3、細節：畫龍點睛，臨門一腳。可以通過不同的質感、轉角的形式、筆刷的效果添加細節，完成最後的點綴。

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

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

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

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

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

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

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

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

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

這是第一季，感興趣可以翻看我之前的文章。這一季我的目標是連續33天做33個“楊不過”，在字體架構確定的前提下，盡量折磨自己，讓自己想更多的表達方式。過程還算折磨，但是最後面的收穫還是覺得值得、欣慰。被動的計劃就像臨門一腳，總差一點的時候需要個人去逼一把你，才知道自己有多不自律。我個人是十分建議主動加被動結合這種方式去提升自己的。隨意性加計劃性，得出的東西才有質有量。

 楊不過

 字體學堂（id：zitixt）

關鍵詞回复：(可見相對應知識文章）

印刷、名片、海報、logo設計、茶包裝、色譜、摺頁、BANNER、吐槽視頻、外賣餐飲、AV、報價、日式海報、版式、民國、軟件、奧運、福利、簡歷、月餅、天貓、雙十一、菜譜、紅包......