020-29815005
预约专线时间:09:00-23:59

《英雄联盟手游》是如何做好界面概念设计的?

新闻来源:本站 日期:2022-02-21
从产品定位来说,《英雄联盟手游》具备了独立性,它与LOR、Valorant等游戏一样,都是英雄联盟IP生态的一部分。由于玩法和屏幕尺寸与端游的不同,界面概念设计并不是简单地将UI内容,从PC端直接搬运到移动端里。

  从产品定位来说,《英雄联盟手游》具备了独立性,它与LOR、Valorant等游戏一样,都是英雄联盟IP生态的一部分。由于玩法和屏幕尺寸与端游的不同,界面概念设计并不是简单地将UI内容,从PC端直接搬运到移动端里。


《英雄联盟手游》是如何做好界面概念设计的?


  无论从产品的哪个角度来看,《英雄联盟手游》与《英雄联盟》的两个游戏世界虽然不同,但其实双方充满着千丝万缕的联系,而且是割不断的。UI概念设计的目的,就是要让玩家能够很好地理解,这两个起源一致、大同小异的世界之间的一致与区别,以及对新世界的界面设计产生认同感。

  “正如《英雄联盟》中的海克斯科技设定一样,手游也可以通过使用某种设备‘传送’玩家”,这个想法便很自然地,可以解决两个世界概念设计的融合性问题。

  玩家只需通过手中所握着的手机/平板电脑,与金克丝使用HEXTECH传送装置一样,让英雄从召唤师峡谷来到《英雄联盟手游》的狂野峡谷。这样的解决方案,从现实或是游戏的角度来说,无疑也最为契合。

  因此,手游整体界面的概念和风格,都是围绕着这台传送装置/现实移动设备来设计的。

  海克斯科技+手机+传送门=海克斯传送装置

  在我们解决了玩家的场景穿越问题后,另一方面,我们还要将产品内部的各个功能模块分开,并做好每个模块的UI概念设计:让玩家在游戏中随时清晰地知道,自己所处的位置。

  有端游经验的玩家,能在手游中找到很多熟悉的内容,(尤其是设计师)也有时候会产生这样的疑问:“这个界面是对应端游的哪一个界面?”“这个功能是我以前熟悉的哪一个功能”?

  为了解决玩家的位置感知问题,在UX与UI设计环节前期,设计师尽可能地将各个大模块,用不同的概念和功能进行分类、包装。

  三个大模块的设计定调

  首先,主线流程就是整个游戏的核心流程,也是带领玩家进入战斗的游戏流程。根据设计定调,这个流程会以“将玩家传送到狂野峡谷”的理念,来进设计行包装。

  在核心视觉语言上,主线流程首先是继承了端游的视觉风格,也就是HEXTECH。但是基于手游的交互特征,我们还做了大量的减法与提炼设计——保留了机械与魔法的核心视觉语言。

  HEXTECH的元素构成——机械与魔法:机械操控魔法、魔法驱动机械

  蓝色魔法圈

  在设计中,蓝色魔法是作为一个非常特殊的视觉符号被广泛使用——那些凡是带有蓝色、或者蓝色魔法的按钮,是可以带领玩家进入狂野峡谷开始战斗地。而这,正是游戏主线流程中的核心功能。

  圆形传送结构

  如何让玩家在游戏中,体验被传输的感觉,在UI上,首先得有一个传送的载体。在概念设计中,这个载体可以被称为是“海克斯传送装置”。设计师使用人们对传送门的普遍印象视觉化符号,再加上游戏世界观的元素,制作出可下图右边的圆形传送结构UI。

  重新设计的视觉元素——都通常都会带一点Piltover的审美

  就这样,在整个主线流程中,圆形结构与蓝色按钮,将带领玩家直接进入狂野峡谷,开始战斗。玩家即使是看不懂文字,也能通过识别出这些视觉元素,进入到游戏场景中。  

  以上就是优漫教育小编为大家介绍的“《英雄联盟手游》是如何做好界面概念设计的?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !