游戏LOGO的设计方法与思维

用户头像
广州/UI设计师/5年前/2727浏览
游戏LOGO的设计方法与思维

你还在为做游戏LOGO而苦恼吗,你还在为不知道如何设计而纠结吗,点击进来,我们一起交流吧

     

      很多人在开始接触去设计游戏LOGO的时候,大概会觉得这是件相对比较简单的活,无非就是文字加上一点图案装饰,对于绘画能力强的童鞋,确实有这个资本这么认为,毕竟对于华丽的角色,恢弘的场景,LOGO从技法上确实相对简单很多,可是当开始做,甚至做到后面的时候,就觉得蛮力打在了棉花上,说不上哪里不对,但是又不知道怎么进一步优化,特别是没有接触过平面设计知识,从原画转UI的童鞋

       如果你有这个疑惑,不妨接着看看,希望给大家分享一下对游戏LOGO的一些认识和看法,让大家在设计LOGO的时候思维能够更加的清晰,对LOGO的认识更全面一点,当然以下观点你有不同的意见,欢迎你来和我一起交流哦



01 游戏LOGO的作用

       游戏LOGO是游戏综合信息传递的媒介,所以囊括了游戏名字、游戏特性、游戏品质以及玩法....通过与游戏相关的网站、宣传视频、展厅,周边等等广泛的曝光度让玩家形成一定产品印象,从而达到提升产品品牌形象,和提高市场转化率

(游戏宣传图片)

          (游戏宣传官网)


02 应该如何设计游戏LOGO

游戏LOGO的设计核心:能够让玩家知道这是什么类型的游戏,他与同类型的游戏有什么区别



2.1 游戏特性

        即我们在设计游戏LOGO所用绘制的元素能否完整地向玩家传达了它是什么类型的游戏属性,所以我们在设计logo前,需要确定:


游戏的类型/玩法(例如:RPG 角色扮演游戏 、SRPG 模拟角色扮演游戏、MMORPG 大型多人在线角色扮演游戏 就是我们常见的网络游戏了....等等)


游戏的风格/世界观背景(例如:中国风、欧美风、日风二次元、枪战、科幻....)


(日式魔幻题材)


(东方玄幻题材)


  • 上面的例子虽然LOGO风格各异,但是相同类型的的游戏,设计元素以及表达的产品属性都类似,方便我们作为设计思路




2.2 字体设计

选择字体


选择一款能够表达游戏风格(世界观)的字体, 文字字体的特性会给人产生不一样的感觉

例如:中国风游戏的:水墨字体,或者卡通休闲游戏的:Q版圆润字体......



(水墨字体)

(Q版圆润字体)


将字体进行排版,并且将字体进行设计(此处涉及到平面设计的-字体设计)



字体设计


  • 方法1: 字体设计时对笔画的装饰变化( 注意统一性,不能在一组字中每个字的笔画变化都不同,不然必将破坏字体的整体美感)

简单来说:就是将元素替换成笔画,既不影响识别性,又增加了美感



  • 方法2: 字体设计时对笔画进行重组(在不影响文字识别性的情况下,删除笔画, 将其中一到两个笔画突破外形的界定,或向外延伸、相连,或收缩、与其它笔画相依)

根据格式塔原理,我们的大脑倾向于「脑补」不完整物体的空白,并利用我们的视觉感知来使图形完整化,所以不用过分担心识别性

当然字体设计不仅仅可以运用在LOGO上面哦,例如:Banner的标题

字体设计的方法不仅这两种,不过是我平时使用最频繁的,分享给大家




2.3添加设计元素

        主要是将游戏特色,游戏玩法等等。设计成可视化符号,视觉中心是游戏名字,所用元素不宜过花,或者过于抢眼,主要是作用是让名字更加突出,并且突出游戏特性


  • 方法1:

  • 1.1:突出图形符号,而图形符号能够唤起人们对某一个抽象意义、观念或情绪的记忆

  • 1.2:玩家熟知标志性可视化符号,例如具象化的:棋牌游戏的麻将、筹码、骰子等

(抽象的图形符号)


(标志性可视化符号)



  • 方法2:突出核心角色,例如RPG、ARPG等角色扮演游戏, 玩家负责扮演这个角色在一个写实或虚构世界中活动,突出这个角色能够给玩家带来共鸣


(突出游戏角色)


  • 方法3:突出场景,主要是通过场景展示世界观,例如MMORPG游戏(大型多人在线角色扮演),本质是构建一个虚拟世界,让玩家在这个虚拟世界中扮演某个角色,并没有固定的核心角色和剧情,突出场景更能把“虚拟世界”这个点表达出来


(场景烘托氛围)


  • 方法4:突出玩法,整体呈动态效果,很好的展示以核心玩法为主为卖点的游戏

(突出玩法)


  • 方法5:突出世界观元素,将游戏背景元素跟字体设计结合在一起,突出了游戏背景和整体的美术风格

