Hi，我們是來自網易雷火藝術中心背後的美術團隊！在《永劫無間》、《逆水寒》、《倩女幽魂》、《天諭》等遊戲裡你都能看見我們的身影~今後我們會在機核分享很多有關遊戲美術的知識，歡迎大家關注我們~

作者：叮鐺 & 餘禾雷火藝術中心 GUI

《忘川風華錄》是一款網易雷火推出的國風主題的RPG卡牌手遊，相信熟悉它的玩家都會對遊戲裡淡雅絢爛的場景、飄逸靈動的人物、還有流暢娟秀的字體有印象。

上述這些元素共同組成了《忘川》這款遊戲在視覺上的古風沉浸感，缺一不可。那今天我們就來聊一聊那個一直容易被忽視的元素——字體的設計。

可能你也曾好奇，像《忘川》LOGO這樣的書法字體，到底是怎麼被設計出來的？難不成真的是有人用毛筆寫出來的嗎？

你猜對了！《忘川風華錄》的標題，還真就出自雷火藝術中心的小夥伴之手。只不過字體的設計並非是一蹴而就的，要經過很多輪的迭代，放大、縮小、錯位、筆畫誇張、情緒表達……簡單的幾個字背後，往往蘊藏著非常多的思考和技巧。

覆盤《忘川》在整個文字設計方面的思路，其實我們也發現了一些規律，在這裡總結給大家，希望可以開拓大家的思路。

一、把握字體本質

雖然我們是在做設計，但是字體的設計可不能天馬行空。祖先創造了文字，經過漫長的演變發展到現在，任何再加工的設計也都必須是以漢字作為載體。過於誇張變形的文字會失去辨識的意義，那就不再是文字，而變成圖形了。

漢字分為楷、行、草、隸、篆等幾大類字體，我們的設計可以在這些基礎字體上做變化，但是不能逃脫字體的本質，否則很容易讓字體看起來四不像，強硬的拼湊和變形只會讓設計看起來雜亂無章。

其次，一個完整的設計篇幅中，出現一到兩種字體足矣，所以選取字體首先是要按照所書寫的文字內容，選擇最切合的字體，使得字體與文義協調且統一，以文字的形、意，來傳達我們界面設計所要表達的形質美。如對嚴謹、高雅這類文義配以楷書、篆書等比較方正的字體；對瀟灑、豪放的文義配以行書、草書這類比較灑落的字體等，還有一些宗教題材的文字可以考慮隸書、篆書。

同時根據書幅的位置來確定字體架構，比如橫放還是豎放，做扇形還是對聯的形式等等。最後還要考慮文字在界面中的主次：文字是視覺中心，還是文字僅僅只是畫面的輔助。

綜合考慮到以上這些，才能選擇最貼切的文字字體。

《忘川》的文字書寫就分別考慮了楷書和行書，並做了大量的字體風格嘗試。到底是端莊規整的小楷，還是瀟灑自如的行書，這也是通過遊戲世界觀綜合考究而定的，任何字體的選擇都需要有和遊戲背景融洽的契合度，才能在遊戲界面裡大量運用的時候看了不那麼突兀。

二、先立意後下筆

書法中講究章法，章法的佈局是整個設計的核心，所以必須先立意，心中有一定的思路再開始進行設計。對於文字的筆畫，可以在原有的計算機字體上做加工設計，這時我們可以把單獨的筆畫拎出來，做筆畫上變形。

變形的方法有兩種，一是藉助PS用套索工具直接進行選取，然後變化筆畫的架構。但是這種方法有一定的侷限性，會受到軟件的控制，文字像素也會被模糊化，品質和精度都會下降。所以《忘川》的文字設計就選取了另一種辦法，那就是直接用筆墨紙硯進行書法創作！

王羲之曾說，“夫欲書，先幹研墨，凝神靜思，預想字形大小、偃仰、平直、振動，筋脈相連，意在筆前，然後作字。”由此可見書法一直講究“落筆定形”，手隨意運，筆隨手轉，所以第一筆的發揮是尤其重要的。我們在書寫的時候也尤其重視第一筆感寫出來的東西，在書寫創作的過程中，整個思路一定要先在心裡進行反覆推敲，三思而後行，要注意對整個篇幅的把控。

三、縱向篇幅完美傳意

文字構圖最常用的排布就是縱向或者橫向，其中《忘川》LOGO設計主要運用了縱向書寫的形式，這既是古人的書寫習慣，也是界面設計的需要。

