游戏UI设计原则和流程

moweiqi

UI设计原则
　　1.简易性
　　界面的简洁  UI设计图片是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
　　2.用户语言
　　界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。
　　3.记忆负担最小化
　　人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。
　　4.一致性
　　是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与游戏内容相一致。
　　5.清楚
　　在视觉效果上便于理解和使用。
　　6.用户的熟悉程度
　　用户可通过已掌握的知识来使用界面，但不应超出一般常识。
　　7.从用户习惯考虑
　　想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。
　　通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。
　　8.排列
　　一个有序的界面能让用户轻松的使用。
　　9.安全性
　　用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
　　10.灵活性
　　简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。
　　11.人性化
　　高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。

UI设计的流程

确认目标用户
　　在UI设计过程中，需求设计角色会确定游戏的目标用户，获取最终用户和直接用户的需求。
　　用户交互要考虑到目标用户的不同引起的交互设计重点的不同。
　　例如：对于骨灰级玩家和对于电脑入门玩家的设计重点就不同。
采集目标用户的习惯交互方式
　　不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有游戏界面的交互流程。
　　当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
提示和引导用户
　　界面是玩家的提示工具。因此应该由玩家来操作和控制展现范围。界面响应玩家的动作和设定的规则是可拓展的。
　　对于玩家交互的结果和反馈，提示玩家结果和反馈信息，引导玩家进行需要的下一步操作。
一致性原则
　　设计目标一致
　　游戏UI中往往存在多个组成部分（组件、元素）。不同组成部分之间的交互设计目标需要一致。
　　例如：如果以游戏操作初级玩家作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻界面（发散思维）整体，而不是局部。
　　元素外观一致
　　交互元素的外观往往影响玩家的交互效果。同一个（类）软件采用一致风格的外观，对于保持玩家焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。
　　交互行为一致
　　在交互模型中，不同类型的元素玩家触发其对应的行为事件后，其交互行为需要一致。
　　例如：所有需要玩家确认操作的对话框都至少包含确认和放弃两个按钮。
　　对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。
可用性原则
　　可理解
　　游戏  要为玩家使用，玩家必须可以理解软件各元素对应的功能。
　　如果不能为玩家理解，那么需要提供一种非破坏性的途径，使得玩家可以通过对该元素的操作，理解其对应的功能。
　　例如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，玩家可以更加详细的理解该元素对应的功能，同时可以取消该操作。
　　可达到
　　玩家是交互的中心，交互元素对应玩家需要的功能。因此交互元素必须可以被玩家控制。
　　玩家可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
　　要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏（一般来说超过4层）那么用户达到该元素的几率就大大降低了。
　　可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。（参考简单导向原则）
　　可控制
　　界面的交互流程，玩家可以控制。
　　功能的执行流程，拓展可以控制。
　　如果确实无法提供控制，则用能为目标用户理解的方式提示用户。

moweiqi

比如说英雄联盟UI：

第一、地图：默认是放在右边，玩惯了真三和DOTA的一开始非常不习惯，我都是习惯设置到左边来，后来发现原来放在右边确实是比较好，因为攻击路线是又左下角斜着打右上角，所以前进和后退，都有可能点击到地图，不管你是那边阵容，就回出现走着走着回头的情况，这点让我恍然大悟，所以UI设计必定要和用户习惯有关系，难怪腾讯花了200万请人来设计游戏UI，这个钱，我认为值了，因为我玩了英雄联盟再回去玩DOTA和真三，就发现很多不习惯，比如说经常不按按F1（视角换不过来，切换费力），a兵太靠前（被抓的几率很大，因为都是侧面躲在树的阴暗明亮位置以做好随时逃跑，而英雄联盟比较喜欢引导别人站在中间或者直接就去草丛里面）正反补有差异，不喜欢反补了。

第二、全部UI图片都加一层内阴影上去，让他更加显示立体感，其实大家去看国内的游戏很多都是一张图片平铺上去，而英雄联盟全部界面都是边缘阴暗而越靠近中间就高亮和理纹明细，这个就说明他的审美十分有重点，立体感和圆润滑边外加局部细腻，这些都是得益于在表面拉一层内阴影作用。

第三、区域性色彩划分，比如说开始按钮他们用的是红色，商品按钮是黄x色，其他的色素都是蓝色带一点柔亮光白。字体也是蓝色系的，logo是黄x色系的，这我在太平洋游戏网上过的西方设计课程讲师说的一样，一个体系如果超过三种颜色，就会显示乱，一般西方设计者都会尽量用三色原理表达全部内容，进而我可以理解为什么英雄联盟的UI值200万了。

其他的方面我就不多说了，剩下来的都是细小部分，突然间发现虽然越来越不沉迷英雄联盟了，但还是很佩服这样的模式和设计风格，有时候我感觉英雄联盟做得已经很极致了，回头过来玩回DOTA和真三，总有一种缺陷在里面，比如说真三，老被队友说不带拉野，不走bug位，不注意上下坡视野给予了，不冲动了，从无敌小钢炮变得沉闷猥琐打钱奔后期了。

jianhui543

这才叫有价值的东西

DeALLBugs

我觉得说的很好。
UI的易用和功能性》》美观性，可惜很多美术都不能理解。
我对着一堆水墨风格的界面，无所适从啊。。。。

kaolalee

3楼的盆友~~~
我觉得水墨不一定不好啊~先不说操作什么的，UI设计的风格适合游戏历史背景，并能让人有记忆的点，就很好啊！

顺心

学习了，没有好的UI就没有好的用户体验，进而导致留不住玩家

herosone

英雄联盟的UI其实还有缺陷的……

GulfStream

UI设计最优秀的可以参考OS X系列系统。

网络游戏可以参考EVE等产品。

感觉UI在美观和功能性上要取得和谐的效果才是基本的设计成功。

UI应该属于功能性偏多的一个网络游戏产品部件的角色。

万色烈空

herosone 发表于 2014-4-6 16:48
英雄联盟的UI其实还有缺陷的……

请问缺陷在哪里

herosone

万色烈空 发表于 2014-4-8 10:16
请问缺陷在哪里

他们做UI给了200万，而且还不是直接获得知识，你要直接获得知识，能否给点诚意？