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

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

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

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

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

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

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

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

届时将会实现三大功能:

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

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

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

登陆界面回顾

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

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

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

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

大区选择界面

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

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

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

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

待机界面

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

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

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

加载游戏界面

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

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

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

游戏界面

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

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

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

结语

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

相关推荐

如何设计一个优秀的电子商务产品详情页

加入人人都是产品经理【起点学院】产品经理实战训练营,BAT产品总监手把手带你学产品电子商务网站的产品详情页面无疑是设计师和开发人员关注的最重要的网页之一。产品详情页面是客户作出“加入购物车”决定的页面...

怎么在JS中使用Ajax进行异步请求?

大家好,今天我来分享一项JavaScript的实战技巧,即如何在JS中使用Ajax进行异步请求,让你的网页速度瞬间提升。Ajax是一种在不刷新整个网页的情况下与服务器进行数据交互的技术,可以实现异步加...

中小企业如何组建,管理团队_中小企业应当如何开展组织结构设计变革

前言写了太多关于产品的东西觉得应该换换口味.从码农到架构师,从前端到平面再到UI、UE,最后走向了产品这条不归路,其实以前一直再给你们讲.产品经理跟项目经理区别没有特别大,两个岗位之间有很...

前端监控 SDK 开发分享_前端监控系统 开源

一、前言随着前端的发展和被重视,慢慢的行业内对于前端监控系统的重视程度也在增加。这里不对为什么需要监控再做解释。那我们先直接说说需求。对于中小型公司来说,可以直接使用三方的监控,比如自己搭建一套免费的...

Ajax 会被 fetch 取代吗?Axios 怎么办?

大家好,很高兴又见面了,我是"高级前端进阶",由我带着大家一起关注前端前沿、深入前端底层技术,大家一起进步,也欢迎大家关注、点赞、收藏、转发!今天给大家带来的主题是ajax、fetch...

前端面试题《AJAX》_前端面试ajax考点汇总

1.什么是ajax?ajax作用是什么?AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实...

Ajax 详细介绍_ajax

1、ajax是什么?asynchronousjavascriptandxml:异步的javascript和xml。ajax是用来改善用户体验的一种技术,其本质是利用浏览器内置的一个特殊的...

6款可替代dreamweaver的工具_替代powerdesigner的工具

dreamweaver对一个web前端工作者来说,再熟悉不过了,像我07年接触web前端开发就是用的dreamweaver,一直用到现在,身边的朋友有跟我推荐过各种更好用的可替代dreamweaver...

我敢保证,全网没有再比这更详细的Java知识点总结了,送你啊

接下来你看到的将是全网最详细的Java知识点总结,全文分为三大部分:Java基础、Java框架、Java+云数据小编将为大家仔细讲解每大部分里面的详细知识点,别眨眼,从小白到大佬、零基础到精通,你绝...

福斯《死侍》发布新剧照 "小贱贱"韦德被改造前造型曝光

时光网讯福斯出品的科幻片《死侍》今天发布新剧照,其中一张是较为罕见的死侍在被改造之前的剧照,其余两张剧照都是死侍在执行任务中的状态。据外媒推测,片方此时发布剧照,预计是为了给不久之后影片发布首款正式预...

2021年超详细的java学习路线总结—纯干货分享

本文整理了java开发的学习路线和相关的学习资源,非常适合零基础入门java的同学,希望大家在学习的时候,能够节省时间。纯干货,良心推荐!第一阶段:Java基础重点知识点:数据类型、核心语法、面向对象...

不用海淘,真黑五来到你身边:亚马逊15件热卖爆款推荐!

Fujifilm富士instaxMini8小黄人拍立得相机(黄色/蓝色)扫二维码进入购物页面黑五是入手一个轻巧可爱的拍立得相机的好时机,此款是mini8的小黄人特别版,除了颜色涂装成小黄人...

2025 年 Python 爬虫四大前沿技术:从异步到 AI

作为互联网大厂的后端Python爬虫开发,你是否也曾遇到过这些痛点:面对海量目标URL,单线程爬虫爬取一周还没完成任务;动态渲染的SPA页面,requests库返回的全是空白代码;好不容易...

最贱超级英雄《死侍》来了!_死侍超燃

死侍Deadpool(2016)导演:蒂姆·米勒编剧:略特·里斯/保罗·沃尼克主演:瑞恩·雷诺兹/莫蕾娜·巴卡林/吉娜·卡拉诺/艾德·斯克林/T·J·米勒类型:动作/...

停止javascript的ajax请求,取消axios请求,取消reactfetch请求

一、Ajax原生里可以通过XMLHttpRequest对象上的abort方法来中断ajax。注意abort方法不能阻止向服务器发送请求,只能停止当前ajax请求。停止javascript的ajax请求...