天才教育网合作机构 > 上海UI设计培训机构 > 上海图标设计培训机构 >

上海湖畔艺术设计教研院

欢迎您!
朋友圈

13148175809

全国统一学习专线 9:00-21:00

位置:上海UI设计培训资讯 > 上海图标设计培训资讯 > 上海游戏图标设计,游戏里那些图标和界面,原来是这么设计出来的?

上海游戏图标设计,游戏里那些图标和界面,原来是这么设计出来的?

日期:2023-03-30 17:03:46     浏览:785    来源:上海湖畔艺术设计教研院
核心提示:假期要开始了,很多学子都在为自己的前途奔波,今天小编也整理了很多关于上海游戏图标设计信息,以及大家所关心的这些问题Duang~~!游戏的Logo应该长哪样?,游戏中的图标怎么设计出来的? 附教程,游戏里那些图标

假期要开始了,很多学子都在为自己的前途奔波,今天小编也整理了很多关于上海游戏图标设计信息,以及大家所关心的这些问题Duang~~!游戏的Logo应该长哪样?,游戏中的图标怎么设计出来的? 附教程,游戏里那些图标和界面,原来是这么设计出来的?,简约、创意、易记 | 游戏公司LOGO(标志)设计思路分享??

1.Duang~~!游戏的Logo应该长哪样?

