大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

编者按:LOGO设计大咖级教程!一个游戏LOGO是如何诞生的,专业的设计流程应该怎么做。今天借网易出品的乱斗西游这款游戏,让LOGO设计者@圣熊学院 给同学们从头开始聊聊,全文满满干货,非常值得深入学习。

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

在过去的5年里,Hotpower团队设计了100多款游戏Logo.2010我们团队与广州捷游,菲音等游戏研发项目合作了英雄远征,梦幻飞仙,神魔遮天,最西游等游戏LOGO设计,那时的网页游戏正如日中天,团队包揽了很多家游戏研发公司的多款游戏LOGO的设计。2013年团队进入了快速发展期,质量口碑上不断被肯定,我们得到了网易、腾讯等这样大公司合作的机会,而这时正是手游开启的时代,我们成功合作了乱斗西游,梦想星城,主公莫慌,功夫熊猫等项目,也正因为和这些大厂合作,磨砺了团队,让我们的作品越发成熟。

以下是我们2014年与网易合作的乱斗西游Logo案例:

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

我们认为的游戏LOGO是这样的:

游戏LOGO=游戏符号+名字,它是一款游戏的名字更是一款游戏的视觉符号。

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

有别于平面Logo,游戏Logo最关键反映的是游戏性,通过名字与图形的视觉化让玩家记住游戏的名字和游戏的整体风格。甚至游戏的品级,玩法,类别能够从Logo中体现出来。通过游戏LOGO在网站、展会、户外广告、视频等地方的应用,让LOGO这个视觉符号不断的强化玩家大脑印象,从而提供游戏的知名度影响力

之前腾讯Tgidear团队分享的《涨姿势!走心的游戏LOGO它究竟长哪样?》文章,我相信很多人都看过, 文章列举哪些Logo好与坏的问题,但我们认为游戏Logo除了好坏,更重要的是一个Logo是否准确表现出一款游戏所要达到的目的,是否满足产品的痛点。

所以我们今天从商业角度,可用性来和大家沟通下游戏Logo的设计。

我们是怎样制作一个游戏Logo?

一、沟通了解需求

详细的需求文档尤为重要,需求文档清晰明了,设计师就不需要去揣测需求方真正要的是什么,避免走弯路。有些需求方总埋冤设计师没理解到位,很大一部分是需求没整清楚。所以不管后续沟通如何,着手项目第一步必须先让策划把需求文档写请清楚来。以下是我们总结了需求文档的几个要素,供大家参考。

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

需求文档提供后,如有不明白的地方尽量多沟通,强化一下大家的方向是否一致。

二、找资料辅助灵感

需求理解明白了,方向也清楚了,接下来就是找参考了,不管是菜鸟还是大神找参考都是必须的,参考是灵感的源泉,辅助于设计师思路。所以不要接到需求后,就急冲冲开始画。资料参考图友很多平台可以去采集,例如花瓣,资料采集后,把资料图片放在同一个文件夹,或者一个psd里。例如下图是一款Q版的游戏Logo参考图:

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

三、概念设计

概念草稿阶段意在头脑风暴,不要局限一种方向,希望在概念阶段能够有充分的方案差异性。让需求方有可选性。概念方案一般再4-5个左右,以黑白稿或者单色为主。这个阶段看的是造型形式整体感,不要过早考虑色彩,材质。

头脑风暴

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

根据多年积累,我们总结了出初稿的的几个方法

  1. 电脑字体变形
  2. 手绘手稿
  3. 暴力拼图

1、电脑字体变形

优点:巨人的肩膀上进行设计,电脑字体都是很成熟的字体设计,用电脑基础字体变形,可以让设计更简单快捷。

缺点:字体会显得普通,过于雷同,缺乏设计感 如下图:

想在字体变形上成为高手,可以关注下知名字体设计师张家玮的课程:http://xue.uisdc.com/ziti/

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

2、手绘手稿

优点:这种形式创意会更加自由,字体更具设计感,原创性更高

缺点:速度慢,完整度不高,过于潦草。 (下图图片来源于baotingzi )

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

3、暴力拼图

优点:快!准!狠!动用一起可用的素材快速拼凑效果 效率极高,可以快速看出造型、色彩材质、整个Logo的整体方向,适合时间紧迫的项目。

缺点:潦草,粗糙不规范,字体设计被削弱。

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

概念阶段刚才简单说了几个方法,接下来我们详细分析下字体与背景图形的表现。

游戏Logo 最关键的在于字体的设计,所以这点与平面Logo设计基准是一样,区别在于游戏Logo字体,有更直观夸张的表现以及辅助元素的加入。字体设计应该注意的几个点:

1、字体的识别性

字体设计最忌讳是的盲目的进行变形夸张,看起来很花哨,却完全不认得字名

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

2、字体的排版

字体的排版根据字体的长度而定,字体长的特别是英文名字需要考虑到上下结构的排版设计,倾斜/圆形/弧线排版让Logo更富个性与趣味性。

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

为啥没游竖的排版设计,就目前市面上来说很少出现竖的排版,主要原因是竖的Logo不适合各种应用。

3、字体的辅助图形设计

有些Logo 可以考虑加入辅助图形。辅助图形可以从游戏中提取,好的辅助图形启动画龙点睛的作用,让Logo更出彩。比如下图:

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

4、字体与背景图形

背景图形设计应该注意的几点:

  1. 背景图案与字体的搭配(大小比例,排版搭配),排版
  2. 背景图案符合游戏主题
  3. 背景图案不要凌乱花哨,喧宾夺主

大咖级教程!乱斗西游的游戏LOGO是如何诞生的?(附设计方法)

四、上色

在多个黑白草稿中挑选一个方案进行细化上色。

上色阶段可以根据游戏的整体风格进行搭配,提取游戏中的主色系。让Logo与游戏风格形成整体的视觉语言,过程中不要过于刻画细节,更多的在颜色方案上进行尝试。游戏的主色系是什么?是暖色还是冷色?还是冷暖搭配? 颜色是一种情感表现的一种方式,多注意颜色给玩家带来的视觉感受,同样了也出4-5个方案让需求方进行多个选择。

五、质感的刻画

游戏Logo和平面Logo最大的区别之一在于质感,把握好质感的设计就等于把握好了游戏Logo的设计。质感类别很多,有水晶质感/金属质感/石头质感/科技质感,根据游戏风格、游戏世界观,甚至游戏UI来搭配游戏Logo的质感

并非所有的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

收藏 23
点赞 4

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。