在我们开始研究新版英雄联盟客户端应有的外观和感觉时,我们想创作一种幻想类游戏的视觉风格,但是又不想落入传统幻想游戏用户界面的俗套里。羊皮卷轴和元素会让客户端很快就显得过时,而且我们想打造一种灵活的视觉表现,它有能力兼容未来新增的多种功能和媒介。此外,我们想解锁一种视觉风格,它不需要团队里固定搭配一名(或多名)特效师来制作布局。随着英雄联盟高速成长和更迭,我们想避免以往出现过的像是资源的瓶颈效应阻碍了宝贵的新功能上线时间,等到问题解决时功能的新鲜期已过的问题。

而就在视觉探究阶段,基础团队也在忙着更好地定义皮尔特沃夫。他们已经开始着手设计部分初始方向和概念图了,包括他们称为“海克斯科技”的技术。从主题上来说,海克斯科技为那些天生不具备能力的人提供了全民皆可施法的途径。像是杰斯的战锤,黑默丁格的工具还有蔚的手套,这些都是海克斯科技在游戏内的成果。

这种附魔机械的理念非常吸引我们,然后我们开始思索:“如果客户端本身也像海克斯科技工具那样,玩家能用它和游戏的奇幻世界进行互动呢?”这个想法就是我们打造用户界面的基石,从而开始研发这个视觉表现相关的基本功能和配色。

为了保证我们完整审查过它的外观以及能够作为可伸缩视觉解决方案,我们抽丝剥茧找到它的绝对核心,从那里开始搭建。随着我们和基础团队利用海克斯科技和皮特沃夫的概念图继续建造的同时,我们也将该技术总体的造型的表现减少至三种核心造型。
将海克斯科技视觉表现造型的分段和结合组合在一起,会有一个华丽的框架引导需要注意的关键区域。就像游戏客户端和其他利用海克斯科技金属风的地方那样,你会发现每种造型是如何在其他造型之上吸引眼球关注焦点的。
在你浏览客户端上多页面时,海克斯科技魔法就像个智能伙伴一样引导并突出重要信息以便关注。主要按钮和重要的游戏用户界面都使用了这个标志性的元素,以吸引玩家注意关键信息。而这个元素也出现在多个地方,像是计时器,活动指示器还有进度条——它有几个核心特色:
现在海克斯科技设计表现的核心支柱已经建立好了,我们可以去美妙的部分看看了——在新版客户端中它是怎么体现出来的。如后面会读到的一样,你会发现设计元素里的每种要素在解决特定问题上都扮演着至关重要的角色。
无论主要功能还是次要信息,金属风的线画都处在客户端的最上层,作为框架元素支持并吸引关注关键信息。
与客户端界面层相邻的地方是关键所在,玩家会在那里和客户端进行互动。用户界面的这些图层被细分为三个交互核心区域:玩法,次级和通用。
蓝色“海克斯科技魔法”按钮会很少出现在客户端中,只会在需要和游戏本身互动的情况下出现。
金色按钮会在处理次级信息时出现。比如幻灯片浏览,退出模式窗口,购买物品时都会以相似的外观和风格出现。
按钮和界面项帮助向玩家提供或提取信息。分类,筛选还有工具提示都归于界面交互的这一层。
随着新版的英雄联盟客户端流行起来,需要留意的是英雄联盟的外观并不会止步于此。某些海克斯科技已经伴随着部分媒介植入全世界了。比如: