百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

英雄联盟游戏界面回顾及S6新客户端展望

myzbx 2025-04-06 19:09 8 浏览

导语:转眼S5已经结束了,不知道小伙伴们是否已经拿到了心仪的奖励呢?

英雄联盟中永不磨灭的峡谷,机器人大招音效的大区确定音,你总会忘记看的小地图,每一个细节的变动都倾注了设计师的心血。今天小编就带你回顾一下英雄联盟历代的界面,让你看看它的成长。

S6,让我们和英雄联盟一起前行。

S6新版客户端——未来还有更多

目前版本的《英雄联盟》客户端已经陪伴了全球的玩家六年了,已急需更新。在2016赛季中,拳头正在研发新客户端。

届时将会实现三大功能:

①使用全新的技术制作新版客户端,更可靠响应速度更快。

②重新设计了界面,让客户端的所有区块全都视觉统一并且主题明晰。

③提升新版客户端的社交体验,如组队、聊天室、和掌盟的互动。

登陆界面回顾

首先让我们打开英雄联盟,登陆游戏。可以看到,初期的国服登陆界面是这个样子,同其他游戏的设计思路大体一致。账号密码处于客户端正中的下方,服务器和游戏选项分设两边。

而经过一段时间的发展后,腾讯更新了登陆界面,将账号密码换到了客户端右方。精简了玩家使用的界面,而更多的空间则留给了背景大图。这一框架也延续至今未曾大改。

再后来,联盟每推出一位新英雄都会在客户端登陆界面给出一个大大的特写,(之前推出的英雄只能表示遗憾了)。如今大火的小学生之手早在2012年就已推出,官方给出的标语也是异常霸气。

而如今的登录界面只是做出了细节上的修改,大体的框架还是沿用了之前的设计

大区选择界面

输入游戏账号和密码,成功登陆游戏。我们可以看到远古时期的联盟只有电信和网通两个大区,它们就是现在的艾欧尼亚和比尔吉沃特。

随着玩家人数的不断增长,当时的电信和网通已经无法提供稳定的游戏环境了。腾讯不得不开发新区,不断增长的大区围成了一圈大区之环。许多新玩家看到这个界面会有一种眼前一亮的感觉。

但是问题也随之而来,旧版的环状界面繁杂紊乱,没有快捷的搜索系统,这导致很多新手玩家甚至都找不到自己大区的所在位置。

于是腾讯做出了调整,重新设计了大区的选择界面。新的界面简洁高效,截止到目前,英雄联盟国服已经有三十个大区可供玩家选择,而古老的艾欧尼亚也成为了神圣的“电信一区”。

待机界面

选择好了游戏大区,确认之后我们终于进入了待机界面。初期的联盟我们可以看到模块非常多。各种各样的信息让人眼花缭乱。如今的周免介绍也还没有雏形。

细心的观众不难发现,截图里的活动还是做得相当给力的。动不动就3折5折,放现在大家钱包估计早空了。

而如今的联盟界面则要简练且明目许多,这也是英雄联盟设计师一直以来的主张。突出最主要的信息,弱化精简其他无关内容。每周周免英雄的小头像也出现在下方。

加载游戏界面

扯淡了这么久,总算能开一把游戏。我们选择了悟空,选人完毕后游戏进入了加载界面。

拳头对于加载的设计还是很有水平的,不仅简单明了,还有一个加载动态条提示召唤师的情况。英雄背后的加载背景一直沿用了四个赛季,人称征召之地。

在S5拳头终于换掉了征召之地的加载背景,将之更换为了绿色的森林。

游戏界面

漫长的加载时间终于过去,可以开始游戏啦。各位热爱英雄联盟的玩家们,你们可知道初期的游戏界面是这样的?

初期的游戏界面里的EU界面栏不仅复杂而且低效,占据了画面的绝大部分位置,压缩了游戏画面。但游戏画面也不咋地,制作粗糙,游戏里很多细节的东西例如草树木都是直接贴图上去。我们可以看到流浪的小头像和技能装备栏几乎遮挡了画面的左下角。

但设计师在不断的进行更新,地图细节慢慢的更加完善,EU栏也不断精简。还是他们的一贯主张,将画面尽可能的留给游戏本身。而到现在的S5和S6,地图已经漂亮到小编都不忍心在这里作战。界面美观,EU栏精简高效,如今的召唤师峡谷格外迷人。

结语

