英雄联盟UI设计的启示：从《英雄联盟手游’里面进修减法设计的艺术

在当今信息爆炸的时代，设计的轻量化与简洁化变得尤为关键。《英雄联盟》手游（LOL-M）一直以来在海外取得成功的游戏，其用户界面（UI）设计不仅提升了玩家的游戏体验，同时也为我们提供了许多值得进修的地方。这篇文章小编将围绕英雄联盟UI设计的多个维度进行探讨，分享其中的设计理念和应用实例。

一、设计的轻量化

LOL-M的UI设计在整体上表现出极点的简洁感，甚至初次见面可能给人一种“就这样？”的错觉。然而，一旦深入使用后，玩家会体会到这种设计的用心之处。轻量化设计的核心目标在于减少信息负担，使得玩家能够更专注于游戏本身。

1. 图形化主界面设计

游戏的主界面非常简洁，重点突出“PLAY”按钮，显得既直观又易于操作。界面上的文字信息仅限于玩家名字和少量必要的代币数量，大部分信息采用图形符号来展示。这种设计有效减少了玩家的认知负担。

a. 极点简洁

在图标设计上，LOL-M追求极点的简洁性，确保即使在小尺寸下，图标也能清晰可辨。这样的设计不仅保留了精细感，同时也让玩家在快速浏览界面时不会感到困惑。

b. 信息折叠的巧妙运用

为了消除玩家在领悟图标时可能遇到的误解，LOL-M的设计师在二级界面中将体系的名称以深入了解形式进行展示。除了这些之后，可以通过点击图标弹出相关信息提示，替代了PC版游戏中常见的悬浮交互。这种信息折叠的设计思路，将简化与信息传达有效结合。

2. 隐藏非必要信息

在展示技能等详细信息时，LOL-M采用了点击展开的设计方式。这样一来，玩家在查看某个技能的详细描述时，仅会呈现该技能的信息，避免信息展示的混乱。这种行为将用户的焦点集中在关键信息上，有效避免了信息过载的难题。

3. 图标与文字互斥的设计方式

在需要文字表达的地方，设计师确保不同时出现图标与文字，避免信息重复。例如，在不同的菜单页签中，选用单一信息表现方式，使得界面看起来更加干净整洁。

二、接口设计的简练性与功能性

LOL-M的设计不仅注重美观，更强调实用性。为了满足玩家不同的需求，设计师在UI界面上应用了多种设计策略。

1. 7±2制度的运用

人类的短时记忆容量一般在5到9之间波动，LOL-M的设计师深知这一点，为玩家提供了最多6个图形化菜单入口，帮助减少记忆负担，从而提高用户体验。

2. IP延续与视觉风格

在UI的整体风格上，LOL-M与PC版《英雄联盟》保持了一致性，采用了熟悉的凯尔特图形设计，但更加简化，表现出一种克制的审美。这种延续不仅让老玩家能够快速上手，也为游戏的品牌塑造提供了支撑。

3. 信息展示方式的多样化

游戏设计师为不同类型的玩家提供了多种信息展示模式。例如，在天赋选择中，新手玩家可以使用默认设置，而资深玩家则可以自在编辑，充分考虑了不同玩家的使用习性。

三、动效设计的流畅性与交互意图表达

在LOL-M中，动效设计发挥了至关重要的影响，合理的动效不仅使得体验更加流畅，还帮助玩家领悟其交互意图。

1. 动效设计的有效应用

在匹配成功后，玩家进入选角界面时，负责角色选择的动效能够有效引导玩家感知角色的锁定情形。当切换到备战画面时，动效更是让玩家感受到紧张的气氛，增强了代入感。

2. 毫不打断的游戏体验

LOL-M通过左划的方式来避免游戏体验的打断。如果确实需要弹出面板，设计师则采用半透明的设计，使得玩家在查看装备时仍能感知到战场的情形，这样的布局有助于玩家做出更加迅速而准确的判断。

四、文字设计的层级性

文字层级的设计在LOL-M中也体现得淋漓尽致。通过字号的大致、颜色对比，设计师有效区分了重要信息与非重要信息。

1. 字号的变化与可读性

在同一组信息中，字号的设计跨度极大，最大为46号，最小则为14号，使得不同信息之间的层级关系更加清晰。随着手机屏幕分辨率的提高，设计师在字号设计上更为大胆，确保玩家能够轻松获取重点信息。

2. 信息的合理归纳与排版

通过合理的信息归纳与排版，文字的可读性得到了极大提升，让玩家在信息获取上更加高效和便捷。

小编归纳一下

小编认为啊，LOL-M的UI设计在简化、功能性、动效与文字表达等方面都做得非常出色，为用户提供了极佳的游戏体验。这些设计想法与技巧，不仅适用于手游的UI设计，也为各类游戏的界面设计提供了宝贵的借鉴。在未来的设计经过中，我们需要不断进修与操作，将这些杰出的设计理念融入到实际职业中，以提升整体的用户体验。

感谢无论兄弟们的阅读，期待与大家在更多的游戏UI设计上共同探讨和提高！