设计总结:腾讯光子《和平精英》全新UI 2.0如何升级至效果拉满?
在《和平精英》兩周年到來之際,光子設(shè)計中心《和平精英》設(shè)計團(tuán)隊(duì)對游戲界面及交互體驗(yàn)進(jìn)行了全面升級,這次視效煥新將為用戶帶來更簡潔高效且具有沉浸感的游戲體驗(yàn),向用戶傳達(dá)“冒險與未來"的品牌概念,并融入和平大世界的自然觀感。
我們在“全球玩家的競技冒險世界”這一品牌概念中,重新定義了品牌的核心風(fēng)格:屬于勇者的冒險精神、屬于科技的時尚與活力。因此,在這一大背景下,游戲的版本和故事?lián)碛辛丝苹脷赓|(zhì)的加持,而游戲界面與交互體驗(yàn),也圍繞著這個帶有未來感的體驗(yàn)?zāi)繕?biāo),為大家呈現(xiàn)出富于沉浸感的交互設(shè)計和極具品質(zhì)感的視覺創(chuàng)意。
?
1、打造屬于當(dāng)代青年共同 文化符號與時代記憶
經(jīng)過兩年的積累,《和平精英》成為了一個立體的超級數(shù)字場景,用戶數(shù)量也在不斷攀升。根據(jù)最新的用戶畫像,我們了解到,《和平精英》的用戶群體是年輕時尚、心態(tài)樂觀的年輕人,他們積極向上并且對游戲視效品質(zhì)有著很高的要求。而我們只有不斷進(jìn)步,不斷革新才能跟上玩家的腳步,成為當(dāng)代青年共同的文化符號與時代記憶。
2、用匠心與熱愛打造全新視效藝術(shù)
01.視效梳理與調(diào)研分析
關(guān)于如何做好新的視效方案,和平精英設(shè)計團(tuán)隊(duì)做了大量的前期工作,為了能讓設(shè)計方案更清晰更有說服力,我們重新審視了現(xiàn)有的視效美術(shù),深度解讀“全球玩家的競技冒險世界”的品牌概念,并對同品類游戲和新上線游戲進(jìn)行了視效分析和趨勢研究。同時,還對和平精英用戶做了畫像和視覺內(nèi)核的重新梳理。
02.以打造藝術(shù)品的專注度完成視效設(shè)計
隨著游戲行業(yè)的發(fā)展,手機(jī)游戲的精品也越來越多,國內(nèi)外的精品游戲也無形中影響了絕大部分玩家的審美上限。游戲作為“第九藝術(shù)”也起到了引導(dǎo)作用。在我們看來,《和平精英》的游戲動效是一項(xiàng)藝術(shù),能為使用者帶來美好的視效體驗(yàn),也將在這個時代留下獨(dú)一無二的痕跡。
03.聯(lián)合品牌概念煥新,視效DNA無限延展
通過與品牌概念的融合,游戲設(shè)計將擁有更廣闊的舞臺,獨(dú)特的視效元素不僅應(yīng)用于游戲界面,視效的DNA將成為IP的一部分,締造全新的視覺語言和體驗(yàn),也能更好地跟上時代步伐,更好的為用戶服務(wù)。
3、全新視效風(fēng)格品質(zhì)呈現(xiàn)
01.視覺創(chuàng)意策略
?
為了讓設(shè)計更有著力點(diǎn),我們通過用戶群體分析、游戲自身特性、視效流行趨勢等多維度資料收集,并結(jié)合的立體設(shè)計法進(jìn)行分析,尋找設(shè)計的突破口。
與此同時,我們還深入分析了《和平精英》的美術(shù)風(fēng)格、世界觀設(shè)定、用戶群體。通過分析,我們得知和平精英擁有著大量的年輕用戶,我們在前期探索的時候也將側(cè)重點(diǎn)往符合現(xiàn)代年輕人審美的方向傾斜。而且現(xiàn)代越來越多的游戲和影視也都強(qiáng)調(diào)沉浸感,而我們也希望能給用戶帶來更深層次的游戲視效體驗(yàn)。
在找到,年輕、沉浸感、時尚、軍事冒險等關(guān)鍵詞之后,我們開始不斷挖掘設(shè)計靈感,從扁平簡約到寫實(shí)重度硬核,從輕松娛樂到軍事戰(zhàn)爭,從輕科幻到硬核科技。全方位的探索能帶給我們不同的設(shè)計靈感,也能為我們接下來的設(shè)計提供基礎(chǔ)依據(jù)。
未來態(tài)-寫實(shí)競技-多元娛樂
?
在這個階段我們對比了和平精英游戲?qū)雍臀覀冇脩魧拥奶攸c(diǎn),發(fā)現(xiàn)雙方的需求是具備高重合性的。這個也跟我們“和平精英競技冒險世界”的新理念不謀而合。
?
有了上面的方法、理論基礎(chǔ),我們拉起多次高效會議進(jìn)行分析總結(jié)。
?
通過抽離、提煉、融合,由點(diǎn)及面的多維度思考,總結(jié)優(yōu)秀的設(shè)計方法、理清相關(guān)設(shè)計體系脈絡(luò)。在整理分析的時候,我們發(fā)現(xiàn)現(xiàn)代游戲的視覺趨勢-逐漸的明亮、扁平、高效、娛樂化,同時有有著炫酷擬真的動效場景配合。
這種視覺趨勢也跟我們心目中的和平精英2.0愈發(fā)接近。我們也迫不急的待想進(jìn)行設(shè)計驗(yàn)證,所以我們進(jìn)行了方案的前瞻設(shè)計。
2.前瞻設(shè)計
在進(jìn)行了一系列調(diào)研和大量的討論之后,設(shè)計團(tuán)隊(duì)開始了前瞻設(shè)計工作。此時,設(shè)計思路已經(jīng)非常明確:“簡潔直觀”、“硬朗氣質(zhì)和冒險沖擊力”、“扁平輕薄”是我們希望體現(xiàn)的設(shè)計原則;多元時尚、競技冒險、潮流科幻作是我們的核心概念,而“競技冒險世界”則是我們希望傳遞的故事體驗(yàn)。
為了達(dá)成設(shè)計目標(biāo),我們創(chuàng)建了一個“視效坐標(biāo)體系”,二手手機(jī)號出售平臺以軍事硬核至多元娛樂為X軸,軍事冒險(和平精英的核心理念)為Y軸.這個坐標(biāo)體系能幫助我們很好確立自身風(fēng)格。
基于“視效坐標(biāo)體系”,設(shè)計團(tuán)隊(duì)產(chǎn)出了大量的概念設(shè)計草圖,這些圖雖然不夠精致,但正是這些圖結(jié)合視效坐標(biāo)體系以及我們游戲自身和用戶特性,讓我們快速確認(rèn)應(yīng)該嘗試的方向。
?
隨后,經(jīng)過一系列調(diào)研討論和內(nèi)部研究,我們終于完成了前瞻設(shè)計。
3.升級交互體驗(yàn)
隨著功能的逐漸豐富,如何將信息更加高效且清晰的傳達(dá)給玩家,以及結(jié)合產(chǎn)品策略對功能的可持續(xù)性的承載,是大廳迭代面臨的挑戰(zhàn)。
為了使大廳界面更加簡潔易用,我們將玩法、社交、活動和功能劃分為四大功能模塊,以保證玩家能夠迅速找到自己的目標(biāo)。而排行榜、軍團(tuán)、設(shè)置、郵件等功能則被收入二級界面,讓大廳內(nèi)容更加簡潔清晰,所有的設(shè)計都是為了讓界面信息更“輕”的呈現(xiàn)。
?
光子雞盔仔——消息整合
?
其次,光子雞——盔仔將會一直在大廳中陪伴著玩家,它不僅能夠協(xié)助玩家處理游戲信息、領(lǐng)取獎勵,另外,玩家還可以通過手勢交互可以和盔仔進(jìn)行互動,增強(qiáng)情感聯(lián)結(jié)。
資訊大廳——游戲大事件
?
原來的游戲資訊是點(diǎn)狀傳達(dá)給玩家,希望通過整合資訊資源,將游戲大事件按時序性的傳遞,玩家在這里可以了解到現(xiàn)在的和平精英在發(fā)生什么,當(dāng)前事件有什么好玩的內(nèi)容,有幫助的攻略等。有效的幫助玩家建立目標(biāo),增強(qiáng)玩家粘性。
4.視創(chuàng)策略
結(jié)合交相體驗(yàn)的升級,我們又開始了最終的設(shè)計嘗試。在這個設(shè)計過程中,我們也不斷地在研究和發(fā)掘更適合我們的獨(dú)特設(shè)計語言。我們發(fā)現(xiàn)了一個非常適合我們的新的設(shè)計語言-擬態(tài)設(shè)計,就如同擬態(tài)章魚這種聰明的海洋生物會任意改變自身的顏色和形狀,模擬海洋中的多種環(huán)境和生物,我們希望我們的視效也是這種擬態(tài)的、多變的設(shè)計。
擁有可變化的外表,就如同游戲中的服裝載具千變?nèi)f化。唯一不變的是我們競技冒險內(nèi)核,能不斷地帶給用戶新鮮感。同時為了加強(qiáng)游戲的沉浸感,我們還將電影化大場景的理念帶入到設(shè)計中。這種全場景式的背景結(jié)合扁平化的現(xiàn)代設(shè)計手法得到意想不到的效果。
?
在新一輪的風(fēng)格設(shè)計中,我們又發(fā)現(xiàn)了兩種新的設(shè)計方式:擬態(tài)迷彩和全景化動態(tài)背景。
擬態(tài)迷彩的設(shè)計語言,設(shè)計既符合游戲內(nèi)核——軍事冒險,又具有現(xiàn)代潮流的年輕感。我們希望把擬態(tài)迷彩做成我們游戲的視覺核心,作為游戲的視覺核心基因在游戲的每個界面設(shè)計里進(jìn)行傳承。
?
全景化動態(tài)背景的發(fā)現(xiàn)也是一個意外收獲,在我們設(shè)計團(tuán)隊(duì)內(nèi)部對設(shè)計風(fēng)格進(jìn)行動態(tài)預(yù)演的時候,發(fā)現(xiàn)我們游戲內(nèi)的通用背景動起來的時候會極大程度的提高游戲的沉浸感,仿佛每個界面都活起來了。
擬態(tài)是一個介于真實(shí)和虛擬之間的設(shè)計方式,這里也融入了擬態(tài)的理念,模擬現(xiàn)實(shí)世界的環(huán)境:四季、天氣、場景等進(jìn)行簡化拆分和融合。通過游戲的版本賽季切換來切換不同符合賽季風(fēng)格的動態(tài)背景,讓用戶每一次更新賽季都能體會到全面的視效革新,不再是一成不變。
?
5.全景新擬態(tài)視效
我們發(fā)掘和平精英需要更亮的色彩、簡潔的造型、輕度質(zhì)感、沉浸式感受讓游戲看起來更加現(xiàn)代潮流,同時《和平精英》作為一款現(xiàn)在流行的多元融合的手游,需要承載更多元的風(fēng)格和方向。
我們設(shè)計團(tuán)隊(duì)共同給這個設(shè)計方向起了一個全新的名稱-全景新擬態(tài)視效。這也是我們設(shè)計團(tuán)隊(duì)比較驕傲的設(shè)計結(jié)果,是經(jīng)過了每個人夜以繼日的不斷努力找尋、嘗試、失敗、創(chuàng)新、打磨得到的果實(shí)。
設(shè)計內(nèi)核展示
核心色彩
?
設(shè)計DNA
?
輔助圖形
?
現(xiàn)代簡約風(fēng)
?
此次品牌視效升級承載了《和平精英》整個項(xiàng)目和設(shè)計團(tuán)隊(duì)的心血,期望能讓和平精英變得更好看、更好玩、更好用。2周年僅僅只是一個開始,真正的冒險還在后面。
起飛!和平精英。
總結(jié)
以上是生活随笔為你收集整理的设计总结:腾讯光子《和平精英》全新UI 2.0如何升级至效果拉满?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 「技美之路」图形 1.1 渲染流水线
- 下一篇: 数字雕刻中“节奏”的作用