大咖級教程！亂斗西游的游戲LOGO是如何誕生的？（附設計方法）

編者按：LOGO設計大咖級教程！一個游戲LOGO是如何誕生的，專業的設計流程應該怎么做。今天借網易出品的亂斗西游這款游戲，讓LOGO設計者@圣熊學院?給同學們從頭開始聊聊，全文滿滿干貨，非常值得深入學習。

在過去的5年里，Hotpower團隊設計了100多款游戲Logo.2010我們團隊與廣州捷游，菲音等游戲研發項目合作了英雄遠征，夢幻飛仙，神魔遮天，最西游等游戲LOGO設計，那時的網頁游戲正如日中天，團隊包攬了很多家游戲研發公司的多款游戲LOGO的設計。2013年團隊進入了快速發展期，質量口碑上不斷被肯定，我們得到了網易、騰訊等這樣大公司合作的機會，而這時正是手游開啟的時代，我們成功合作了亂斗西游，夢想星城，主公莫慌，功夫熊貓等項目，也正因為和這些大廠合作，磨礪了團隊，讓我們的作品越發成熟。

以下是我們2014年與網易合作的亂斗西游Logo案例：

我們認為的游戲LOGO是這樣的：

游戲LOGO＝游戲符號+名字，它是一款游戲的名字更是一款游戲的視覺符號。

有別于平面Logo，游戲Logo最關鍵反映的是游戲性，通過名字與圖形的視覺化讓玩家記住游戲的名字和游戲的整體風格。甚至游戲的品級，玩法，類別能夠從Logo中體現出來。通過游戲LOGO在網站、展會、戶外廣告、視頻等地方的應用，讓LOGO這個視覺符號不斷的強化玩家大腦印象，從而提供游戲的知名度影響力

之前騰訊Tgidear團隊分享的《漲姿勢！走心的游戲LOGO它究竟長哪樣？》文章，我相信很多人都看過， 文章列舉哪些Logo好與壞的問題，但我們認為游戲Logo除了好壞，更重要的是一個Logo是否準確表現出一款游戲所要達到的目的，是否滿足產品的痛點。

所以我們今天從商業角度，可用性來和大家溝通下游戲Logo的設計。

我們是怎樣制作一個游戲Logo？

一、溝通了解需求

詳細的需求文檔尤為重要，需求文檔清晰明了，設計師就不需要去揣測需求方真正要的是什么，避免走彎路。有些需求方總埋冤設計師沒理解到位，很大一部分是需求沒整清楚。所以不管后續溝通如何，著手項目第一步必須先讓策劃把需求文檔寫請清楚來。以下是我們總結了需求文檔的幾個要素，供大家參考。

需求文檔提供后，如有不明白的地方盡量多溝通，強化一下大家的方向是否一致。

二、找資料輔助靈感

需求理解明白了，方向也清楚了，接下來就是找參考了,不管是菜鳥還是大神找參考都是必須的，參考是靈感的源泉，輔助于設計師思路。所以不要接到需求后，就急沖沖開始畫。資料參考圖友很多平臺可以去采集，例如花瓣，資料采集后，把資料圖片放在同一個文件夾，或者一個psd里。例如下圖是一款Q版的游戲Logo參考圖：

三、概念設計

概念草稿階段意在頭腦風暴，不要局限一種方向，希望在概念階段能夠有充分的方案差異性。讓需求方有可選性。概念方案一般再4-5個左右，以黑白稿或者單色為主。這個階段看的是造型形式整體感，不要過早考慮色彩，材質。

頭腦風暴

根據多年積累，我們總結了出初稿的的幾個方法

1. 電腦字體變形
2. 手繪手稿
3. 暴力拼圖

1、電腦字體變形

優點：巨人的肩膀上進行設計，電腦字體都是很成熟的字體設計，用電腦基礎字體變形，可以讓設計更簡單快捷。

缺點：字體會顯得普通，過于雷同，缺乏設計感 如下圖：

想在字體變形上成為高手，可以關注下知名字體設計師張家瑋的課程：http://xue.uisdc.com/ziti/

2、手繪手稿

優點：這種形式創意會更加自由，字體更具設計感，原創性更高

缺點：速度慢，完整度不高，過于潦草。 （下圖圖片來源于baotingzi ）

3、暴力拼圖

優點：快！準！狠！動用一起可用的素材快速拼湊效果 效率極高，可以快速看出造型、色彩材質、整個Logo的整體方向，適合時間緊迫的項目。

缺點：潦草，粗糙不規范，字體設計被削弱。

概念階段剛才簡單說了幾個方法，接下來我們詳細分析下字體與背景圖形的表現。

游戲Logo 最關鍵的在于字體的設計，所以這點與平面Logo設計基準是一樣，區別在于游戲Logo字體，有更直觀夸張的表現以及輔助元素的加入。字體設計應該注意的幾個點：

1、字體的識別性

字體設計最忌諱是的盲目的進行變形夸張，看起來很花哨，卻完全不認得字名

2、字體的排版

字體的排版根據字體的長度而定，字體長的特別是英文名字需要考慮到上下結構的排版設計，傾斜／圓形／弧線排版讓Logo更富個性與趣味性。

為啥沒游豎的排版設計，就目前市面上來說很少出現豎的排版，主要原因是豎的Logo不適合各種應用。

3、字體的輔助圖形設計

有些Logo 可以考慮加入輔助圖形。輔助圖形可以從游戲中提取，好的輔助圖形啟動畫龍點睛的作用，讓Logo更出彩。比如下圖：

4、字體與背景圖形

背景圖形設計應該注意的幾點：

1. 背景圖案與字體的搭配（大小比例，排版搭配），排版
2. 背景圖案符合游戲主題
3. 背景圖案不要凌亂花哨，喧賓奪主

四、上色

在多個黑白草稿中挑選一個方案進行細化上色。

上色階段可以根據游戲的整體風格進行搭配，提取游戲中的主色系。讓Logo與游戲風格形成整體的視覺語言，過程中不要過于刻畫細節，更多的在顏色方案上進行嘗試。游戲的主色系是什么？是暖色還是冷色？還是冷暖搭配？ 顏色是一種情感表現的一種方式，多注意顏色給玩家帶來的視覺感受，同樣了也出4-5個方案讓需求方進行多個選擇。

五、質感的刻畫

游戲Logo和平面Logo最大的區別之一在于質感，把握好質感的設計就等于把握好了游戲Logo的設計。質感類別很多，有水晶質感／金屬質感／石頭質感／科技質感，根據游戲風格、游戲世界觀，甚至游戲UI來搭配游戲Logo的質感

并非所有的Logo都需要強烈的質感需求，根據具體需求游戲風格適當加入質感的表現。隨著主流的扁平化風格的風靡，有些游戲Logo也出現了微質感的表現方式，甚至平面化的的表現方式。具體項目需求具體分析。

六、光效，光感的補充

光效與光感可以讓游戲Logo更為細膩更為高大上。

需要注意的是不是所有的Logo都需要加一些光效特效。有些Logo加上光效 反而顯得多余，看是否要做加法還是減法。

【快速提高設計能力三部曲】

Step 1：設計第一步！版式設計基礎原則學起來！
《設計基礎功！幫你徹底掌握設計四大原則中的對比原則》

Step 2：設計第二步！配色好整個界面都高端了！
《秒變配色高手！怎么都不會錯的6條網頁設計配色原則》

Step 3：最后一步！來個實戰文你就全懂了！
《設計易容術！如何設計一張高品位高水準的海報？》

作者：@圣熊學院

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量105萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com