Unity 3D 游戏开发（微课版）课件 03第三章 界面交互设计.pptx

第三章 Unity界面设计交互引擎 CONTENTS3.2 IMGUI“即时模式”界面系统3.3 UGUI图形用户界面系统3.5 界面设计交互案例-《RollABall》3.1 图形用户界面交互设计3.6 界面设计总结与拓展学习3.4 图形用户界面交互系统 图形用户界面交互设计1.界面交互设计概述2.界面交互设计原则3.界面交互设计赏析第一节 3.1.1界面交互设计概述 UI即用户界面（User Interface）的简称，可分为网页UI设计，手机应用UI设计，游戏UI设计。其他游戏UI设计还需要考虑到移动端或PC端等呈现类型。 UI设计主要指界面的样式，美观程度，好的UI设计不仅是让游戏更加吸引玩家，还要让游戏的操作变得轻松自由，充分符合游戏风格和内容定位。 界面设计（Interface design）：不同的搭配会系统地引导玩家的游戏体验。推动玩家的想象与再创造力。界面设计语言要能够代表游戏玩家说话而不是设计者。所谓代表，就是把大部分玩家的想法实体化表现出来，主要通过造型，色彩，布局等方面来表达，不同的变化会产生不同的心理感受。 图形用户界面设计不仅是有好的图标、风格、布局，还需要考虑到至关重要的界面交互。 界面交互（Interface interaction）：界面美观的整体设计，而使用上对软件的人机交互、操作逻辑也是同样重要的。快捷方便的操作，不仅会提高用户的工作效率，还使得界面在功能实现上变得简洁而高效。 3.1.2界面交互设计原则Add your subtitleUI图标设计Add your subtitle界面布局Add your subtitle界面交互1.统一性原则：UI风格、色彩、纹理、结构等内容需要契合游戏主题。2.一致性原则：窗体大小、形状、色彩的一致性，文本框、命令按钮等界面元素外观的一致性。3.视觉明确性：图标和按钮的图形要易于识别。图标的造型语义要一目了然。1.易于使用性：界面设计尽可能简洁，突出主要信息，便于玩家使用。2.统一性原则：尽量保证界面布局统一，色调统一，使用同一种风格贯穿整个游戏界面设计。3.布局合理：符合玩家习惯性认知的概念模型、操作适应性，界面设计在操作上需要满足大部分玩家的认知范围，确定受众人群布局审美习惯。1.易用性原则： 提供常用操作的快捷方式，根据常用操作的使用频度大小，减少操作次数。2.容错原则：界面要有容错能力。3.实时的反馈：?界面的视觉与操作上必须有及时的反馈，4.自由度：游戏玩家在与游戏进行互动时的方式具有多重性 3.1.3界面交互设计赏析《纪念碑谷》主页面关卡界面设置界面游戏界面结束界面截图界面《纪念碑谷》界面设计简洁明快、布局合理、易于使用、美观大方 ，充分考虑游戏的美术风格及故事背景实现了用户界面要和游戏内容相统一。 IMGUI“即时模式”界面系统1.IMGUI系统概述2.IMGUI常用控件解析3.IMGUI案例实战4.IMGUI高级使用第二节 3.2.1 IMGUI界面概述 Unity中的图形用户界面(IMGUI)编程，Unity有一个非常强大的GUI脚本API，它允许你使用脚本快速创建简单的菜单和GUI。IMGUI 系统通常不适合用于玩家可能使用和交互的普通游戏内用户界面。 即时模式”指的是创建和绘制 IMGUI 的方式。要创建 IMGUI 元素，必须编写进入名为 OnGUI 的特殊函数的代码。显示界面的代码将在每帧执行，并绘制到屏幕上。除了 OnGUI 代码附加到的对象，或者层级视图中与绘制的可视元素相关的其他类型对象之外，没有其他持久性游戏对象。 IMGUI 允许使用代码创建各种功能 GUI。通过该系统，无需创建游戏对象，手动定位这些对象，然后编写一个处理对象功能的脚本，而只需几行代码即可立即执行所有操作。该代码将生成通过单个函数调用进行绘制和处理的?GUI 控件。IMGUI“即时模式”GUI 系统，不同于 Unity 基于游戏对象的主 UI （UGUI）系统，是一个代码驱动的 GUI 独立功能系统。IMGUI主要用作程序员的工具，创建游戏内调试显示和工具，为脚本组件创建自定义检视面板，创建新的编辑器窗口和工具以扩展 Unity 本身。 IMGUI“即时模式”GUI 系统，不同于 Unity 基于游戏对象的主 UI （UGUI）系统，是一个代码驱动的 GUI 独立功能系统。IMGUI主要用作程序员的工具，创建游戏内调试显示和工具，为脚本组件创建自定义检视面板，创建新的编辑器窗口和工具以扩展 Unity 本身。 3.2.2 GUI常用控件解析-常用GUI函数及属性更多GUI控件介绍阅读Unity中文手册UI中即时模式GUI中的控件部分LabelLabel?为非交互式控件。