1. 程式人生 > >亂鬥西遊的遊戲LOGO是如何誕生的?

亂鬥西遊的遊戲LOGO是如何誕生的?

LOGO設計大咖級教程!一個遊戲LOGO是如何誕生的,專業的設計流程應該怎麼做。今天借網易出品的亂鬥西遊這款遊戲,讓LOGO設計者@聖熊學院 給同學們從頭開始聊聊,全文滿滿乾貨,非常值得深入學習。

21xy20151124

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

以下是我們2014年與網易合作的亂鬥西遊Logo案例:

20xy20151124

19xy20151124

18xy20151124

17xy20151124

16xy20151124

15xy20151124

14xy20151124

13xy20151124

我們認為的遊戲LOGO是這樣的:

遊戲LOGO=遊戲符號+名字,它是一款遊戲的名字更是一款遊戲的視覺符號。

12xy20151124

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

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

我們是怎樣製作一個遊戲Logo?

一、溝通了解需求

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

11xy20151124

需求文件提供後,如有不明白的地方儘量多溝通,強化一下大家的方向是否一致。

二、找資料輔助靈感

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

10xy20151124

三、概念設計

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

頭腦風暴

9xy20151124

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

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

1、電腦字型變形

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

缺點:字型會顯得普通,過於雷同,缺乏設計感 如下圖:

8xy20151124

2、手繪手稿

優點:這種形式創意會更加自由,字型更具設計感,原創性更高

缺點:速度慢,完整度不高,過於潦草。 (下圖圖片來源於baotingzi )

7xy20151124

3、暴力拼圖

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

缺點:潦草,粗糙不規範,字型設計被削弱。

6xy20151124

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

遊戲Logo 最關鍵的在於字型的設計,所以這點與平面Logo設計基準是一樣,區別在於遊戲Logo字型,有更直觀誇張的表現以及輔助元素的加入。字型設計應該注意的幾個點:

1、字型的識別性

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

5xy20151124

2、字型的排版

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

4xy20151124

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

3、字型的輔助圖形設計

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

3xy20151124

4、字型與背景圖形

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

  1. 背景圖案與字型的搭配(大小比例,排版搭配),排版
  2. 背景圖案符合遊戲主題
  3. 背景圖案不要凌亂花哨,喧賓奪主

2xy20151124

四、上色

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

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

五、質感的刻畫

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

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

1xy20151124

六、光效,光感的補充

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

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