【干货】手游UI入门总结
UI是手游策划的一门选修课，熟悉UI设计能让你通过界面更好地展现自己的想法和方案，其好处不言而喻。以下内容是对手游UI入门知识的整理和总结，希望能为大家提供一些参考。
一、UI设计的重点——服务于系统的核心体验
UI的设计要服务于系统，在玩家体验系统的过程中，UI是否既易懂易用（功能导向）又生动有趣（游戏性导向），是评判其优劣的重要标准。
以一个简单的充值界面为例，玩家在这个系统中的核心体验是购买钻石。将这一体验过程进行行为概括如下：玩家需要方便快捷地找到并购买所需商品，这包括了解商品价格，通过商品间的性价比对比快速做出选择等。因此，该系统可定位为功能导向型系统。在UI设计过程中，应尽量避免使用华丽的动画特效或设计有趣的玩法等，以免干扰核心功能的实现。
二、让玩家快速理解界面
继续以充值界面为例，玩家在与界面交互时，主要关注以下信息：
- 游戏中价值不菲的货币。
- 货物和价格之间的关系。
- 推荐购买的商品。
玩家从对界面形成抽象认识，到抽取和消化界面内容，信息的展现方式至关重要，一般需遵循以下原则：
1. 信息的价值导向——准而精
所有信息必须是玩家想要或需要看到的，表达应尽量精简，去除冗余内容，让信息发挥最大价值。
2. 信息的顺序和逻辑很重要
信息的展现顺序要符合玩家的理解习惯，信息之间要有强逻辑性。例如，在充值界面中，推荐“20000钻石需花费1998元购买，还额外赠送5000钻石”，这种信息表达流畅。若随意调换信息位置，阅读体验可能会变差。
3. 控制信息量，突出重点和关键
要合理控制界面的信息量，避免过多信息干扰关键信息的传递，影响玩家的核心体验。比如，在商品上叠加推荐、特价、首充双倍、限时打折等标签，再加上商品说明和使用方法等，会让界面信息过于繁杂。
4. 信息的表达方式多样化
信息展现形式不要过于依赖文字说明，图片能让界面更通俗易懂、生动有趣。此外，界面中还有一些常用的暗示方法（待补充）。
三、了解玩家的眼睛、大脑和手指
1. 玩家的阅读习惯——界面中信息的布局
1.1 常规阅读顺序
玩家的阅读习惯通常是从左往右、自上而下。当表达完一个完整信息后，可用操作按钮结束；无需操作时，可用分割线或框边划分界面。例如，一个信息量较大的界面，按照正常阅读顺序理解，会更符合玩家的认知。像我们熟悉的QQ界面，就是这种布局的典型代表。
1.2 核心内容布局
当玩家熟悉一个界面后，会跳过正常阅读顺序，直接关注经常关注的内容。因此，一般可将核心内容放在界面中央。
1.3 整齐框图的作用
整齐的框图能让玩家的视线更准确、舒适地移动。以竞技场选择挑战对手界面为例，左边对手排名31，右边对手排名只需一眼就能看清，眼球只需跳动一次。
1.4 同类信息对比
同类信息进行对比时，可选择的数量最好为3个，且排列方式最好为横向。一般来说，横向排列表示两者的对比关系，纵向排列表示两者的排名关系，斜向排列表示两者是子母集展开的关系。在竞技场选择对手界面中，玩家的核心目的是尽快找到合适的挑战对手。当可选择数量为3个时，玩家在对比时眼球跳动更舒适，也更容易做出选择。若可选择数量超过3个，玩家不仅难以在短时间内记住排名，也不愿意在过多选择间进行对比。
2. 玩家的信息接收与消耗习惯——信息的展现节奏
2.1 信息层级划分
信息最好进行层级划分。以竞技场为例，玩家的核心体验是选择对手并挑战或换一批对手。界面的第一层信息可展示对手的概况，点击头像弹出框显示第二层信息，即对方的详细阵容。如果一次性展示多个玩家的详细信息，会使界面信息量过大，且在玩家未了解对方战斗力之前，无需了解其阵容详情，避免增加玩家眼睛和大脑的负担。
3. 临时弹出窗口的设计
临时弹出的窗口最好采用半透明效果。当弹出框出现时，若采用不透明设计，玩家可能会不自觉地扫视周边信息，这是多余的动作。而半透明设计能让玩家更聚焦于弹出框内的关键信息。
四、用户体验提升（加分项）
一般功能导向型的系统，首先要满足界面易懂易用（及格项），在此基础上，可考虑让界面更具游戏性、趣味性，使其与玩法和题材紧密结合（加分项）。至于趣味导向型系统的界面设计方法，将在下次分享。