對於縱向的排列來說一般分兩種情況，一是縱有行，橫有列，所謂“縱橫成行”。這一類排列字體在結構上的變化不大，整整齊齊的排列方式，在遊戲界面裡的運用是最廣的。這種規矩方正的設計易讀、清晰，是閱讀性最高的排列方式。

第二種是縱有行，橫無列，即成行不成列的寫法，每行字數不等，字體大小不一，字距疏密不同，俯仰奇正各隨其宜，變化不居而又協調統一，渾然成章。這種分佈形式，以行、草字體書寫為宜。但是這種設計作為標題的實際運用並不多，主要是因為草書字體還沒有受到大眾的接受，識別性上對於沒有書法經驗的同學有困難。但如果是作為輔助文字來設計，依然是個不錯的選擇。

對比兩種書寫方式不管是“縱有行，橫有列”，還是“縱有行，橫無列”，都有各自的設計利弊。所以《忘川》的LOGO對這兩種手法都進行了取捨，正派又帶有行草風，瀟灑又不失規矩感。

四、首領效應主導界面

往往文字設計的第一個字，具有統領全篇的作用，猶如方正列隊最前面舉紅旗的人一樣，帶領著整個隊伍前進。《書譜》中指出“一字乃終篇之準”，更是說明這樣的一個字，是全篇的標準、看齊的標杆。並且從視覺上來看，著重強調第一個字也可以提升整體氣勢，因此很多時候在進行文字設計時，首先要按照所用字體的筆法和結構，把第一個字的體勢意態，設計得有法有化，規範而靈活。

當然也可以用第一個字的第一筆來做一些誇張，把全篇的字寫得大小適宜，疏密勻稱。但是要注意避免頭重腳輕的現象，要合理的佈局。如果第一筆過重，後面可以採用拉長、拖尾等方式，做到前後呼應。這樣爭讓得體，首尾相顧，能讓整體的文字設計渾然一體，從字裡行間來展示文字設計的美感。《忘川》的LOGO設計就是充分運用了這種設計方法，我們可以從整個改版過程明顯看出越到後面的版本，越想突出首字效應和前後呼應的感覺。

下圖最終的實際運用上更是強化了這一特點，特別是“忘”字最開始的一點一橫：

五、脈絡舒展行氣貫通

“行氣”，主要是針對行草書的一種感覺的概括。簡單來講，就是書法作品當中每個字之間具備的一種連貫性。

什麼是連貫性呢？就是不間斷，有連接的整體性。以行為單位，字與字之間相互聯繫，互相成就，這種宛若行雲流水的感覺就是行氣。更簡單一點其實我們可以理解為一行字的“中線”。如下圖：

當我們把一幅好的行草作品拆開看時，可能每個字的大小、形態，左右排列等都“各有千秋”，但從整體來看，每個字都是依託於一條中線在進行形態變化的，這個中線我們稱為“行氣線”。

我們常說的脈絡舒展行氣貫通，其實就是要兩個基本點的濃縮，一是整個畫面需要有把控中心的行氣線；二是行氣線需要運動均衡，能做到統籌畫面結構的作用，有些橫平豎直的行氣線太過工整，反倒會失去草書書寫的美感，尤其是在做一些需要比較灑脫的標題性的文字時。所以我們反過來看《忘川》LOGO的創作，雖然是簡單的兩個字，但在大量的修改和嘗試下，儘量去做到每一筆通筆豐滿，跌宕起伏，簡單兩個字的書寫也可以做出滿紙雲煙繚繞的感覺，這就是典型的行氣貫通的書寫表現：

六、濃淡適宜美如畫

在我們的字體設計中，不管文字的色彩是不是採用水墨的方式，或者是用了材質疊加、描邊、投影等多種手法，整體書幅的顏色協調都很重要。古人非常懂得墨法的重要，但是現在隨著科技技術的發展，除了墨我們還有太多太多的上色方法，所以對字體的色彩上要做更多的取巧創新。“畫法字法，本於筆，成於墨也”，就是體現了色彩運用對文字設計的重要性。

書法家們善於用“墨分五色”的畫法來作書，就形成了濃墨、淡墨、枯墨、漲墨等各種雜揉的情況。這就是說，不同的墨色氣韻，能符合不同書法作品的要求，這也是為什麼我們不用常規的計算機字體而要做獨特創新的意義所在，它能體現獨特的字體設計美，並且美得獨一無二。