回望了最初到如今英雄联盟界面的成长,你是否已经开始唏嘘,原来这款游戏已经陪伴了我们如此之久。时光如梭,S6,让我们和英雄联盟一起前行。

相关推荐

一键生成高颜值图表!让你的文字瞬间有画面感,职场人必备!

哈喽,打工人们!忙碌的周中,大熊又来给你们带来一个超实用的效率神器啦!这次的宝藏网站绝对是那种用过就离不开的"真香"型产品!假设你明天就要做重要汇报,可面对一大堆密密麻麻的文字材料,你...

批量将 Word 转换为 PDF/Excel/Txt/图片等多种格式

Word文档是我们工作中经常会打交道的一种文档格式,我们也经常会有需要对Word文档进行格式转换的需求,比如将Word格式转换为PDF、将Word文档转换为Excel、将Word...

绝了!一键用AI生成高颜值动态PPT(附详细步骤+Prompt)

大家好,我是一名酷爱研究AI的产品经理,最近我有个新发现:那些花了你3天做出来的PPT,现在用AI可以1小时搞定!而且颜值还高!为什么AI做PPT比传统方式效率高10倍?我用一张图就能告诉你:AI生成...

ztext - 简单几行代码创建酷炫3D特效文字的开源JS库

把网页上的文字变成酷炫的3D风格,还能制作旋转动效,有了ztext.js,只需要几行代码。ztext能做什么ztext.js是一个能把常规的平面文字变成3D样式的前端开源代码库,让开发者...

文字内插入小图片,也太可爱了吧(文字中怎么插图片)

图文排版H5手机版秀米有小伙伴留言问添加图片的时候可不可以把图片添加到文字之间比如下面这句话中的小贴纸图片后面可以接着输入文字其实吧这就是咱们的『文字内插入小图片』功能嘛可以用来在文字内加个表情包又...

Linux环境下C++代码性能分析方法(linux怎么写c++代码)

技术背景在开发C++应用程序时,找出代码中运行缓慢的部分是进行性能优化的关键。在Linux系统上,有多种工具和方法可用于对C++代码进行性能分析,每种方法都有其特点和适用场景。实现步骤手动中断调试法在...

SVG互动图文,让你的文章更有趣!教你4种简单易学的黑科技玩法!

如果你是一个公众号创作者,那么你一定想知道如何让你的文章更加吸引人,更加有趣,更加有创意。你可能已经尝试过各种图文排版技巧,但是你是否知道,有一种黑科技可以让你的文章变得更加酷炫,更加互动,更加爆款?...

Videoscribe怎么实现实心中文汉字的手绘制作

很多朋友在制作手绘视频的时候,不知道怎么输入实心的中文汉字,之前我们已经给大家分享了怎么输入汉字的方法,但是有一点遗憾的是输出的汉字是空心的手绘展示,在视觉上并不是非常的美观。经过大家不断的探索,终于...

一款用于将文本转化成图表的现代化脚本语言

大家好,又见面了,我是GitHub精选君!今天要给大家推荐一个GitHub开源项目terrastruct/d2,该项目在GitHub有超过10.3kStar,用一句话介绍该项目就是:...

探秘 Web 水印技术(制作水印网站)

作者:fransli,腾讯PCG前端开发工程师Web水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印)...

不忍心卸载的五款神仙工具(不忍心卸载的五款神仙工具是什么)

001.效率工具uTools-装机必备的生产力工具集uTools是一款非常强大的可以装下几乎所有效率工具的电脑生产力工具集,目前拥有Windows、Mac和Linux三个版本。软件界面...

「SVG」飞花令!这份最高检工作报告“超有料”

原标题:【SVG】飞花令!这份最高检工作报告“超有料”栏目主编:秦红文字编辑:沈佳灵来源:作者:最高人民检察院...

svg|2025政府工作报告,有没有你关心的数据?

··<setattributeName="visibility"begin="click+0s"dur="1ms"fill="freeze"restart="never"to="hi...

videoscribe只能输入英文,如何输入中文文本?

videoscribe只能输入英文,如何输入中文文本?打开VideoScribe软件,打开要添加中文字体的位置。打开Photoshop并在文件中创建一个新的透明背景图层。注意:必须是透明背景层。...

五个流行的SVG在线编辑器(svg编辑工具)

随着响应网络的发展,越来越多的高质量的SVG在线编辑器被公众所熟知。SVG矢量图形也越来越受欢迎,以便在任何设备上呈现图像,甚至一些易于使用的SVG在线编辑器,可以替代PS,本文总结了五种流行的SVG...