• bp界面设计
  • 11个月前发布
  • 游戏 | 平面 341 0 0

一、分析思路
LPL每次春季赛与夏季赛都会改变bp界面的设计都会改变,因此相比于前一年,次年的bp主要信息都表述的更加清楚。
KPL对bp界面的设计不够重视,也可能是联赛刚刚创办,机制还不够健全的原因,因此对bp界面的更新相对较少。2022年前,bp界面的色调不够统一,比如战队标志,中间的主屏幕,以及英雄背景图等。但在2022年的春季赛中,kpl的bp界面让人眼前一亮,色调相对统一,英雄背景与bp背景也不再不适配,其bp界面与2021年英雄联盟季中赛的bp界面类似,一改传统包围形bp设计,转变为了上下分层,开放式的bp界面。
DPL的bp界面过于复杂,对萌新玩家或是对本游戏一窍不通的玩家太不友好,导致了看不懂,门槛高,不容易引发新鲜血液的兴趣。
二、设计思路
时代进步,简洁明了的bp界面逐渐成为主流思路,从2019年开始,bp界面的颜色逐渐设计为以单色或相近颜色为主,且多为深色。bp界面以规则的矩形为主基调,以简洁,明了,让人一眼就可以看出当前页面的主要信息,避免了以前设计过于复杂,导致了不必要的信息喧宾夺主。
为凸显战队对标的重要性,对标颜色多以与界面反差最大的浅色(白色)为主,并且将战队对标放在最显眼的位置,让人第一眼就可以看到对标,以此吸引目光。
游戏职业联赛更多的是为了吸引游戏玩家的注意,以及让更多没玩过游戏的玩家对此游戏产生兴趣,成为此游戏的新鲜血液,因此bp界面更要重视对新玩家足够友好,让老玩家更容易看到自己想看的东西。
主要设计思路以做减法为主,在简单明了的主基调上设计出独属于LPL的细节变化。
三、灵感来源
灵感来源于2021年季中赛中的bp界面,以及2022年lpl春季赛bp界面。
需要展示的是pick、ban、战队对标、比分、比赛场次、选手主屏幕,并且保证色调统一,以深色为主,以独特的战队对标配色为点缀。
LPL赛区发展至今,从一开始花里胡哨的bp界面色调设计逐渐变化为以深色调为主的界面设计,并将个别英雄背景的明度进行处理,以保证画面的整体性。并且为突出战队的重要性,在英雄选择前的空白时间段将战队对标隐入背景中。
尽可能的将需要展示的信息更清晰的表示出来,无论玩不玩游戏都能一眼看出此时的情况比分bp等,以此在一定程度上增加潜在客户对比赛的兴趣度。
四、创作过程:
上下分层版:借鉴了2021年季中赛的bp界面,上下通透的bp界面设计我更中意,战队对标放在中间最为显眼,比分放在对标正下方,不需要观众去寻找整个界面各个地方出现的不同数字,以便用最快的时间找出最有效的信息。Ban pick位置来说,pick的信息更为重要,因此将ban的英雄位置放在pick位置的正上方,在ban英雄时,正在ban的英雄框将会放大,展示给观众,在ban完后自动缩小至原定位置。
在bp过程中,观众对bp时间的重视不会过多,因此将bp读秒改成bp界面正上方,以读条形式进行倒计时。同样,比赛场次对观众的吸引力也不够大,但又不可或缺,因此将其放在中间,但字体偏小,不至于让其喧宾夺主。
包围式:借鉴了2022年LPL春季赛、2021年LPL春季赛的bp界面,由于LPL并未尝试过上下分层设计的bp界面,因此对LPL经典的包围式bp界面也进行了二创,其主色调同样以深色为主,用浅色的战队对标进行点缀。
设计思路大致与上述相同,2021年春季赛大胆尝试浅色色调以及对标中间等设计让人眼前一亮,因此想尝试对其进行二创。

创作于:2022年06月10日

取消收藏 已收藏