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

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

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

我們認(rèn)為的游戲LOGO是這樣的：

游戲LOGO＝游戲符號(hào)+名字，它是一款游戲的名字更是一款游戲的視覺符號(hào)。

有別于平面Logo，游戲Logo最關(guān)鍵反映的是游戲性，通過名字與圖形的視覺化讓玩家記住游戲的名字和游戲的整體風(fēng)格。甚至游戲的品級(jí)，玩法，類別能夠從Logo中體現(xiàn)出來。通過游戲LOGO在網(wǎng)站、展會(huì)、戶外廣告、視頻等地方的應(yīng)用，讓LOGO這個(gè)視覺符號(hào)不斷的強(qiáng)化玩家大腦印象，從而提供游戲的知名度影響力

之前騰訊Tgidear團(tuán)隊(duì)分享的《漲姿勢(shì)！走心的游戲LOGO它究竟長(zhǎng)哪樣？》文章，我相信很多人都看過， 文章列舉哪些Logo好與壞的問題，但我們認(rèn)為游戲Logo除了好壞，更重要的是一個(gè)Logo是否準(zhǔn)確表現(xiàn)出一款游戲所要達(dá)到的目的，是否滿足產(chǎn)品的痛點(diǎn)。

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

我們是怎樣制作一個(gè)游戲Logo？

一、溝通了解需求

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

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

二、找資料輔助靈感

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

三、概念設(shè)計(jì)

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

頭腦風(fēng)暴

根據(jù)多年積累，我們總結(jié)了出初稿的的幾個(gè)方法

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

1、電腦字體變形

優(yōu)點(diǎn)：巨人的肩膀上進(jìn)行設(shè)計(jì)，電腦字體都是很成熟的字體設(shè)計(jì)，用電腦基礎(chǔ)字體變形，可以讓設(shè)計(jì)更簡(jiǎn)單快捷。

缺點(diǎn)：字體會(huì)顯得普通，過于雷同，缺乏設(shè)計(jì)感 如下圖：

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

2、手繪手稿

優(yōu)點(diǎn)：這種形式創(chuàng)意會(huì)更加自由，字體更具設(shè)計(jì)感，原創(chuàng)性更高

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

3、暴力拼圖

優(yōu)點(diǎn)：快！準(zhǔn)！狠！動(dòng)用一起可用的素材快速拼湊效果 效率極高，可以快速看出造型、色彩材質(zhì)、整個(gè)Logo的整體方向，適合時(shí)間緊迫的項(xiàng)目。

缺點(diǎn)：潦草，粗糙不規(guī)范，字體設(shè)計(jì)被削弱。

概念階段剛才簡(jiǎn)單說了幾個(gè)方法，接下來我們?cè)敿?xì)分析下字體與背景圖形的表現(xiàn)。

游戲Logo 最關(guān)鍵的在于字體的設(shè)計(jì)，所以這點(diǎn)與平面Logo設(shè)計(jì)基準(zhǔn)是一樣，區(qū)別在于游戲Logo字體，有更直觀夸張的表現(xiàn)以及輔助元素的加入。字體設(shè)計(jì)應(yīng)該注意的幾個(gè)點(diǎn)：

1、字體的識(shí)別性

字體設(shè)計(jì)最忌諱是的盲目的進(jìn)行變形夸張，看起來很花哨，卻完全不認(rèn)得字名

2、字體的排版

字體的排版根據(jù)字體的長(zhǎng)度而定，字體長(zhǎng)的特別是英文名字需要考慮到上下結(jié)構(gòu)的排版設(shè)計(jì)，傾斜／圓形／弧線排版讓Logo更富個(gè)性與趣味性。

為啥沒游豎的排版設(shè)計(jì)，就目前市面上來說很少出現(xiàn)豎的排版，主要原因是豎的Logo不適合各種應(yīng)用。

3、字體的輔助圖形設(shè)計(jì)

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

4、字體與背景圖形

背景圖形設(shè)計(jì)應(yīng)該注意的幾點(diǎn)：

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

四、上色

在多個(gè)黑白草稿中挑選一個(gè)方案進(jìn)行細(xì)化上色。

上色階段可以根據(jù)游戲的整體風(fēng)格進(jìn)行搭配，提取游戲中的主色系。讓Logo與游戲風(fēng)格形成整體的視覺語(yǔ)言，過程中不要過于刻畫細(xì)節(jié)，更多的在顏色方案上進(jìn)行嘗試。游戲的主色系是什么？是暖色還是冷色？還是冷暖搭配？ 顏色是一種情感表現(xiàn)的一種方式，多注意顏色給玩家?guī)淼囊曈X感受，同樣了也出4-5個(gè)方案讓需求方進(jìn)行多個(gè)選擇。

五、質(zhì)感的刻畫

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

并非所有的Logo都需要強(qiáng)烈的質(zhì)感需求，根據(jù)具體需求游戲風(fēng)格適當(dāng)加入質(zhì)感的表現(xiàn)。隨著主流的扁平化風(fēng)格的風(fēng)靡，有些游戲Logo也出現(xiàn)了微質(zhì)感的表現(xiàn)方式，甚至平面化的的表現(xiàn)方式。具體項(xiàng)目需求具體分析。

六、光效，光感的補(bǔ)充

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

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

【快速提高設(shè)計(jì)能力三部曲】

Step 1：設(shè)計(jì)第一步！版式設(shè)計(jì)基礎(chǔ)原則學(xué)起來！
《設(shè)計(jì)基礎(chǔ)功！幫你徹底掌握設(shè)計(jì)四大原則中的對(duì)比原則》

Step 2：設(shè)計(jì)第二步！配色好整個(gè)界面都高端了！
《秒變配色高手！怎么都不會(huì)錯(cuò)的6條網(wǎng)頁(yè)設(shè)計(jì)配色原則》

Step 3：最后一步！來個(gè)實(shí)戰(zhàn)文你就全懂了！
《設(shè)計(jì)易容術(shù)！如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)？》

作者：@圣熊學(xué)院

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量105萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com