亂斗西游的游戲LOGO是如何誕生的?

2018-01-09 1588 0
編者按:LOGO設(shè)計(jì)大咖級(jí)教程!一個(gè)游戲LOGO是如何誕生的,專業(yè)的設(shè)計(jì)流程應(yīng)該怎么做。今天借網(wǎng)易出品的亂斗西游這款游戲,讓LOGO設(shè)計(jì)者 給同學(xué)們從頭開始聊聊,全文滿滿干貨,非常值得深入學(xué)習(xí)。
21xy20151124 在過去的5年里,Hotpower團(tuán)隊(duì)設(shè)計(jì)了100多款游戲Logo.2010我們團(tuán)隊(duì)與廣州捷游,菲音等游戲研發(fā)項(xiàng)目合作了英雄遠(yuǎn)征,夢幻飛仙,神魔遮天,最西游等游戲LOGO設(shè)計(jì),那時(shí)的網(wǎng)頁游戲正如日中天,團(tuán)隊(duì)包攬了很多家游戲研發(fā)公司的多款游戲LOGO的設(shè)計(jì)。2013年團(tuán)隊(duì)進(jìn)入了快速發(fā)展期,質(zhì)量口碑上不斷被肯定,我們得到了網(wǎng)易、騰訊等這樣大公司合作的機(jī)會(huì),而這時(shí)正是手游開啟的時(shí)代,我們成功合作了亂斗西游,夢想星城,主公莫慌,功夫熊貓等項(xiàng)目,也正因?yàn)楹瓦@些大廠合作,磨礪了團(tuán)隊(duì),讓我們的作品越發(fā)成熟。 以下是我們2014年與網(wǎng)易合作的亂斗西游Logo案例: 20xy20151124 19xy20151124 18xy20151124 17xy20151124 16xy20151124 15xy20151124 14xy20151124 13xy20151124 我們認(rèn)為的游戲LOGO是這樣的: 游戲LOGO=游戲符號(hào)+名字,它是一款游戲的名字更是一款游戲的視覺符號(hào)。
12xy20151124 有別于平面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ì)分享的《漲姿勢!走心的游戲LOGO它究竟長哪樣?》文章,我相信很多人都看過, 文章列舉哪些Logo好與壞的問題,但我們認(rèn)為游戲Logo除了好壞,更重要的是一個(gè)Logo是否準(zhǔn)確表現(xiàn)出一款游戲所要達(dá)到的目的,是否滿足產(chǎn)品的痛點(diǎn)。 所以我們今天從商業(yè)角度,可用性來和大家溝通下游戲Logo的設(shè)計(jì)。 我們是怎樣制作一個(gè)游戲Logo?
一、溝通了解需求 詳細(xì)的需求文檔尤為重要,需求文檔清晰明了,設(shè)計(jì)師就不需要去揣測需求方真正要的是什么,避免走彎路。有些需求方總埋冤設(shè)計(jì)師沒理解到位,很大一部分是需求沒整清楚。所以不管后續(xù)溝通如何,著手項(xiàng)目第一步必須先讓策劃把需求文檔寫請清楚來。以下是我們總結(jié)了需求文檔的幾個(gè)要素,供大家參考。 11xy20151124 需求文檔提供后,如有不明白的地方盡量多溝通,強(qiáng)化一下大家的方向是否一致。
二、找資料輔助靈感 需求理解明白了,方向也清楚了,接下來就是找參考了,不管是菜鳥還是大神找參考都是必須的,參考是靈感的源泉,輔助于設(shè)計(jì)師思路。所以不要接到需求后,就急沖沖開始畫。資料參考圖友很多平臺(tái)可以去采集,例如花瓣,資料采集后,把資料圖片放在同一個(gè)文件夾,或者一個(gè)psd里。例如下圖是一款Q版的游戲Logo參考圖:
10xy20151124
三、概念設(shè)計(jì) 概念草稿階段意在頭腦風(fēng)暴,不要局限一種方向,希望在概念階段能夠有充分的方案差異性。讓需求方有可選性。概念方案一般再4-5個(gè)左右,以黑白稿或者單色為主。這個(gè)階段看的是造型形式整體感,不要過早考慮色彩,材質(zhì)。 頭腦風(fēng)暴 9xy20151124
根據(jù)多年積累,我們總結(jié)了出初稿的的幾個(gè)方法
  1. 電腦字體變形
  2. 手繪手稿
  3. 暴力拼圖
1、電腦字體變形 優(yōu)點(diǎn):巨人的肩膀上進(jìn)行設(shè)計(jì),電腦字體都是很成熟的字體設(shè)計(jì),用電腦基礎(chǔ)字體變形,可以讓設(shè)計(jì)更簡單快捷。 缺點(diǎn):字體會(huì)顯得普通,過于雷同,缺乏設(shè)計(jì)感 如下圖: 想在字體變形上成為高手,可以關(guān)注下知名字體設(shè)計(jì)師張家瑋的課程:http://xue.uisdc.com/ziti/ 8xy20151124
2、手繪手稿 優(yōu)點(diǎn):這種形式創(chuàng)意會(huì)更加自由,字體更具設(shè)計(jì)感,原創(chuàng)性更高 缺點(diǎn):速度慢,完整度不高,過于潦草。  7xy20151124
3、暴力拼圖 優(yōu)點(diǎn):快!準(zhǔn)!狠!動(dòng)用一起可用的素材快速拼湊效果 效率極高,可以快速看出造型、色彩材質(zhì)、整個(gè)Logo的整體方向,適合時(shí)間緊迫的項(xiàng)目。 缺點(diǎn):潦草,粗糙不規(guī)范,字體設(shè)計(jì)被削弱。
6xy20151124 概念階段剛才簡單說了幾個(gè)方法,接下來我們詳細(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)得字名 5xy20151124
2、字體的排版 字體的排版根據(jù)字體的長度而定,字體長的特別是英文名字需要考慮到上下結(jié)構(gòu)的排版設(shè)計(jì),傾斜/圓形/弧線排版讓Logo更富個(gè)性與趣味性。 4xy20151124 為啥沒游豎的排版設(shè)計(jì),就目前市面上來說很少出現(xiàn)豎的排版,主要原因是豎的Logo不適合各種應(yīng)用。
3、字體的輔助圖形設(shè)計(jì) 有些Logo 可以考慮加入輔助圖形。輔助圖形可以從游戲中提取,好的輔助圖形啟動(dòng)畫龍點(diǎn)睛的作用,讓Logo更出彩。比如下圖: 3xy20151124
4、字體與背景圖形 背景圖形設(shè)計(jì)應(yīng)該注意的幾點(diǎn):
  1. 背景圖案與字體的搭配(大小比例,排版搭配),排版
  2. 背景圖案符合游戲主題
  3. 背景圖案不要凌亂花哨,喧賓奪主
2xy20151124
四、上色 在多個(gè)黑白草稿中挑選一個(gè)方案進(jìn)行細(xì)化上色。 上色階段可以根據(jù)游戲的整體風(fēng)格進(jìn)行搭配,提取游戲中的主色系。讓Logo與游戲風(fēng)格形成整體的視覺語言,過程中不要過于刻畫細(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)目需求具體分析。 1xy20151124
六、光效,光感的補(bǔ)充 光效與光感可以讓游戲Logo更為細(xì)膩更為高大上。 需要注意的是不是所有的Logo都需要加一些光效特效。有些Logo加上光效 反而顯得多余,看是否要做加法還是減法。 
7
評(píng)論區(qū)(0)
正在加載評(píng)論...