(突出游戏背景元素)

  • 方法6:突出文字,而突出文字的主要原因要么IP加持,要么玩家对这个文字认知很熟悉,能够从中与自己熟知的事物产生联想,多余的元素反而影响文字的阅读性

  • 核心需求是突出游戏特性,如果你还有不一样的设计方法,欢迎一起交流哦




2.4颜色( 用于产品整体的视觉包装中,作为产品的品牌颜色)

  • 涉及知识:平面设计(VI和色彩情绪)


  • 色彩是具有情感的,所以需要知道游戏的人群定位,美术定位,而且颜色不仅仅用在logo上,可以贯穿整个游戏,成为线上设计,以及线下推广的元素,形成品牌效应



  • 分析颜色表达怎么样的情感( 例如:红色寓意着热情、激动、轰轰烈烈,橙色寓意着激情、狂热、动感等)

  • 分析用户人群定位(例如:以男性用户为主的科幻游戏(黑色、蓝色...)以女性用户为主的恋爱游戏(粉色,蓝色,紫色...)




  • 分析游戏美术定位(例如:Q版休闲游戏,色彩鲜艳,偏写写实类的角色扮演游戏,色彩偏灰)


             






2.5 字体样式与材质

        不同于平面设计的logo,游戏的logo大多都是有材质的,为什么呢?


取决于:

  • 材质能够提升logo的品质感(俗称的:有细节)

  • 能够传递游戏的特性


需要增加什么质感呢?

  • 由游戏的整体设计决定,因为游戏logo的画风应该与游戏内的UI、场景、角色等保持画风统一

  • 由添加的设计元素决定,设计元素应和文字保持画风统一

(元素与字体的材质保持一致)




2.6 易用性

        游戏logo的核心作用之一是: 提升产品品牌形象,提高市场转化率,所以logo会被广泛运用到线上(官网、五图...)线下(户外广告、展会....)等作为推广元素之一

所以需要考虑logo在任何环境,以及背景下能被清晰地识别及应用


  • 能够在深色和浅色的背景上清晰的显示

  • 考虑到logo要做vi延伸,需要做到应用性和易用性,所以需要考虑做成矢量logo的样式







3  常见问题


  • 文字和装饰元素过度设计,导致logo文字的识别性差

解决方法:①做减法设计,减少文字笔画过多的装饰设计或者文字过度变形导致识别性变差

                 ②减少装饰元素,多而繁杂的元素会导致干扰文字的识别性,保留核心元素,因为设计元素很多时候作为面和点来使用,面是用于衬托以及突出文字的识别性,点用来烘托氛围,但是当面过于碎,以及点太过于多的时候,这些就会形成干扰的元素



  • logo没有层次感

                 logo的层次感没有拉开,让装饰元素以及文字糊在一起了,造成的没有视觉中心,通俗点说就是颜色的明度(对比度)没有拉开,在色相上还选择了同类色(相近的颜色)造成的

解决方法:通过调整明度,或者选择对比色,让文字跟元素形成对比,营造层次感



  • 明明我觉得做的不错,为什么还是要不停的修改

设计不是一版过的,需要不同的做尝试,例如字体的不同排版,字体与元素的不同结合,不同颜色传达的情绪,不同质感带来不同的游戏特性,更重要是不同的人看了,会有不同的主观感受,例如你老板和你主美持有不同的意见, 这样你需要修改让他们达成观感统一,当然最重要的是用户看到时候的感受,总的来说就是不停的尝试,设计迭代,直至最佳的方案



  • 明明我觉得已经学会了,但是设计出来的LOGO,还是觉得不够优质

方法论并不能让人从入门—精通,只能让你学会设计logo所需要思考的东西,培养你的大局观,具体的设计是需要基础的知识打底,字体设计,色彩,质感等

你的哪一方面基础越扎实,表现力也越出彩,当你都精通的时候,大概也不存在这个疑惑了


(举例图片来源网络,如果有冒犯,请联系删除)






恭喜你看完啦,希望你有所收获

觉得不错给点赞关注一波吧,会持续更新干货哦


                       

个人QQ:1160316437  (如果你有不一样的观点,欢迎来交流哦   ) 

全栈行业交流群:807048135(如果同为UI的你,欢迎一起交流,和全栈的小伙伴一起做练习,平时还会有作业点评和主题比赛哦)         

                          

                                                             




72
举报
|
110
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
智能家居中心 简约 UI设计组件库
UI界面 组件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】体育icon
新能源APP应用UIKit
拟物风质感写实UI卡片合集源文件
APP/小程序商业项目UI模板|99个高保真UI+79个原型
UI 登录界面设计模板包
【新年UI图标】珠宝icon
手表表盘UI系列
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
我的钱包-UI界面设计-app
【新年UI图标】旅行icon
【新年UI图标】30个图标
UI通用设计素材1
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】积分icon
高级表盘系列UI源文件
【新年UI图标】活动icon
科技医疗透明柜UI界面设计
盲盒APP UI设计
高级感金属拟物 UI设计组件库
钱包ui模板
你可能喜欢
相关收藏夹
大家都在看
登录注册