手机游戏UI设计原则及案例分析

结合大量的范例和前期课程的作业进行详细的讲解。

1.沉浸感

实践证明，移动平台的小尺寸显示设备同样能保持游戏的沉浸感。在进行界面设计的时候，要注意维持玩家的沉浸感，这是手机游戏UI设计最主要的原则，其他所有的原则都围绕沉浸感而展开。

2.一致性

界面视觉元素风格一致、前后一致、光源、材质、世界观一致。制定“UI视觉规范文档”来定义和规范设计。

3.降低界面的视觉冲击力

这点和前面讲到的网站界面、主题化界面不同，游戏中界面不能够喧宾夺主，要降低界面的视觉冲击力，甚至让玩家感觉不到界面的存在，这就是第一章讲到的User Invisible在这一层面。比如让界面视觉元素能够融入游戏的世界观和界面场景，甚至增强界面的装饰性和美感，但不宜过度装饰。控制界面颜色的数量，界面色相、纯度、明度、质感关系不要与场景对比过于强烈，不使用突兀或者标准系统界面的视觉元素等。

4.功能优先

（1）游戏的功能实现会决定UI的布局、设计形式、形状和颜色，UI设计师要将视觉美感融入功能优先的UI中，保证UI的可用性。

图三

（2）简化操作步骤，避免主界面有太多的功能特性，控件的数量、操作的步骤增多，会给用户带来更多的困惑和问题。(www.xing528.com)

（3）对功能界面（如装备、背包、设置等）功能进行组织，将功能模块化，分而治之。

（4）重视颜色的使用，但不要过度使用颜色，过多的颜色也会让界面主题分散、华而不实。此外，要考虑颜色的可读性，及界面主体色彩在各种颜色环境下的通用性，因为游戏界面下场景的色彩、色相、明度是不断变化的。

（5）可读性，保持文字内容清晰，这包含了两层意思：文字表述的概念清晰、简短，文字的显示状态清晰。

（6）提供声音的反馈，在游戏界面设计中有针对性地对控件进行声音反馈设定，能给玩家更好的基础体验，但要避免过度使用和单独使用。

5.合理的运用视觉等级

游戏界面中有很多信息，在每个时间段用户关注的信息的重点可能是不同的。设计时需要考虑到这些阶段，尽量避免视觉噪声和杂乱，引导用户把注意力放在重要的地方。在一致性原则下，让每一个按钮、图标、框体、颜色、字体、位置都为理解面提供有效的帮助。清晰的层级关系为用户理解游戏的内容，降低陌生感起到至关重要的作用。

6.遵从习惯

遵从玩家的操控习惯，不要轻易改变某种类型的游戏共通的界面布局和视觉元素的表现形式，如图3。

7.视觉完美

手机游戏UI的要整体并具有秩序感，布局要平衡，不能在某些地方过于集中和空旷，在视觉效果上便于理解和使用。注重可视性，给玩家最大的操作空间，给玩家提供正确的操作线索，并设置帮助和引导。视觉上的完美不是片面追求华丽的效果，应该动态的观点来设计手机游戏界面。