后使用快捷导航没有帐号？
　论坛入口：
　　|　　　|　　　　|　　　|　
我要游戏策划
查看: 9358|回复: 0
一个策划眼中的手游UI规范设计
游戏类型：手游游戏/平板游戏&　　设计类型：【功能/模块/UI】&
　　写在前面：
　　1.这是个人针对手游开发的一些心得，因为之前设计过公司的UI界面编辑器，同时也要长期同UI配合，积累了些心得。
　　2.可能有些UI的大拿，或者立志成为交互设计师的同僚对此不屑一顾，不喜勿喷。
　　3.因为现在正在制作的手游是使用Unity的NGUI系统，可能一部分UI规范并不一定使用其它游戏。
下面正文：
一、设计概述
& && && &在讲述设计规范时，首先要明确界面的分类，在我看来，界面只有主界面、一级界面、二级界面三种。
& && && &其中主界面仅包含三种：登陆界面、主城主界面、战斗主界面。
& && && &一级界面即指从主界面入口点击一次后第一个呈现在玩家眼前的界面，也包含由系统呼出的结算界面等。
& && && &二级界面很好理解，即在一级界面打开的新界面，二级界面再展开的界面，我们仍称作二级界面。
& && && &同时还要明确的时，这里主要讲述的时基于手游移动端操作的设计规范，而非PC或者页游等媒体。其操作主体在于触摸、停留、划动三种最基本的操作方式。
二、逻辑关系和显示管理
　　1.返回和关闭
& && && &所有的一级界面，应不具有关闭这一概念，呈现在玩家眼前的应只有返回这一概念，即玩家可以认为自己所有操作的出发点和终点，都是回到主界面。而非终止目前自身的操作。
& && && &同时具有关闭含义的界面，应尽量用半透明等处理，同时以一行类似“触摸任意地方关闭界面”之类的隐含提示，让玩家遗忘掉X按钮所带来的重度PC体验。
　　2.屏幕遮挡
& && && &所有的同一级界面之间，应尽量大小一致，以方便层级叠加时能够相互遮挡，抑或左右上下平行，不对另一方进行半遮挡。切忌两个界面交织在一起，可以越过上层界面点击下层界面信息，达成误操作或层级反转，如果非要这样做，你可以在点击下层界面时，自动将其上层的界面关闭。
　　3.层级和堆叠上限
& && && &无论何种界面，应遵循“后出现的界面在上层”的层级规范（除开系统的滚屏信息），并且上层界面不关闭，下层界面无法先行关闭。
& && && &要注意玩家所打开界面，特别是二级界面的堆叠数量限制，不要同时存在两种不同功能的界面，比如装备类和宠物类的界面都同时存在于界面中。同时要注意堆叠的数量上限小于5，相信没有人愿意点了4下才回到主界面。
& && && &当然，上述堆叠过多的问题也有一个简单粗暴的解决方式，那就是点击一级界面的返回按钮时，同时移出所有非主界面的界面，但粗暴的东西大多并不美妙。
　　4.界面简洁化与二级菜单
& && && &在主界面以及一级界面上，尽量不要堆叠超过13个可以响应点击的入口，如果你非要这样做，至少也要划分明确的操作区域，并确保至少划分的区域中两个区域是看起来空空的，否则将会产生让人厌烦的，看起来满屏幕的操作按钮，而使玩家体验不到场景美术的精美设计。
& && && &为了解决更多功能入口的问题，可以采用切换、弹出新菜单的操作方式，及同类功能汇聚到一个一级界面后再次作为二级界面弹出。或者你也可以把超过13个不同的地方分组，比如假设20个入口，那么14+6这么分，其中6个功能可以通过与另外6个功能用切换按钮来实现。
& && && &页签有时候并不是一个很好的二级菜单设计，排列在一起的功能图标看起来更让人赏心悦目。
　　5.提示信息前置
& && & 如果界面是在进行一个跟消耗相关的功能，那么一定要保证玩家在界面上一眼就可以先得到能否完成操作的提示，而非点击功能按钮后再获得提示，比如货币是否充足，消耗品是否达到要求，主体目标是否依然存在等等。
三、装饰与易用性设计
　　1.可用华丽装饰的部分
& && && &不是所有的界面，特别是游戏的操作界面并不以界面华丽逼格高作为追求目的，更多的时候我们会发现，只要能够让玩家理解功能意图，即使看起来界面粗糙的游戏，玩家认可度反而更高。
& && && &那么哪些界面可以用华丽装饰进行修饰呢，我认为主要包含以下几种：
& && && &登陆界面是必须进行华丽设计的界面之一，是玩家第一眼接触的表象；
& && && &运营和收费相关的界面，因为其主要宗旨类似于市场营销，因此适用于更广泛的广告设计手段，所以华丽的装饰是必须展示的。
& && && &剧情或者文化展示界面，比如能够更具时代或者游戏背景特色的关卡界面等等。
　　2.重要信息的集中展示
& && && &界面初学者常犯的错误是尽可能的展示全的信息，或者要展示的信息都给人以同样重要的感觉，其实不然，每个一级和二级界面，都有其重要的部分，比如装备强化界面，对于玩家最重要的是属性的变化，强化材料是否足够，这个时候描述、各种复杂的框，其它装备的同步展示就不能作为主要设计元素。
& && && &主要部分内容，尽量以单独的装饰底衬托，即使界面过大，显得过于空旷，也要用花纹装饰底来衬托，而非压缩主要展示内容的空间。
& && && &如果发现目标的展示信息是在太多，那么你就要想办法分页或者通过滑动来规避满屏的信息文字了，不要认为玩家没看到信息很累，实际上你也不可能所有的信息都是重要信息。否则就不是一个合格的信息展示者。
　　3.操作壁垒
& && && &对于轻休闲的游戏来说，划动是最好的操作体验，而对于动作重度游戏，特别是摇杆游戏，玩家同一时间可以触摸到的点击部分，就是它的操作壁垒。
& && && &在设计时，要特别注意降低玩家的操作壁垒，比如摇杆类游戏，那么如果是双持操作，那么主要的操作，特别是复杂的战斗操作，要放在左下和右下两部分，并且玩家需要关注的操作分类不要过多，比如摇杆附近不要有其它可以点击的按钮，而右侧手柄部分，所有操作的按钮都要围绕在一个四分之一圆左右的部分，不要出现过长的拇指触摸不到的按钮。
& && && &一些我们不希望玩家去经常操作的部分，比如离开当前副本、放大地图等操作，放到上方的角落里是没有任何问题的。
　　4.关注目标存在感
& && && &在设计界面时，要特别注意玩家当前关注的主体目标有哪些，这些主体目标的存在感要特别强烈，可以让玩家预感到它的存在。
　　比如如果玩家战斗中有宠物，而不设置宠物的头像和血量显示，那么我想这不是一个很好的设计，另外比如装备强化界面，除去页签，选择的装备也没有单独呈现图标出来，这也是一个糟糕的设计，实际玩家在选择完页签之后，根本不会去关注选中状态标注的是哪个装备。
四、界面元素规范
　　1.无界框体
& && && &如果场景做的足够优美（通常为了有竞争力，这也是必备的），那么就要考虑界面是否应该具有明显的边界框体，PC时代，鼠标操作喜欢明显的方框+右上关闭来管理界面，然后到了手机上面，我们要理解玩家其实认可的边界界面是设备屏幕的边界，任何过多的额外边界，特别是一级界面最外层的框，由于屏幕自适应以及离显示屏边界过近的问题，特别容易给玩家造成压迫感，并且这也确实会给人一种浪费空间的感觉。
　　2.艺术字
& && && &一成不变的字体难以给予人更多认同，在手机游戏中，更多的时候，要注意关键点艺术字显示的应用，比如战斗力、排名、伤害跳字等等，往往应用艺术字的表现更为吸引眼球。界面的主体展示部分通常也可以用艺术字来达到重心集中的作用。
　　3.图标的大小和规范
& && && &在我看来，一个小于50X50的图标，实际是很难描述清它所代表的信息的，同时也难以引起玩家的关注，合理的图标应该至少是64X64、72X72、84X84中的一种。
& && && &同时图标应该具有明确的品质边框，以方便玩家更加清楚的明确物品价值，按物品品质进行白绿蓝紫橙红的顺序进行表示。
& && && &图标应该具有明确的分类底，让人很容易区分清哪些是装备，哪些是头像，哪些是材料等等，而非当很多的图标放置在一起时，让人难以捉摸。
& && && &如果没有多样的图标，仅是道具品质的变化，那么至少保证图形长相一致的基础上，一定要额外染色，作为新的道具图标出现，不要图省事，只是边框变化。
& && && &对于有递进关系的图标，要注意展示时让玩家轻易就能理解递进关系，并且这种递进关系不要多余5，比如宝石图标，那么1——10级宝石至少应该是像暗黑宝石图标一样让人能够感同身受的进化。
　　4.字体颜色和字号大小
& && && &衣服着装上具有三色原则，在我看来，除开道具名的色彩显示，界面上的其它文字颜色也不应该脱离三色原则，否则特别混乱的颜色字体，会使玩家完全分不清主次。另外字体最好具有颜色描边，以便任何情况下，玩家都可以清楚的看清字的内容。
& && && &字号的大小因人而异，个人认为，最小的字号不应该低于20，合理的字号是在20、22、24、28、30、32中的一个，再大的字体如果是装饰性描述则考虑用艺术字。
　　5.页签
& && && &触摸操作为主的游戏，更适合横页签的使用，而像摇杆操作的游戏，更适合竖页签的使用。同时页签也要符合阅读主流从左到右的规则，即页签最好出现在上部或者左部，右侧和下侧实在不是一个好的选择，那里通常是主要功能按钮和返回按钮该呆的地方。
& && && &大部分时候，艺术页签要比通用的写字页签更有说服力，因为对于主要的功能，比如对实力影响至关重要的装备和宠物模块，则应该使用艺术页签，而活动界面就更不用说了，每个活动都要有单独的主体图标来展示。
　　6.其它控件
& && && &复选框是个针对选择的良好设计，在我看来要比下拉列表框看起来更加清楚，同时也不会让玩家觉得实在进行二次操作，点一点换一换总是很轻松的感觉。
& && && &滚动条实际上也是一个PC遗留产物，在界面设计的时候，只要注意末尾露半个的原则，滚动条是完全不必要的存在。
& && && &进度条要比数字更加吸引人，但是特别长和深颜色的进度条，有时会过分抢镜，让人忽略了真正的主体信息，因为应用时要酌情考虑。
　　7.统一性
& && && &交互界面设计的另一个重要方面在于统一性，主要是指同一类型控件的大小，出现的位置，字体颜色的同一度等等。大小不一的控件，比如按钮，往往会影响实际的细节体验，让玩家莫衷一是，所以哪怕稍微违背常理的设计，如果长期的让玩家理解，它总是出现在那里，也是一种培养用户习惯的好方法。
五、资源管理和控件复用
　　1.复用的重要性
& && && &复杂多样的游戏界面固然让人印象深刻，然后从用户体验的操作讲，习惯界面统一的风格和少数的规矩，要比看起来好看更加重要，因为UI设计的最终目的在于用户体验和操作习惯的养成，而非看起来好看。
　　2.图片和图集
& && && &大于256X256的部分，就不太适合进入图集，因为图集要保证在大小下运行才不会使得自身更大难以加载。因为256的图片已经超过了十六分之一，显然不适合占有图集，就该另行作为图片进行加载。
& && && &能够切九宫的东西尽量切下，进行九宫缩放，因为图集可以更多的节省界面的消耗。
& && && &当然，有的应用程序会根据自身需要批量处理多个图片成为一个图集来减小消耗，但是此方法会增加处理器运算复杂度，因此要酌情考虑。
　　3.图片的大小控制
& && && &图片大小尽量使用2的倍数，最好是2的幂次方大小的尺寸，这一尺寸会使得利用空间更加充分，且加载时更容易对齐排列。
　　4.控件名命名
& && && &所有界面用到的元素控件名最好唯一，以方便日常管理和维护清理，重复过多的控件名，会使清理时很难定位使用了控件的界面。
六、补充说明
& && && &UI界面在手机上的设计，更多的需要设计师的积累，而最好的发展对象其实是平面美术，或者说更高阶段的平面美术应该进阶为UI交互设计师。产品经理、主美、测试最好也具有相应的素质，来帮助UI设计者规范和改善界面。Copyright 2008 汇众益智(北京)教育科技有限公司All Rights Reserved 京ICP备0909204本文已收录于以下专栏：
相关文章推荐
自适应分辨率的UI设计规范和制作规范
基准分辨率
H.265/HEVC 视频标准在 H.264 标准上进行了显著改进，但需要更高水平的处理能力。 通过使用 TI 的 HEVC 编码器，开发人员在 TMS320C66x DSP 上采用 H.265 时可...
基于CPLD的高分辨率AD转换电路设计来源：维库随着科技的飞速发展、高分辨率的数模混合电路的应用不断深
入，电路设计日趋复杂，精度越来越高，所以高精度AD转换电路的设计就成了仪器仪表及各种测量控制系...
2007 年11 月，Google 公司发布基于Linux2.6 内核的移动终端操作系统- Android, 由于其开源性，得到很多手机厂商的追捧和应用开发者的青睐。近年来...
DPI(dot per inch)
每英寸像素数，如120dpi,160dpi等,假设QVGA(320*240)分辨率的屏幕物理尺寸是（2英寸*1.5英寸），dpi=160
可以反映屏幕的清晰...
屏幕分辨率、设备像素（device-width）和CSS像素（width）这些术语，在很多语境下，是可互换的，但也因此容易在有差异的地方引起混淆，实际上它们是不同的概念。
屏幕分辨率和设备像素是物理概...
他的最新文章
讲师：董岩
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)1124被浏览32137分享邀请回答18522 条评论分享收藏感谢收起242 条评论分享收藏感谢收起查看更多回答关注178游戏网
&&&&&&&&&&&&&&&分享给想要手游美术设计师的五点经验
分享给想要手游美术设计师的五点经验
作者: 游戏兵工厂 来源: 游戏兵工厂 发布时间： 15:11:46
　　作为一个原画设计师，应该有最基本的职业操守，那就是正确的引导新人，刚开始接触游戏原画的时候也绕了很多弯路。以下为大家分享心得给想要成为手游美术设计师的新人们。
　　一、手游原画设计师的优势：是一个非常好的职业，退能守，进能攻。
　　1.最常见的是游戏公司，场景原画，角色原画，宣传原画等等，如果能进入国内1,2线游戏公司，不管是端游手游还是页游，收入都很稳定，项目收成好的话会有项 目奖金。而且根据个人水平，如果你足够努力的话，升薪会非常快。在游戏公司工作不光要提升个人绘画能力，还要有更好的沟通交流能力，要有全局意识，这样才 能在项目中更好的发挥作用。如果个人意识比较好，升职也很快。通常是初级设计师-中级设计师-高级设计师-组长-主美-艺术总监--如果懂得策划又有技术 意识能玩转引擎，成为制作人也是可能的。
　　2.外包公司，根据个人能力，多劳多得，少劳少得，全看绩效，工作比较苦逼，但是由于压力大，提升也快，但是也得分地方，如果长期蹲在小工作室，接触的项目单子也都很低级，容易被埋没。
　　3. 自由原画师，自己在家接外包，有稳定的各种外单来源，长期与各种外包编辑打交道，除了游戏原画，卡牌，宣传海报，同人绘本等等，能力高的还会接影视概念等 等。但是要求个人自控能力很强，不然不会合理安排时间，更不能按时完成工作。而且个人格局要广阔，要经常跟周围的画手沟通交流，不然容易导致水平停滞不前。
　　4.开班教学。当水平和能力足够高的时候，很多高手和大师会自己开班或者加盟其他教育机构成为老师，他们历经商业锤炼，有很高的职业素质和个人修养，专业水平大多数都远远超过国内的大学。老师们把自己毕生所学传授出去，和后辈们分享个人经验和人生感悟。
　　5.影视概念。这种一般是跟剧组，开机之前会根据各种导演的要求画分镜头或者3D前期概念图。
　　6.动画公司的概念设计师。这里也分2D跟3D。主要是负责动画内角色和场景的前期概念设计。
　　二、原画设计师的核心竞争力创造力：艺术审美，设计师思维方式，转职方便。
　　1.原画师最重要的应该是创造力，画画只是内心想法的表达工具。关于概念设计这一学科，它不是单一学科，而是融合了绘画，影视，文学，建筑，宗教，哲学等等等 一大串学科的混合学科，需要有复合知识面，各个学科涉猎广泛的概念设计师来主导这一流程。很多人觉得自己原创能力不足，是因为平日对各方面知识积累的过 少。很多国内外概念设计大师（不论从事游戏，影视，还是插画这些）他们的知识都很渊博，涉猎领域也很广。
　　2.但是很多人由于个人水平问题，审美不足或者是美术功底不足，所以只能沦为最底层的流水线画师，在小公司做一些抄袭或者修图工作，工资低，职业发展没前途。美术功底决定了原画设计师的职业下限，而审美则决定了上限。
　　3.设计师思维设计师思维是以审美角度出发，对于游戏产品开发而言，注重打磨细节，交互性，文化内涵，更注重创新。
　　4. 通用性。作为有良好美术基础和审美，拥有广博知识面的设计师而言，不光是精通本行业的设计，其他设计行业也会有所涉猎。游戏公司的主美可以除了画原画，还 能画UI和做3D模型。很多画影视概念的还能自己画漫画。总之，把绘画作为艺术追求，本身可以是无止境的，越往上走你的路就越宽。
　　三、手游原画设计师的收入
　　1线城市1线公司原画刚入职的初级原画师线城市2线公司，2线城市1线公司原画刚入职的初级原画师线城市其他各种公司800-4000
　　游戏原画设计师也是升薪比较快的职业，在一线城市一二线游戏公司，从业3年以上工资一般都在1W左右。
　　四、手游原画设计师关于加班
　　游戏公司工作，的确很辛苦，当然，一分耕耘一分收获。很多公司的工资都是按照绩效算的，当项目盈利发奖金的时候，也会按照绩效来发奖金。很多新人刚入职的时候肯定会有很多不适应，对公司流程的不了解或者对工作本身觉得有难度，这些都是需要自己逐渐克服的。但是很多人加班其实并不是因为项目忙 不过来，而是因为自己能力不过关，或者工作态度不够认真导致时间拖延，这就需要自己去调整好心态， 好的心态会带来好的职业前程。
　　也有个别情况是因为工作中同事之间协作出了问题，这就需要相互沟通理解，不能太自我，要有大局观念，想想自己能给团队带来什么样的价值，别人需要帮助的时候要帮一帮，有机会多发挥自己的能力才是最重要的，不能埋头苦干只管自己的。
　　还有就是领导安排工作出了问题所导致的加班，领导也是人，是人就难免出错，要彼此宽容。大家都是在同一个团队中，要和睦共处，有问题针对问题本身进行解决，不要积累个人恩怨，对自己和对别人都没有好处。要想快速成长，就要不断的反省，拓宽自己的格局。
　　五、游戏兵工厂对新人的建议
　　1.视野非常重要。多去看大师作品，多去跟行业内的人们交流，有时间可以去自己感兴趣的公司参观一下，了解一下游戏行业的制作流程，看看自己适合做哪一项工作。
　　2.勤奋不间断的练习。这个非常重要，游戏美术是门技术职业，必须不断的磨练自己的水平才能获得提高，薪资也是直接跟水平挂钩的。因为每年游戏美术风格流行趋势都有变化，这就需要多去交流才能不断的进步，逆水行舟不进则退。
　　3.找准自己的努力方向。既然选择了做原画设计师，就早点给自己制定目标。要想去哪家公司，先去了解自己喜好的公司他们的美术风格，针对 他们的项目风格进行练习，多积累作品然后去投简历。
　　4.坚持不懈。总会有挫折的，我也见过很多同事干不下去转行的。如果这里有你的梦想，在面临选择的时候请问问自己，你想要的到底是什么。
　　5.遇到挫折和失败。能力水平一般的同学，尤其是觉得在大学没有学到东西的，请多花时间在工作中充实自己，万万不可自暴自弃继续浪费时间。如果经济和时间充裕，可以找渠道继续进 修一下自己的专业，把武器磨锋利了再出来杀敌，任何时候去学习都不算晚。千万别轻易被这个社会愚弄了。行走江湖多结交有思想有见解的人，早日形成自己正确 的价值观和事业追求，人要有理想才活得精彩。
　　总体来说，游戏原画设计师的工作非常辛苦，但是大多数人都是为了梦想而来到这个行业，当你画出自己喜欢的作品时，这份喜悦和成就感能抵消一切疲惫。能在游戏的世界中成为造物主来创造游戏中的一切，把创造美作为实现人生价值来追求，那将是无比幸福的。
近期，一个几百人的团队在此地对《光晕5(Halo 5)》进行最后的润色，该游戏有望在假日季成为最热销的电游产品之一。