journey-to-west-logo-1

編者按: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這個視覺符號不斷的強化玩家大腦印象,從而提供游戲的知名度影響力

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

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

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

一、溝通了解需求

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

11xy20151124

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

二、找資料輔助靈感

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

10xy20151124

三、概念設計

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

頭腦風暴

9xy20151124

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

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

1、電腦字體變形

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

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

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

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加上光效 反而顯得多余,看是否要做加法還是減法。

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

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

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

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

作者:@圣熊學院

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

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

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