導(dǎo) 【Q+升級(jí)】源起于暑期大版本中飛車(chē)世界觀新加入的IP與劇情,基于四大車(chē)廠的世界觀背景,從Q-SPEED神秘能量方塊提煉出“輕科技”這一設(shè)計(jì)元素,通過(guò)該元素在UI表現(xiàn)和用戶(hù)體驗(yàn)層面的應(yīng)用和包裝,來(lái)升級(jí)和...

【Q+升級(jí)】源起于暑期大版本中飛車(chē)世界觀新加入的IP與劇情,基于四大車(chē)廠的世界觀背景,從Q-SPEED神秘能量方塊提煉出“輕科技”這一設(shè)計(jì)元素,通過(guò)該元素在UI表現(xiàn)和用戶(hù)體驗(yàn)層面的應(yīng)用和包裝,來(lái)升級(jí)和強(qiáng)化玩家對(duì)游戲世界觀的感知。

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

從“Q-SPEED”核心能量衍生出的輕科技要素

我們將從以下模塊來(lái)回顧這次的設(shè)計(jì)過(guò)程:

  • 大廳的視覺(jué)刷新——去繁就簡(jiǎn),優(yōu)化展示空間

  • 主流程優(yōu)化——優(yōu)化玩家的核心操作流程

  • 世界觀在UI層面的表達(dá)

  • 娛樂(lè)視聽(tīng)給UI設(shè)計(jì)帶來(lái)的啟發(fā)

大廳的視覺(jué)刷新

  • 設(shè)計(jì)目標(biāo)

通過(guò)大廳視覺(jué)的刷新,直觀、快速地改變玩家感受。

  • 現(xiàn)狀分析

1. 界面UI方面

原有大廳的界面UI分割感較重(頂欄UI、底部UI和右側(cè)UI較為分散),加之運(yùn)營(yíng)按鈕質(zhì)感太過(guò)厚重,使得玩家的視覺(jué)注意力無(wú)法聚焦。

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

原有大廳UI 分割感較重

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

大廳修改前質(zhì)感偏厚重

2.信息布局方面

原有的大廳玩法入口的布局和層級(jí)過(guò)于平均,未體現(xiàn)出【使用頻率】和【重要程度】的差異(對(duì)戰(zhàn)房間>賽事比賽>個(gè)人生涯>休閑區(qū))。

  • 設(shè)計(jì)實(shí)施

首先,我們從Q-SPEED中提煉出了【輕科技】這一基本設(shè)計(jì)要素,并基于這一要素對(duì)玩法入口的UI進(jìn)行設(shè)計(jì)優(yōu)化和調(diào)整。同時(shí),我們希望將【輕科技】的設(shè)計(jì)要素延展到整個(gè)大廳的UI設(shè)計(jì)中,所以對(duì)原有大廳圖標(biāo)進(jìn)行了【輕質(zhì)化】方向的調(diào)整和優(yōu)化。

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

【輕科技】設(shè)計(jì)要素提取

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)

玩法入口的設(shè)計(jì)優(yōu)化

飛車(chē)圖標(biāo)升級(jí)有什么用(qq飛車(chē)圖標(biāo)升級(jí)規(guī)則)