怎麼才能讓字體變得有年代感？

每個時代都有特定的印跡，我們感受比較直接的或許是每個時代的穿著打扮變化，其實人、事、物都會有時代特徵，字體也不例外。但是如何將字體穿越到過往呢？今天要從字型變化和字體效果兩個方面聊聊如何把字體打造成我們口中所說的懷舊與復古。

舉個我們最熟悉的例子，電話從轉盤撥號到功能機再到智能機一直都在更新換代，單從外觀看是變得越來越簡潔，其實衣食住行我們都可以找到相類似的變化。從過去到現在每一天都在變，我們是否可以從千絲萬縷中總結出一些大趨勢，為字體所用？

上圖是書法字體中篆書、隸書、行書和楷書，依序也是書法的演變過程，如果對此無感的話可以想一想繁體字到簡體字的變化，從中不難總結由繁至簡的變化規律。那麼說僅僅是把文字造型做的「繁雜」就能夠成功「穿越」嗎？當然不是，下面用幾個實例分享幾個具體的方法。

一、古為今用

字體設計中的很多形變要有根有據，比如我們要設計一款有年代的古風字體其實就可以借閱古時書法中的一些寫法，其中最具代表性的當屬篆書。

篆書具有文字形體的象形性特徵，雖然當下已失去實用性質但是我們可以根據自身的需求做一定的優化，以達到古為今用的目的。

下面以「詩畫集」三字做分解。上圖文字是從網路中搜尋的「詩畫集」的篆書寫法，一眼望去是不是非常的「繁雜」，甚至同一字會有多種不同的寫法，結構變化也是很多樣，那麼在眾多的文字中我們又應該如何挑選適合的呢？

一般來講大家可以注意以下三個規律：

a.辨識度低的首要排除，如圖中第一個字對於大部分人來說都很難辨識；

B.有取有舍學會拼接簡化，遇到沒有完整可用的，這是我們要有一定的取捨，比如圖中第一行的「詩」字，結構左邊的言字旁還好識別，但是右邊的部分變化就有些「過」了，不太符合我們的需求，所以就要做一定的簡化處理；

C.善於抓特徵，古為今用不是照搬不動，而是要一實用可識別為基本訴求最大化保留所借鑒的文字特徵。

如上圖是我選出比較中意的三個字，按照上面提出的幾個標準很顯然第一個字會被淘汰，但是我更看重的是左邊「言」字旁的筆法，右邊當然要捨棄重做。

第一步就是依據上面的字用線條勾勒出結構框架，最後一個字相比前面的字是比較扁平一些的在做的過程中要進行拔高以保持三個字的統一。

前面說了這種方法不是完全照搬，我們一起看看有哪些地方做了調整：

a.詩字右邊的結構換成簡體字的形式，保持文字的辨識度；

b.筆畫由曲變直，比如原字中橫筆都是帶有一定的弧度的，先全部變成直線段，這樣做是為了讓整體更有條理性，當然有例外比如「畫」字的左右兩個豎筆。

c.相較以前的結構是要更加高挑，尤其是最後一個字的變化最明顯，高矮胖瘦這個要根據你所做的字體含義做相對應的調整。

僅僅完成了結構的搭建肯定還是不充分的，細節的處理一定少不了。等線的筆畫本身是比較直接的，可適當添加一些圓角處理，這也更符合篆書的字體特徵。如上圖，第一個字未做任何處理，第二個字筆畫折角由原來的直角變為圓角處理。第三個字有從前面基礎上增加內部的圓角，如此一來筆畫筆畫有了些許頓挫感，更加耐看。

色彩和版式也是細節的一部分，最後選用深藍色並配紅色印章點綴，一組比較復古但又符合現代人審美的文字設計就完成了。這種古為今用的方法看下來很簡單，但是除了上面講的注意事項，字體的空間配置均勻有序也是至關重要的一環，任何字都如此。

二、舊字新用

就像電視劇布景一樣，儘可能還原當時的場景，拍出來的影片才能有更強的代入感；而我們要設計有年代感的字體最直接有效的方式就是還原那個年代的字體特徵。和第一種方式原理類似，但實際還是有些許不同。下面我們由古代穿越到近代，還是「詩畫集」三字。

網路上有很多關於老字體的圖片，平時遇見了要保存一下，說不定什麼時候會有得到，另外沒有保存也不要緊，我們字體學堂公眾號會不定期更新收集的老字，方便大家學習參考。

老字的年代感除了紙張的斑駁更重要的是字型的特徵，大概分類的話一個是宋體字另一種是有一些幾何形態的應用變化，另外由於老字多由手工繪製，有很強的隨意性，這也是老字的一大特徵。

第一步是常規筆畫的提取，由於年代久遠又加上拍攝等因素，很多字體細節是模糊不確定的，不要把客觀因素造成的字體細節變化也原封不動的照搬過來，而應該是邊提取邊優化。

有一些我們所需的筆畫可能老字當中並沒有，這個時候就要根據老字的風格做筆畫擴展；另外老字中的筆畫轉角不會很銳利，通常會有一點圓角，筆畫的線條也不是筆直，這些都可以在後期統一添加，勿從初始筆畫添加。

基礎筆畫搞定下一步就可以進行結構搭建了，除了筆畫的借用結構空間特徵我們也可以參閱，「三防常識」這幾個字整體是扁平的，內部空間比較緊，這是本組字結構上的特點要抓住。

基礎筆畫可不是一成不變，像是「集」字橫筆居多，如果保持原來的橫筆粗細的話空間上會變得非常擠也不美觀，所以將橫筆減細處理；同一筆畫在不同的字體中都會有所差異，這一點就要求大家對字形結構要了解的更透，做字要「活」。

最後如上圖，其實基礎結構搭建出來到最後的確定字型，你看到的結果只是兩步帶過，期間是有很多細碎反覆的調整，好字多磨！

這種方法會上癮，以「汽水」兩字再來一組。過程同上就不再複述，直接看結果。

今天選的這兩組老字筆畫上還不算最有特點的，還有一些個性更突顯，大家不妨動手一試，看看是不是真如你所看到的這樣簡單。

三、紋理來湊

如果平時來不及設計想快速「穿越」這種情形也是有的，所以字體效果營造出表面的年代感還是要講一下，因為是軟體的基礎操作所以就不很細緻咯。

a.紋理疊加

最簡單常用的肯定是各種紋理疊加，甚至這是很多同學做年代感的文字必備選項。如上圖，左邊是常規字體字體，右邊以此為基礎疊加紋理。說兩個注意點：一是紋理不在多，要避免紋理搶風頭；二是紋理也有虛實對比，不可做的太平均。

b.粗糙輪廓

使用同樣的字型檔字，利用Ai軟體中的【粗糙化】實現字體輪廓的粗糙處理，要掌握好粗造化中的兩個數值大小的變化，另外還可以通過路徑位移製造字體內部的紋理變化，使之更有歲月斑駁感。

以上分享你會發現，年代感的字體設計由內及外是相對複雜化的，同時要善於抓特徵，幾個思路幫大家梳理一遍，希望大家有所收穫～

- end -

本篇內容來自：劉柏坤

未經允許，請勿轉載

--

2018站酷CUBE了解一下

----

站酷，讓設計更有價值！

GIF

劉柏坤主頁了解一下：

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！