chapter6游戏界面设计.pptxVIP

第六章 游戏中的交互界面设计 浙江大学软件学院 梁秀波 Email：liangxb@cst.zju.edu.cn 交互界面概论 游戏的可玩性与交互界面 交互界面的设计基础 人机交互模块 交互界面的形式 游戏软件的交互界面设计 粒子系统实例 Cocos2d-x中的界面设计 本章目录 Cocos Studio用户界面编辑器的介绍 Cocos Studio用户界面编辑器的使用 Cocos2d-x中用户交互 游戏界面设计实例—贪食豆 小结 本章目录 用户界面(User Interface)是人和机器的互动过程(Human-Machine Interaction)中的一个重要层面，它是人与机器之间传递和交换信息的媒介。 游戏中交互界面设计(Game Interface Design简称GID)，是指对电子游戏中与游戏用户具有交互功能的视觉等实体元素进行布局、规划、导览和切换等，是玩家最直接面对的互动活动，也是玩家对游戏的第一印象。 概论 游戏可玩性的基础是交互界面的可用性。 游戏界面的可操作性，包括手眼协调、条件反射和难度递增等，是游戏可玩性的一个基本要素。 交互界面的沉浸感是大多数游戏可玩性的共性要素之一。 交互界面的操作效率也是游戏可玩性的要素之一。 游戏的可玩性与交互界面 备注： 虽然游戏的创意、设计和情节在很大程度上决定了可玩性，但其技术基础是计算机科学、设计学、心理学和人机交互理论，在表现形式上是通过游戏中的人机活动反映出来。人在玩游戏时，所见所感的是游戏的交互界面，而非游戏的内核技术。只有通过交互界面，玩家才能够控制游戏的内核。因此对游戏来说，交互界面展现了可玩性的大部分。从另外一个角度看，一款游戏的可玩性有不同的体现方式，如飞行模拟类游戏需要大投影屏幕和具有沉浸感的立体眼镜，而回合制战略游戏的界面主要是菜单和图标选择。 色彩设计： 色彩的运用对交互界面的设计至关重要。优秀的色彩搭配是交互界面设计成功的前提和基础。色彩的三要素为： （1） 明度（brightness/lightness），也叫亮度，体现颜色的明暗度； （2）色相（hue），也叫色泽，是色彩的相貌，是区别色彩种类的名称，如红、橙、黄、绿、青等； （3）纯度（saturation），色彩的纯净程度，又称为彩度或饱和度。 交互界面的设计基础 备注： 色彩是光在人脑中的感觉。光是一种属于一定波长范围内的电磁辐射，当光照射到物体后，物体的反光使人的视觉和大脑产生作用，于是人脑有了色彩的感觉。光照到物体上，一部分被吸收，另一部分被反射，被反射回的光反映了人们看到的物体的颜色。白色的物体之所以为白色，是因为它完全反射了太阳光。黑色的物体之所以为黑色，是因为它完全吸收了光线。自然界中的颜色可以为分非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色。其他色彩可以被划归为彩色。游戏作品给用户的感觉是由整体配色的效果决定的。作品的基调是由配色中占最大面积的色彩决定的，是作品的主色调。通过简单地审视一些游戏界面的色彩运用，可以体验到色彩设计的魅力。 图形用户界面（Graphics User Interface，GUI）是以视觉感知通道为主的人机界面。在PC平台上最重要和最普及的图形用户界面是WIMP（Window Icon Menu Pointing，窗口、图标、菜单、鼠标）界面。在WIMP界面之后，经历了各种以其他感知通道为主的界面方式，如头盔、立体眼镜、语音、视频、手势、眼神、数据手套（触觉）等多维、多通道、多尺度感知设备和处理方式。 交互界面的设计基础 交互界面设计中的问题： （1）信息的输出 即如何将系统信息和状态明白无误地通知用户，对于游戏来说，游戏越复杂，需要给玩家的信息也就越多，如即时战略、角色扮演和大型网络游戏的各种角色状态、武器装备、全局的数据统计等。这些游戏的内部状态或数据都需要井井有条地显示给玩家，否则玩家无法做出正确的判断。 交互界面的设计基础 （2）信息输入 即如何提供用户发布正确的输入指令的渠道。游戏玩家的输入手段主要包括以下三类：  1) 菜单：可分为固定式菜单、下拉式菜单、弹出式菜单三种。  2) 图标：形象地传递信息量。有的图标只是起到提示作用，有的图标是文字按钮的图形化，每个图标对应一项功能。  3) 快捷键：即键盘字母组合方式构成的指令发布方式。快捷键的使用能极大地提高速度，有些快捷键甚至能提供作弊模式。 交互界面的设计基础 人机交互模块 交互界面的形式： 命令语言界面、菜单界面、自然语言界面、姿势识别界面、基于运动传感的直观自然交