文/TGideas强总本文作者强总就职于腾讯游戏官方设计团队,平时爱收集一些LOGO的设计,也曾多次为游戏设计LOGO,本文为其经验分享。一、游戏LOGO设计重要性一个游戏的LOGO是一个游戏综合信息传递的媒介,LOGO在游戏的形象传递过程中,是应用最广泛、曝光频率*,同时也是最关键的传播元素。LOGO常会用在包括网站,展会,周边,户外广告,视频演译等等。你的游戏特性及游戏品质,玩法,都有可能被涵概于LOGO中,通过不断的刺激和反复曝光,能让LOGO深深的留在玩家心中,形成一定的产品印象,视觉符号。而一个好的游戏LOGO能给玩家传达准确的产品信息,抓人眼球,吸引人心,提升产品品牌形象,提高市场转化率。二、什么样的游戏LOGO才是好LOGO?1.能体现游戏特性,能*时间向玩家传递出产品主要信息例如:枪战军事类的游戏LOGO是长这样的:且不论这几个LOGO长得是否完美,它身上的一些设计元素已经能完整地向玩家传达了它是枪战军事游戏的属性,它是枪战类游戏而不是其它类型的游戏。虽然设计元素不尽相同,但它们都具备FPS必要元素,金属,硬朗图形。游戏LOGO的种类繁多,这里就不一一举例,就里只是要说明一个好的游戏LOGO设计应该能给玩家传达正确的品类信息。下面是一个游戏LOGO应该具备的视觉传达信息方向。2.识别性强,图文清晰先看看下面几个LOGO:它们能通过如描边,拉开明暗对比,颜色对比等等的设计处理方法,让LOGO的结构显得非常有层次感,主次分明,这样的游戏LOGO它完全能准确地将主要信息能清晰地传达给玩家。3.可用性易用性强就是说它在各种环境,各种背景下能被清晰地识别及应用,一个好的游戏LOGO它不能只是好看,它得能用。游戏LOGO往往为复合图形,多为文字与图形结合,结构比较复杂,结合方式及表现的手法都将影响到整个LOGO的可用性和适用性。而设计师或者需求方却往往又喜欢给LOGO会加了很多自己认为很酷很炫的特效或者装饰元素。一个成熟的游戏LOGO设计应该兼顾到这些应用性的问题,这是基本要求。一个成熟的游戏LOGO它必须既能应用于亮色背景,也能应用于深色背景,既能用于单色背景,也能应用于复杂背景颜色的背景下,也能有单色LOGO应用,还能在最小尺寸的应用 环境中保持能被清晰识别。如上图LOGO的设计,在设计之初就应该考虑LOGO的各种特殊应用环境,不同背景下的应用问题。4.高品质感游戏LOGO有没有品质感觉主要体现在三个方面,造型,颜色,质感,总结起来就两字:美感。一个品质不高的游戏LOGO设计,能直接影响或能直接拉低玩家对你游戏的品质认识,一个山寨的游戏LOGO设计能直接把一个游戏推进山寨的坑里。下面给大家例举几个品质感较高的LOGO设计相信对比之下,好与不好,不言而喻;有没有走心一眼明了。走心的LOGO设计细腻,具有构成上的美感,品质上的高B格,能为游戏产品形象加分。当一个游戏LOGO只有能同时具备了以上四个条件时,才能称得上是好LOGO,缺一不可。三、应该怎样是设计一个好的游戏LOGO?*步:量身这一步的主要包括下面的工作:1.了解需求在接到需求时,需求方都会写上一堆需求要求,类似高端大气上档次,狂拽酷炫吊炸天的诉求不少出现!有时还会出现一些自相矛盾的需求信息,着实让设计师抓狂,所以这要求设计师有能力去分析一下其中的真命题与伪命题,因为很多时候需求方自己也说不清楚自己想要什么,或者他想把他能想到所有的元素都想附加到这个LOGO身上,还有一些纯天马行空的想法。2.了解产品这是设计LOGO前必须做的功课,设计师必须充分了解游戏产品,了解游戏品类,游戏风格,游戏特色,游戏玩法等等。搜寻可视化符号和标志性的影像信息,抽取重要的设计元素及重复出现的视觉信息。让自己的眼睛去引导自己,而不是拿尺子去量,听别人讲,得用眼睛去找出设计方向。3.沟通说出你对这个游戏LOGO设计方向的初步想法,使用需求方听得懂的视觉语言来进行沟通,例举同类型产品参考案例,分析优劣,与需求方交换设计意见,也可以进一步了解这款游戏未来的市场定位,以保证在大的设计方向上能达成一致的共识的,同时在这样的过程中也能取得需求方的信赖,让他成为你的小伙伴。4.确定设计方向设计元素一个游戏LOGO它也仅仅是一个LOGO而已,而需求方往往希望它能给玩家带来大量的视觉信息。提出许多要体现的元素设计诉求,但作为一个LOGO,传递出的信息越少,就越容易给玩家留下深刻映像。所以必须对LOGO的设计元素进行提练精简,以保证LOGO在视觉上*时间能向玩家传达出产品的核心信息。第二步:定做1.发散构想LOGO设计师应该是具备创造力、想象力、创新能力的设计师,对图形图象信息比较敏感,每一个LOGO设计前设计师都可能进行了多种构想,包挺图文结成的方式,LOGO形状,LOGO的颜色,考虑使用何种色彩、形态、肌理,表现某个特定时期的特定风格。这一步有些设计师喜欢打草稿,而我喜欢在脑中绘图,在我坐着班车回家时想,也可能是在我洗澡的时候想,每个设计师都可能有自己一套构思创意的方法。这里只是要求大家应该多想想再动手。2.形状设计其实这一步主要是字体设计,当然也有一些图文结合的LOGO,但多以字体设计为主,之所以对文字进行设计,是因为希望它具有文字信息传播的功能的同时具有图形信息的传达功能,因为字体经过设计是能具有自己的性格,它可以是秀丽柔美,稳重挺拔,活泼有趣,苍劲古朴等,优雅古典,所以可以根据产品的特性设计合适的字体,字体设计的涉及的学问比较多,这里不做介绍。但这里对游戏LOGO的字体设计有几点基本要求:(1)字体的没有可识性的问题(2)字体设计具有视觉美感(3) 字体设计的图形个性符合游戏的特性3.颜色的选用色彩是具有情感的,是一种直接的视觉的反映。因此,选择一种合适的颜色,能为您的LOGO带来颠覆性的变化。每种颜色根据色相的不同,都会具有不同的性格情绪,每个logo身上的颜色上有着它自己的象征意义,具有传达情感信息的作用。而且一个游戏LOGO上的颜色,一般会被用于产品整体的视觉包装中,作为产品的品牌颜色。正如COD现代战争3一样选用绿色作为产品的主品牌颜色,其产品的视觉包装都统一使用绿色,黑色作为主基调,这样的LOGO除了具有产品特性传达功能外,更主要的是它能在玩家心里留下深刻的品牌印象。即使给玩家展示一只有绿光波和战士的图片,玩家也是能一眼看出这是COD MW3。4.打磨质感游戏LOGO为什么大部分有质感,为什么都不平面化处理呢?因为你的产品不是像COD这样具有历史的游戏。COD*代产品的LOGO是肯定有质感的,只不过是经过多代产品沉淀迭代,产品LOGO才逐渐走向轻质化无质化,因为COD字形标识已经在玩家形成一个品牌视觉符号。它的LOGO无需再向玩家传达它的游戏特性。质感是*最直接体现游戏特性的设计元素,选择一个合适的的质感,能直接影响整个LOGO的品质。质感的表现手法是多种多样的,有卡通风格的,有重金属风格的,有史诗沧桑感,有残旧碎裂感的,......等等。而游戏LOGO的质感塑造*能与游戏自身UI或者游戏背景,游戏世界观,游戏风格有关联。以增强游戏的带入感,也能通LOGO*时间向玩家传达产品的有效信息,引起玩家对游戏的一定兴趣。完成了以上的步骤,一个游戏LOGO才算是标准化地完成。四、总结当我评判一个游戏LOGO是否是好的游戏LOGO设计时我有以下几个标准:1 长像,它是否长得像游戏LOGO,它是否适合这个游戏,也就是说它能否给玩家传达出这游戏的品类及游戏特色信息2 识别,它是否存在识别上的问题,主要信息能否清晰传达。3 可用性,它是否能用,好用,在各种特殊环境的使用中,是否能保证显示清晰。4 品质,它长得美不美观,有没有品质感,有没有细节。作为游戏LOGO设计师我觉得应该注意以下几点:1 理解,设计前务必先了解产品,理解产品。2 沟通,只有通过沟通,充分了解需求方的诉求,才能明确设计方向,少走弯路。3 思考,先思考,构想,发散,有了靠谱的创意之后再动手开始做。4 走心,用心关注每一个细节,不求完美,但求尽力而为。注意点:忌元素堆砌,生拼硬凑,提炼元素是LOGO设计的精髓,简即多,亦简亦佳;注意元素的主次关系,主要信息是否能清晰传达;注意细节才有品质。

