戰士們晚上好鴨，小緹娜又帶著好訊息來啦~今天依然是來自週年慶的新內容爆料，全新的

UI系統介面

閃亮登場~不過在此之前小緹娜先來給戰士們分享一波週年慶全新CG預告，一起來看看吧~

怎麼樣，有沒有從CG中看出些什麼？彆著急，後續小緹娜會逐漸揭曉答案！今天就先來了解一下關於全新UI的故事，小緹娜特邀到了美術大大來分享全新介面的設計思路，戰士們衝鴨！

隨著週年慶的到來，我們決定對

遊戲介面及互動體驗進行全面升級

，透過

互動和視覺的提升

，減輕玩家在遊戲中的視覺負擔。全新的UI系統介面採用

簡約風格

、適配性更強的扁平化設計

，在減輕視覺負擔的同時，帶來

明快的視覺效果以及新鮮感

，

為玩家帶來更

沉浸的遊戲體驗

。

全新UI系統介面--大廳

舊版

隨著版本迭代，介面內容越來越多，使視覺負擔加重，我們收到部分玩家反饋大廳介面內容以及入口展示

過於雜亂

，

分割槽不夠明確

，部分設計也帶來了一定的

視覺影響

。

△舊版大廳介面△

設計理念&過程

經過多次的調研與討論，我們決定將UI

重新進行整合歸納

，減輕玩家的視覺負擔，並在週年慶到來之際，給玩家帶來更多

新鮮感

。

總體來說，本次全新改版所涉及到內容主要有：

大廳、通用控制元件、模式入口、角色詳情、個人詳情

。大廳方面我們針對

輕量化、易用性、新鮮感

這幾個方面進行了調整。

戰士們可以滑動下方圖片檢視美術大大們對全新介面的調整過程喲~

  左右滑動檢視調整過程  

新版

我們將原本的玩法入口全部收攏到右側區域，使

角色展示區域與玩法操作區域完全分開

，讓分割槽更加

明確

，並且加大了角色和背景的

展示空間

；將原本的

活動模式和挑戰模式

進行了

合併

；將設定、公告、觀戰大廳也收起至選單，減少大廳的部分入口展示。在圖示、文字、通用控制元件上採取了更加

扁平化

的設計，減輕玩家的視覺負擔。

在修改大廳全新介面的同時，我們更加註重玩家的遊戲體驗，除了玩法入口模組，極力地

保留

了玩家原本的

互動習慣

，儘可能的只是在原本互動不變動的情況下作了

視覺調整

。同時，

保留

了魂鬥羅

橙色、灰色和藍色的

品牌色

；在整體改版的用色上，加大藍色和灰色的用色比例；將

橙色

只作為

重要控制元件和重要內容

的使用顏色，讓玩家可以更快地關注到重點資訊。

在週年慶來臨之際，我們決定給玩家帶來不一樣的

新鮮感

。新增

365度可旋轉大廳

以及

可拍照展示

的功能，讓玩家感受到新的體驗。

△最終採用的大廳介面△

全新UI系統介面--其他

通用控制元件

①我們對頂欄、側邊欄、按鈕、彈窗、背景、品質框這些方面都進行了改版。

頂欄、側邊欄

均進行了

去底

的設計，可以放大每個介面的展示空間，使頁面看起來更加明快。

②將

按鈕、彈窗、彈出、通用背景

等，進行

顏色和質感的調整

，使整體更加扁平化，減輕玩家的視覺負擔。

△舊版彈窗介面△

△新版彈窗介面△

新版本中，彈窗介面更加

簡潔、流暢

。

△舊版彈出介面△

△新版彈出介面△

新版本彈出介面更加

直觀

，玩家可一目瞭然。

角色詳情

透過調整資訊排版，收縮資訊區域，使角色擁有更大的展示空間，並透過

調整文字顏色

減輕之前介面雜亂的問題。

模式入口

調整了

挑戰模式和組隊模式

。2個模式都做了

塊面化

的展示，加強整體模式入口的統一性，並用少量動效提升趣味性。

△舊版組隊模式△

△新版組隊模式△

新版本組隊模式介面內容更加

簡潔

，效果更加

直觀

。

△舊版挑戰入口△

  左右滑動檢視更多 

△新版挑戰入口△

新版本挑戰入口介面進行

更細緻的分類及改版

，介面更加

簡潔

。

個人詳情

為了

擴大資訊展示的區域

，避免資訊擁擠，我們將個人詳情頁面做了

全屏的改版

，方便玩家檢視。

以上內容為美術設計稿，最終呈現以正式服上線為準

好啦，以上就是美術大大為戰士們帶來的全新介面設計思路分享~戰士們還想知道哪些有關於週年慶的內容呢？快來【

留言區

】告訴小緹娜吧~後續還會有更多週年慶的爆料，戰士們千萬不要錯過哦~

小緹娜那麼可愛

你不點個星標嗎

點個星標，大大們再也不怕找不到小緹娜啦 ( • ̀ω•́ )✧

公眾號專屬福利

動動小手有驚喜

繫結簽到：

綁籤送好禮！

每日一題：

贏獨家禮包！

想要更多福利內容的戰士們

快給小緹娜幸運三連加個雞腿吧~