1,344被浏览202,609分享邀请回答888 条评论分享收藏感谢收起4310 条评论分享收藏感谢收起游戏UI设计有哪些需要注意的关键点
发布时间： 11:41:42 &&&&阅读次数：11734次&&&&评论数：0次
人员，做为游戏开发团队中的一员，在游戏开发中起着重要的作用。一个游戏开发的成功不成功，玩家认可不认可，在一定程度上受到游戏UI设计人员的影响。那么，在游戏UI设计过程中有哪些需要注意的地方呢？下面小编就为您简单总结一下。
一、游戏界面应以简单、朴素为主。游戏玩家最忌讳就是各种菜单面板铺满天飞，各色文字很难阅读，分辨，颜色纷杂，毫无主次，令人眼花缭乱。游戏进入不超过3步。 步数多了玩家每次就不想进这个游戏了。对话框的深度不要超过3层。菜单层级在3-4层之间，太深会使用户找不到方向，用户玩个游戏时绝对不会去找一个隐藏在4,5层弹窗里的功能的！
二、游戏的icon在缩小的时候清晰可见，减少文字的出现，尽量用图来说话，icon 边缘剪影清晰，隐藏复杂性。绘制游戏中的icon的要点，1.让主题边缘清晰，2.主体在有限的空间里尽量饱满，3.色彩饱和，高对比。 4.不能太花，尽量简化内容，和边缘的复杂程度。（这些都是为了在icon缩小的情况下能很清晰的展现）。信息分区的好处在于玩家想要去找同种属性的信息时不会去另外的区域去找，就像上图星际争霸2的UI一样，要控制这个单位行动你只会在最右边的选择单位行动区去找，而不会去什么地图区去找。常用对话框之间的切换要在150毫秒到200毫秒之间。这点切记针对的是常用UI，部分不常用的UI可以动下脑子，让他出现的时候可以有点意思。
三、可容错性。大部分要有可让玩家反悔的选项，避免误操作给玩家带来的不便。返回键啊，取消键啊 什么的都是可容错属性。
四、一致性。游戏UI风格要和游戏中的内容一致。在文件大小允许的情况下我们可以在弹窗上适当的做些花样，使游戏更加活泼，记住前提是文件大小允许。再者，信息呈现的位置也要保持一致性。同级菜单的部分按钮请保持位置一致，让玩家养成习惯。
五、功能优先。这是重中之重，先确定方向，再进行美化。开始设计时一定要是画的是草稿，千万不要画成成品，要不改动成本太大了。这和做设计时是一样的，一定要先有样稿！当然美化的前提一定是不能让游戏卡
这里一定要和程序策划沟通好！
六、玩家习惯问题。不得随意改变玩家习惯操作，这样会造成玩家难于上手。比如HP一般是绿色MP一般是蓝色，WASD的方向操作，E或者F为使用，美版PS3叉子键是确认 圆圈键是取消。日版PS3 叉子键是取消 圆圈是确认等等。当然这需要很多游戏经验，所以，多玩游戏是必要条件。
七、可扩充性。可扩充功能边框的设计要点：1.重复性的简单背景，千万别把背景设计的过于花哨从而导致扩充功能时抓瞎。 2.功能区分层。
八、视觉完美。在有游戏画面的界面中尽量使UI没有特别的重心，最好做到无形入化。在UI设计视觉元素的用法时要拿捏适度，不能因为视觉元素过多而影响游戏的体验，也不能因为没有视觉元素而降低游戏整体的传达。
以上是几个中常用的小技巧性的东西，希望能给您一定的帮助和启发。如果您想对相关内容做更进一步的了解，可以到一品威客网官方平台去向专业人员咨询或发布自己的任务需求。
本文地址：来源：一品威客，转载须经版权人书面授权并注明来源
软件UI设计相关文章
我们提供的，不仅仅是资讯。免费注册一品网会员，您可以——
成为雇主 百万威客为您解决难题！
多方案 低价格 价格由您定！
成为威客 凭技能 ，赚取真金白银！
威客时代，轻松赚钱，首选一品威客网！
免费注册会员
相关任务推荐
￥&&&2个人交稿
￥&&&3个人交稿
￥&100-1000&&2个人交稿
￥&50&&4个人交稿
￥&2000&&0个人交稿
VIP经验分享&|&赚钱故事
“初识一品威客网时，我们也是经历了很长时间的了解与沟通，发现平台的理念、服务态度等诸多方面，跟临...
“人生太长了，一定要知道自己想做什么；然而时间太短，很多事情再不开始就来不及了。”五週网络科技有...
重庆斯骏科技有限公司成立于2013年11月，是一个年轻的互联网科技企业，也是重庆最具影响的...
编者按：她是一品威客网两届原创表情设计大赛的二等奖得主；她曾就职于一动漫公司，现在是专职...
热门关注TOP10
Copyright (C)
www.epwk.com 厦门一品威客网络科技股份有限公司版权所有 备案：闽ICP备号游戏ui设计是什么的基本知识技巧
发布时间： 11:59:14 &&&&阅读次数：14560次&&&&评论数：0次
随着科技的发展，用户对游戏的UI品质要求越来越高了，UI即User Interface(用户界面)的简称。游戏UI设计则是指对游戏软件的人机交互、操作逻辑、界面美观的整体设计。好的游戏不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。
用户界面(UI)是游戏开发中面临的最大挑战之一。开发者总希望尽可能多地透过小小的屏幕将所有信息传达给玩家。如果一款游戏的用户界面过于糟糕，那么即使再优秀的游戏理念最终也只能创造出不尽人意的用户体验。下面一品威客网为您介绍游戏ui设计是什么的基础知识。
游戏UI设计可分为两个部分：程序编码设计与UI设计。程序编码设计字面意思应该很好理解，因为程序的工作主要是把策划的设计实现出来，和我们讨论的问题并没太大关联所以我们暂时不做描述。
在这里主要介绍游戏UI的设计。UI的本意是用户界面，是英文User和 interface的缩写。其实他们之间还应该有个更重要的词-交互（interactive）。游戏UI设计的重点其实就在用户与界面的交互上，而不仅仅是漂亮、华丽、符合游戏风格即可。
怎么样才能设计出一个品质优良的UI作品呢？这需要设计者去了解目标用户的喜好、使用习惯、同类产品设计方案以及设计者本身对游戏UI的理解去进行设计。设计初稿完成后还要和各个部门的同仁不断的进行讨论对设计进行修正。衡量一个优秀游戏UI的标准，不是项目组中某个权贵的单方面意见，而是项目内所有成员集体意见，并且调研大量的终端用户并要求他们给出使用心得，来做为游戏UI优劣的评判标准。
游戏UI的设计要和用户紧密的结合，我们在意的是大众的感受和意见。游戏贯穿整个研发过程，我们需要不断的与用户沟通听取他们的意见，并对我们的设计进行不断的修正。最终的目的都是为了设计出一套大部分人都满意的作品。
目前国内的游戏UI设计还仅仅停留在一个很初级的层面，相当于欧美80年代末的水平。大部分企划人员只给出了最基本的功能需求，然后由美术设计师根据漂不漂亮去完成，没有专门的人员，去系统的调查用户使用习惯以及不同年龄阶段的用户对UI的需求取向等等。这些制作人员的疏忽造成了目前国内产品UI要么单调乏味，要么死气沉沉，要么抄袭大作。毫无自己的特色和创新点。
游戏UI界面设计理论涉及人机工程学、认知心理学、计算机学科、艺术理论等诸多领域，从多角度探讨游戏与游戏设计者、游戏与游戏者以及游戏者与游戏者交流的复杂关系，分层次研究网络游戏界面设计所包含的科学技术层、艺术审美层、心理情感层等问题。对上述问题的思考和阐述，不仅对有志于成为游戏设计者的人们，而且对游戏抱有无比热忱的游戏者都是有益的。因此要设计出色的游戏ui设计那就要多学习学习多方面的知识内容。
本文地址：来源：一品威客，转载须经版权人书面授权并注明来源
软件UI设计相关文章
我们提供的，不仅仅是资讯。免费注册一品网会员，您可以——
成为雇主 百万威客为您解决难题！
多方案 低价格 价格由您定！
成为威客 凭技能 ，赚取真金白银！
威客时代，轻松赚钱，首选一品威客网！
免费注册会员
相关任务推荐
￥&&&2个人交稿
￥&&&3个人交稿
￥&100-1000&&2个人交稿
￥&50&&4个人交稿
￥&2000&&0个人交稿
VIP经验分享&|&赚钱故事
“初识一品威客网时，我们也是经历了很长时间的了解与沟通，发现平台的理念、服务态度等诸多方面，跟临...
“人生太长了，一定要知道自己想做什么；然而时间太短，很多事情再不开始就来不及了。”五週网络科技有...
重庆斯骏科技有限公司成立于2013年11月，是一个年轻的互联网科技企业，也是重庆最具影响的...
编者按：她是一品威客网两届原创表情设计大赛的二等奖得主；她曾就职于一动漫公司，现在是专职...
热门关注TOP10
Copyright (C)
www.epwk.com 厦门一品威客网络科技股份有限公司版权所有 备案：闽ICP备号一个成功游戏UI设计的方法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
一个成功游戏UI设计的方法
阅读已结束，下载本文需要
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢成为一名移动游戏UI设计师应该知道的干货
?&带你进入游戏的世界& & & 目前市面上的手机游戏层出不穷，人们在享受游戏带来的乐趣时，也欣赏着游戏中各式各样的视觉效果。这给热爱游戏的设计师们提供了一个新的创作的平台，他们可以绘制自己喜爱的游戏界面，而创作游戏的乐趣和美观性主要取决于游戏UI设计师对游戏本身的理解。&&什么是游戏界面设计& & & 游戏界面设计是根据游戏特性，把必要的信息展现在游戏主界面、操控界面和弹出界面上，通过合理的设计，引导用户进行简单的人机交互操作，如图所示。& & & 想要设计好游戏界面，不仅要有良好的审美观，更要有对人机交互的认知度。& & & 一个好的游戏界面不仅在视觉上要有独特的美感，更要把游戏的层次感设计出来。交互的合理性、用户的体验感、元素的合理应用等都要把握得恰如其分，让游戏给用户足够的代入感。如图所示分别是页游界面、网游界面和手游界面。&&什么是游戏界面设计& & & &游戏交互设计尽量不要烦琐，用最简单的方式去引导用户进行操作即可。& & & &原则1：游戏中所有视觉元素都要为游戏本身服务。用户体验大多来源于游戏本身，游戏UI设计可为游戏带来视觉冲击，能让用户更直观地体验游戏，如图所示。& & & 原则2：把控好游戏的界面风格，注意色彩对界面的影响。如果界面的颜色反差太大，会让用户有脱离游戏的感觉。当然有的游戏也会根据自己的特殊设定，大胆运用一些反差较大的色彩来增加游戏的视觉冲击力。色彩只是游戏设计中的一小部分，运用得好可以锦上添花，运用得不好会给用户带来不良的视觉体验，如图所示。& & & &原则3：引导界面的设计应言简意赅。每款游戏都有自己独特的操作特性，想让用户在最短的时间内了解游戏的操作，需要设计一些引导界面来帮助用户。引导界面的表现很直观，只需要用简单的指示图片和说明文字，言简意赅地说明游戏的独特性和操作习惯就好，不需要太多花哨的元素去修饰。让用户轻松理解到游戏的特性，引导界面的作用就已经达到了，如图所示。& & & &原则4：游戏设计师要懂得很多客观知识，如排版布局、色彩搭配和人机交互等。对一个界面的设计把控要趋向于产品本身和产品针对的用户。在了解产品的同时要对产品自身的各类因素进行设计，来达到人机交互自然流畅。让用户感觉得心应手，也是设计好一款游戏的初衷，如图所示。?&带你进入游戏的世界& & & 设计出一款美观简洁、秩序感强，并能很好地为游戏的宗旨和内容服务的游戏，是每位游戏人所追求的灵魂。游戏体验的层次感尤为重要。制作一款趣味性强、宗旨明确的游戏并不简单。&&风格统一化& & & 在讲解游戏风格之前，首先要明白游戏的类型（game genres），因为游戏的类型与游戏的风格有着直接的关系。常见的游戏类型主要分为6类：动作类、冒险类、模拟类、角色扮演类、休闲类和其他类，它们又各有几十种分支，形成了庞大的&游戏类型树&。根据不同的游戏类型又可以将其风格概括为两大类：一是写实类，二是卡通类。&写实类游戏&没有公认的术语名词，只是注重模拟现实对象，例如模拟人生系列。& & & & 卡通类则没有太明确的风格划分。例如，《魔兽世界》可以大体归纳为欧美风，而《梦幻西游》则归纳为中国风，《洛奇英雄传》归纳为日韩风等。& & & &风格是一种展示游戏的方法和手段，没有实质的定义，例如，魔兽也可以通过Q版卡通风格去展示，所以风格的方向把控与故事的发展背景和市场的需要有直接关系，只要把控好大体方向即可。确定好风格的走向后，一定要注意此类风格元素的运用，不要尝试用过于跳跃的元素去搭配确定好的风格。整体的游戏风格把控要有统一性，注意游戏的界面、图标、按钮和文字的搭配与运用，如图所示。& & & &在设计这个界面之前，首先要搜集相应的素材，在选择素材的时候一定要与游戏的风格相匹配，例如，图标如何展示才能表现出魔幻的效果，书籍如何处理才能表现出厚重感和沧桑感，颜色如何搭配才能体现出富贵气质等，如图所示。当设计师锁定了这些细节后，把这些元素排列和组合起来就是我们的主视觉了。&&视觉交互的重要性& & & &在游戏中怎样才能更好地引导用户去关注信息，更好地让用户高频率的点击热区。想要做到这一点，需要在人机交互和视觉交互上达成一致。热区的达成是交互设计必须要考虑的问题，在不影响游戏画面美观度的前提下，让用户能很自然地体验游戏才是交互设计师的价值所在。而交互的操作也要依托于UI设计的视觉展示，要让所设计的元素做到醒目且不影响游戏的整体效果。因此，UI设计师应该在设计中尽量求简去繁，让用户直观地了解功能的含义，这才是最佳的处理方法。& & & 例如，刚拿到的原型图可能是下图的样式，这样的原型图可能只是产品经理对这个界面的一个初步想法，这时UI设计师应该主动与产品经理沟通，确保自己的理解和产品经理想要表达的意思是一致的。& & & &UI设计师第一次做出来的效果可能如下图所示。这样的设计是完全按照产品经理的意思去做的，虽然功能的要求已经达到，但是对于用户的喜好与界面的整体效果而言，是不适宜的。& & & &因此，UI设计师需要在此基础上做进一步的调整，如将必要的文字变成图标，把可节省的功能简易化，让用户可以快捷地体验游戏带来的乐趣，最终效果如图所示。?&蓝色小怪物图标的绘制方法& & & &在游戏界面设计中，对于风格的把控尤其重要，而本案例所讲的系列卡通图标绘制更是对风格的统一有严格的要求。希望通过本案例的学习能够更进一步地增强大家对游戏图标绘制方法的掌握，更加熟练地运用软件设计出符合游戏需要的图标。最终效果分析：在绘制前要先构思好图标的基本造型。例如，图标是由几个图形组合而成，每个图形的关系要如何排布等。蓝色小怪物图标大体由4个图层组合而成，如图所示。& 详细步骤STEP 01&&用【椭圆工具】绘制一个椭圆形，并设置颜色为R95、G215、B250，然后用【直接选择工具】选择圆的锚点进行调整，如图所示。STEP 02 &在绘制的形状图层上单击右键，选择【混合选项】，勾选【斜面和浮雕】，设置【深度】为95%，【大小】为50像素，【软化】为0像素，【角度】为90度，不勾选【使用全局光】，【高光模式】为滤色，设置高亮颜色为R0、G210、B255，【不透明度】为100%，【阴影模式】为正常，设置阴影颜色为R78、G161、B253，【不透明度】为100%，如图所示。STEP 03 &勾选【内发光】，设置【不透明度】为75%，设置发光颜色为R0、G138、B255，【阻塞】为0%，【大小】为32像素，如图所示。STEP 04 &勾选【渐变叠加】，设置【不透明度】为100%，然后单击控制面板上的渐变条，在【位置】13%处设置颜色为R85、G196、B239，在【位置】41%处设置颜色为R0、G168、B255，在【位置】92%处设置颜色为R154、G249、B255，【角度】为90度，如图所示。STEP 05 &将图形复制一个，然后按Ctrl+T组合键，并在属性栏设置比例为80%，接着在该图层上单击右键，选择【清除图层样式】，最后重新设置颜色为R154、G232、B255，如图所示。STEP 06 &在缩小后的形状图层上单击右键，选择【混合选项】，勾选【斜面和浮雕】，设置【深度】为95%，【大小】为50像素，【软化】为0像素，【角度】为90度，不勾选【使用全局光】，【高光模式】为滤色，设置高亮颜色为R0、G210、B255，【不透明度】为100%，【阴影模式】为正常，设置阴影颜色为R78、G161、B253，【不透明度】为100%，如图所示。STEP 07 &勾选【内发光】，设置【不透明度】为75%，设置发光颜色为R0、G138、B255，【阻塞】为0%，【大小】为40像素，如图所示。STEP 08 &勾选【颜色叠加】，设置叠加颜色为R56、G210、B254，如图所示。STEP 09 &将第一层的图形复制一个，然后在该图层上单击右键，选择【清除图层样式】，接着对复制的形状进行布尔运算【减去顶层形状】，得到一个月牙形，为其设置填充颜色为R42、G88、B253，如图所示。STEP 10 &在月牙图层上单击右键，选择【转换为智能对象】，然后执行&滤镜\模糊\高斯模糊&，设置【半径】为5像素，如图所示。STEP 11 &开始绘制眼睛。按住Shift键，用【椭圆工具】绘制一个圆形，设置颜色为R36、G57、B94，如图所示。STEP 12 &在绘制的圆形图层上单击右键，选择【混合选项】，勾选【描边】，设置【大小】为10像素，设置描边颜色为R255、G255、B255，如图所示。STEP 13 &勾选【内阴影】，设置阴影颜色为R5 、G43、B121，【角度】为120度，【距离】为0像素，【阻塞】为100%，【大小】为6像素，如图所示。STEP 14 &勾选【渐变叠加】，设置【不透明度】为100%，单击控制面板上的渐变条，在【位置】0%处设置颜色为R0、G221、B247，在【位置】76%处设置颜色为R6、G27、B104，【角度】为111度，如图所示。STEP 15 &用【椭圆工具】绘制两个椭圆形，设置颜色为R255 、G255、B255，作为头部的高光部分，如图所示。STEP 16 &上部制作完成后，绘制下面的触角。用【钢笔工具】绘制触角，注意不要绘制得太长，要把握整体效果，如图所示。STEP 17 &在绘制的触角图层上单击右键，选择【混合选项】，勾选【内发光】，然后设置【不透明度】为100%，设置发光颜色为R0、G135、B255，【阻塞】为0%，【大小】为30像素，如图所示。STEP 18 &勾选【渐变叠加】，设置【不透明度】为100%，单击控制面板上的渐变条，在【位置】13%处设置颜色为R85、G196、B239，在【位置】41%处设置颜色为R0、G168、B255，在【位置】92%处设置颜色为R154、G249、B255，【角度】为90度，完成蓝色小怪物图标的绘制，最终效果如图所示。?&蓝色小怪物图标的绘制方法?&前言及目录
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
16人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的大作
成为一名移动游戏UI设计师应该知道的干货
在她入驻到UI中国的日子里
总共吸引了6004位设计师的驻足流连
总共收获了25位设计师的由衷赞赏
总共获得了16位设计师的悉心珍藏
总共引起了0位设计师的深入讨论
依然要删除吗？}