2.游戏中的图标怎么设计出来的? 附教程

在游戏公司研发项目,我们需要给项目组制作相应的游戏UI界面、图标,而图标的设计制作需要和界面的风格和配色相互呼应。尤其是图片的大小尺寸,往往根据使用不同,绘制尺寸需要300-1500大小,比如正常图标通常是300-500像素就够了,而LOGO、徽章、特卖商品需要绘制1000左右甚至更大尺寸。外包上线项目《苍之纪元》-已授权可展示我们通常在绘制草图阶段就会把大图和小图同时放PS软件中一起检查识别度、项目匹配,在绘制时候就会注意细节的设计等问题。外包上线项目《苍之纪元》-已授权可展示所以如果是新人,在入行初期养成良好的工作习惯往往会提高工作效率也会更加容易画出好的品质作品。案例分享:相信很多设计朋友在工作中都会收到各类奇葩的工作需求,比如没有参考图,没有尺寸,没有设计说明等三无产品,但是——我们必须给出一个碉堡的设计出来。另外除此之外可能整个工作过程也是没有人帮助、没有领导拍板、没有同事交流等囧境……下面情节如有雷同,不是巧合,是缘分!某个周五快要下班的晚上,我手机工作群收到了项目同事的工作需求,关键是当晚必须要!!于是我放下背包重新打开电脑,开始拼命收集素材加速干活。(这也是很多设计师没有女/男朋友的主要原因,加班太多)生活中很多不明白的事情我喜欢多动手网上找,一会时间我就明白为啥叫绿舌头了。几分钟后我已经找了很多参考图,心里也有了大致的设计思路。绘制图标我喜欢画的大一些,避免游戏项目做HD(高清)版本,如果画太小要重画。01 打开photoshop新建一个1000x1000像素大小的画布,分辨率72就可以。02 简单的绘制一下我们需要绘制的图标草图,个人一般喜欢用ps自带的硬边笔刷。03 按照素材做了一个绿舌头版本,总是看着很奇怪,这是为啥呢??04 既然项目都说了只要项目合适,颜色可以自定义。于是换了下颜色,试试粉红色版本这边草图大家可以把大体的明暗关系简单刻画下,这样心里有数后期画成啥样。05 截图是我个人笔刷,前面4-5个笔刷使用频率*的,硬边笔刷、喷笔、升级版19号笔刷、特效笔刷等。(建议小伙伴花一些时间整理自己常用的笔刷,这样会大大提高我们日后工作效率)06 使用渐变工具或者平涂加喷笔都可以得到下面效果,这边建议大家可以先钢笔勾勒一下绘制区域,这样画出来的图标更加精美哟~07 因为冰棒是通透感比较强的材质,我们可以画出一些木棒,这样显得更棒。这边绘制使用了选区加画笔工具08 增加质感,添加了一些冰棒的反光,完善材质效果。同样是选区加喷笔绘制09 这部增加了冰棒底部反光10 增加了环境色,让图标看上去颜色不单调,反光处用了一点蓝色冷光做颜色互补。注意图层画笔用喷笔,叠加效果11 增加高光,钢笔勾勒整个高光,然后做一个蒙版,画笔上下和中间部分擦一下即可得到这样效果。12 进一步完善细节,增加反光和次要高光13 增加折射和水滴细节,这样冰棒更有真实性14 水滴的细节大图,需要使用画笔手绘刻画15 请注意分层,避免工作中的返工16 细节光影和高光不能少17 接下来我们画木棒,注意这边投影我后面给一点模糊,细节会更美妙18 刻画出木棒的厚度,注意反光和边缘转折厚度19 给了2像素的高光,这样木棒看着更自然,不会像个“纸片”20 给了点小细节—透光,21 整体调整,给了一点辉光,这样图标看上去更棒背景是用渐变工具拉的,简单出效果22 整体饱和度和细节小小调整了下我们图标就画好了?24 画好了图标需要和整体界面和其它图标品质、细节搭配检查,这样才能判断是否是一个合格的图标设计作品。把画好的图标放到我们实际项目中的界面中去,检查配色、风格和识别度。作者:ET25 当前图标为选中态,选中时候会比正常图标放大一些。这个时候如果细节画的过多或者太碎需要取舍修改,如果比例、配色、识别度、风格都没问题,那么很容易就通过了。教程导师介绍邓杰/Jack01前网易游戏设计专家● 游戏圈从业13年+,培训/外包经验7年+● 主导和参与过大量国内、外游戏项目● 曾就职于网易、人人网、掌趣科技02受邀分享设计经验2021年受邀中央美院、河北美院等高校、企业分享设计经验2021年入职网易游戏担任视觉设计专家2021年受邀腾讯游戏“光子工作室”分享交流03出版畅销书籍一切劳动,一方面是人类劳动力在生理学意义上的耗费;就相同的或抽象的人类劳动这个属性来说,它形成商品价值。04获得诸多荣誉腾讯GAD游戏-UI导师证书UI*颁发-优秀培训机构奖杯汉王杯*CG作品大赛-*创意奖课后练习:请根据上面说的检查图标设计定律,请选出下面每组你认为最棒的编号。请大声告诉我答案是?欢迎入群跟老师交流“数艺设”游戏UI交流1群:

3.游戏里那些图标和界面,原来是这么设计出来的?

UI设计最硬核的思维 就是功能微信现在在做一种全面连接的功能,而游戏需要实现的是人机互动的功能。实现并完善功能,是互联网、游戏、网站、渴望UI人才的根本原因。如果说有电脑的世界是一片很大的面,那么可视化的操作,都是UI设计师需要负责的点。UI设计并不只是单纯的把一张图,一段话打印到一张纸上,而应该是经过UI设计师本身深思熟虑后的呈现。UI设计更多的是需要去思考,思考每一个元素,对功能的影响,让这些点在脑海中不断的组合,然后运作起来,在运作中体验整个过程的流畅性。如果有哪个环节不行,还得把它们打散,再重组,直至达成一个心中完美的环。然后,才进行到把它们呈现出来的步骤。从整体出发 围绕功能点的UI设计这是给剑网三做过的一个每周日常的界面。这个界面,拥有很多的功能入口,初次拿到策划的UE需求,经历了一段时间的讨论和修改,把功能集中的界面拆分成几块,分步调整。需要注意的点:1.保证通用性节省资源量,缓解游戏整体安装包的大小,节约用地面积是我们每个UI设计师惜墨如金的品质。2.宣传指引每天推荐玩家的日常活动,我们采取放大版面和字体来引导和方便玩家快速理解。3.可视化UI把很多文案内容转化成图像,这样一眼打开界面,玩家不需要很长时间的拖拽、下拉操作,就可以找到自己需要的功能。4.一键操作我们除了配图,更要对按钮有统一的部署和位置的编排,每个按钮对接的界面功能不同,表现形式和大小位置都要根据这个界面入口的功能去设计。5.美观这才是最难的点,大量的信息、按钮、内容,如何用交互的逻辑去把它们展示出来,并且方便使用,除了反复讨论、测试、反馈、修改...更需要坚持不断的学习。这个界面制作的主要功能,就是日常任务内容的集中展示面板,玩家需要一眼就明了自己。需要完成的日常有哪些,为的是得到最终的奖励和经验。实际运用中,玩家需要来到这样的一个地方做日常:如果我们只是像一张海报一样,做给玩家看,那就是下面这种效果:然而, *呈现的效果是这样:为什么要这样设计?有以下几点原因:1.根据这个入口想表达的功能,类似一张名片的设计,醒目。2.有剑网3清透,玉一样纯朴高级的质感。3.用不同心理暗示的颜色去做区分,引导玩家。4.并且对每个任务加上了注释的小标签。5.点到为止。(要预留扩展性的空间)分步骤梳理、突出主要功能,并且视觉优化这个功能。在这样一种逻辑思维下,最终界面以图文结合的方式,以卡片的选择方式布局,满足最终功能。如果说,界面是所有功能的集*,是功能集合的面。那么图标,就是单独功能的集中视觉传达,ui设计里的点。任何一个游戏里的技能、物品、武器图标,都是带有自身功能的,设计做成可以传达给玩家的视觉图标,从图标自身出发,去引导使用操作。这些点,汇聚起来是一条完整的逻辑思路,可以帮助引导,玩家按照一定的规则达成目标。比如,一套可以升级的挂件,图标虽然是同一个物品,但是质感、造型、色彩上,会有越来越华丽,给玩家带入一种升级的概念,这种概念串联起来,就是装备的升级功能。由点到线,每套装备图标都会依照这样的标准进行制作,来满足功能。带有扩展升级功能的图标(色彩升级 造型升级)自己做过的一套技能图标示意:武当、土黄色剑、八卦道家门派、施法根据不同门派特色去思考功能设计,每个不一样的图标是战斗系统的功能入口展示,这个图标,可以运用到多个系统中,比如,主界面战斗、技能学习、 技能升级。这些模块都会放置这样一个技能图素。那么它们每个图标的辨识度 整套图标的统一性以及与特效动作的配合,都需要在设计初期被考虑到。天王、橘红色、战士、刀、马术攻击由点到面,一个技能图标就是一个战斗系统的功能入口。 在对文案有细致的分析后,结合游戏风格和门派特色绘制出来适合的技能图标。并且,适配方形框(一般展示用界面)和圆型框(战斗界面多为圆形按钮)两种状态。峨眉、女性门派、柔美、水系法术攻击用按钮和文字框以及背景气氛图来制作红包领取的界面,这几个功能点串联起来就是引导玩家,领取礼品的功能点。充满礼包的图片,并不是随意制作,结合领取框用红色喜庆的调子来,突出奖品的丰富性,心理和视觉暗示喜庆丰富的气氛,引导玩家的操作。而时常会出现在游戏中,一些华丽的外表和不同的造型并且珍贵稀有的图标则是为了收集功能服务。举例,剑侠世界手游中的秘籍图标,装备后会提升各种状态,也并不容易获取,那么它的视觉引导要求区别于普通图标,展示区域也会跟着放大,拥有更丰富的细节,去吸引玩家注意力,在复杂华丽的外表下,是有收集功能做支撑的。UI设计服务于功能,即使图标这样小小的一个点,也需要承载整个游戏所赋予的各种功能需求,牵一发而动全身,对于设计师而言,做好每个点都不是一件轻松而简单的事情。不良好的BUFF,给战斗带来紧张气氛 提醒玩家状态(为战斗功能服务):更多的例子,其实都可以按照这个思路去分析一下,每个设计表现所蕴含的意义。有点到面,从一个图标,一个界面去细细分析。游戏设计包罗万象你怎么去传达给玩家你的心意?你只能逐步去引导用户操作这大概就是UI设计师的隐忍吧明明想把字调整到大海报一样100号大小却要在小小的角落里48个像素格子去说自己想说的话互联网的世界,在你看不到的地方有这样的一群设计师为你点亮一盏灯那盏灯是一个按钮是一个界面是一段文字是一个UI设计师最简单和最质朴的心愿希望,服务到大家照亮你人生一段需要陪伴的路原文发布于西山居美术中心公众号,可点击查看原文:UI设计

