与其他类型的APP 相比，游戏类APP 更强调沉浸式的用户体验。在游戏中，界面的状态栏、导航栏和标签栏都将被隐藏，取而代之的是全屏的游戏界面，这样能使用户更专注游戏内容。近年来，游戏APP 产业发展迅猛，比较突出的有皇室战争、王者荣耀、荒野行动和开心消消乐等。

课程目标

1.理解游戏类APP特性

2.掌握游戏UI设计原则

3.游戏界面布局与元素设计

4.色彩搭配与视觉风格

5.交互设计与动画效果

下图显示了水墨五子棋APP 的部分页面。本案例通过分析整个APP 的设计思路，并制作其中的首页、联机模式页和游戏对战页，学习游戏类APP 界面的一般制作方法。

（1）分析基本结构图

        制作APP 页面前，设计师首先要根据APP 的基本结构图确定页面数量和各页面之间的逻辑关系。

（2）确定风格

       该APP 是以五子棋为主题的小型休闲游戏。五子棋起源于古代中国，因此将游戏界面设定为水墨风格，并在其中大量运用中国风元素，以营造雅致的对弈气氛。

（3）页面布局

       游戏类APP 更加注重用户体验，因此布局页面时取消状态栏的显示，按功能类型将按钮均匀分布。

首页设计：

游戏类APP 的界面布局约束条件较少，首页一般不存在导航栏和标签栏

联机模式页设计：

联机模式是4 种游戏模式中的一种，分为4 个级别。该页面主要包括用户信息、游戏难度和标签栏3 大板块。

游戏对战页设计：

游戏对战页就是用户下棋的界面，难点在于白色和黑色棋子的绘制，用到了大量样式。