4.简约、创意、易记 | 游戏公司LOGO(标志)设计思路分享

游戏公司名称:逗猫创意思路:暂时先分享到这里啦~更多精彩品牌设计案例(LOGO、包装、VI、吉祥物等)及合作,欢迎大家到特创易官网围观哦~也欢迎有想法的设计师到特创易兼职接单哦~企业品牌设计_LOGO设计公司_企业VI设计平台 - 特创易

以上都是我为大家细心准备参考的,希望对你们有所帮助。

学员评价ASK list

  • 郑**评价:不得不说,CG动漫简直太酷了,当初选择交大湖畔学习简直太明智了,越学越喜欢
    手机号码: 156****2140   评价时间: 2024-05-16
  • 刘**评价:环境很好,师资力量也很雄厚,大品牌值得信赖!
    手机号码: 135****1147   评价时间: 2024-05-16
  • 颜**评价:教室环境很不错,地理位置很好。老师讲课很细心很温柔,做衣服很有意思哈哈哈哈,感觉很有成就感,教室蛮大的,缝纫机很好用
    手机号码: 144****4942   评价时间: 2024-05-16
  • 未**评价:想学动漫设计,可是始终没有找到合适的课程,朋友推荐了交大湖畔这个课程,真的来对了。
    手机号码: 159****8978   评价时间: 2024-05-16
  • 娜**评价:老师真的非常专业,我学到了不少,也提高了不少!现在对自己的未来非常有信心!
    手机号码: 131****5230   评价时间: 2024-05-16
  • 崔**评价:感觉上海交大湖畔还是很不错的!这里的老师也太好了吧,指导学生很耐心也很专业,我真的遇到好老师了,哈哈!
    手机号码: 180****1622   评价时间: 2024-05-16
  • 未**评价:一直想学软装,朋友推荐了上海交大湖畔国际艺术与设计教研基地的软装课程,只想说这里的老师太专业也太敬业了,我从一个小白,就几个月时间成长飞快,现在终于实现梦想,成为室内软装设计师啦!
    手机号码: 130****1437   评价时间: 2024-05-16
  • 未**评价:在交大湖畔学习的游戏原画,真的是太牛了,老师很专业,教了我很多方法,让我学会了游戏原画。
    手机号码: 152****1834   评价时间: 2024-05-16
  • 何**评价:交大湖畔的原画课程还是非常厉害的,我从一个小白开始学起,现在已经可以自己赚外快了!老师很专业,有耐心,课程也挺丰富,推荐
    手机号码: 186****6961   评价时间: 2024-05-16
  • 任**评价:当初学习动漫就只是为了兴趣,没想到在交大湖畔的学习了以后竟然就找到一份动漫设计的工作,兴趣就是工作,还有什么比这更幸福吗
    手机号码: 147****8294   评价时间: 2024-05-16

本文由 上海湖畔艺术设计教研院 整理发布。更多培训课程,学习资讯,课程优惠,课程开班,学校地址等学校信息,可以留下你的联系方式,让课程老师跟你详细解答:
咨询电话:13148175809

如果本页不是您要找的课程,您也可以百度查找一下:
相关文章