PUBG Mobile主題UI設計:廢土藝術風格探索

2021-01-15 騰訊網

文丨木木三、加薪、Alphonse

騰訊互動娛樂 設計師

導語:「廢土」作為一種藝術風格在二戰後開始大行其道,起源來自人類對核戰危機的憂慮。直到上個世紀末,隨著電影《瘋狂的麥克斯》和遊戲《廢土》的誕生,「廢土」這個詞彙作為一種藝術形式被人們認知和熱捧。生存與毀滅是人類歷史上長久以來的議題之一,廢土即是毀滅之後的重生,依然是寓意人類對美好的嚮往。

廢土藝術風格

01

廢土定義

廢土題材作為科幻題材系統下的一個子類型,通常探討的是文明在經歷巨大劫難之後的變遷和末日浩劫後的世界,是表現一種虛構的世界中,人類生存環境受到嚴重破壞,倖存者在殘酷環境中掙扎求存的狀態。常見的類型有:隕石行星衝撞、核災難、自然毀滅性疾病、人工生化危機、外星人入侵、人工智慧覺醒與黑化、物種變異、超級自然災難、超自然現象、宗教式的終極審判等

02

世界觀的類型

輕度損壞:這種類型的末日世界通常是來自非物理的損壞,比如病毒爆發、核武器汙染、生化危機等。在這樣的設定下,大多數硬表面的結構、建築、汽車和物件等都只遭到輕微的損壞,核心結構仍然保留。

中度、重度損壞:這種類型的末世,主要源於核戰爭、地震、外星人入侵、海嘯洪水、流星隕落等大災難,而導致人類和其他生物的滅亡。環境被大幅度破壞,極端的天氣,整個世界呈現極度的破損狀態。(如瘋狂麥克斯/未來水世界等)

[部分圖片來自網絡]

PUBGM廢土主題UI設計

PUBG MOBILE每一期的絕地通行證(ROYALE PASS,下文統一簡稱RP)主題都是獨立的包裝形式,與遊戲核心世界觀沒有強關聯,所以給了RP主題系列更自由的設計空間。

01

RP賽季世界觀

PUBG MOBILE第十賽季的主題是末日廢土,定義在世界戰爭之後造成中輕度的破壞,水資源匱乏,沙漠環境惡劣,世界文明傾塌落陷,生存下來的人們在沙漠廢墟裡挖掘出可利用物資進行生存鬥爭與權利的重組。

[ 本期設定圖 ]

02

PUBGM廢土風的設計原則

生存本能驅使的產物

在這個世界觀下,人們使用常人無法預料到的物件(隨機物件),通常是經過熔煉、貼合、纏繞、混合等方式把不同的物件組合在一起。所以造型粗糙且不符合常理。

利用好僅有的資源

在廢土世界下,並不是擁有精良的製造工藝和豐富的供應商,他們很難找到理想的資源,但是要想達到你的目的,常常人類需要利用好身邊的既有資源。

過度誇張的設計

在末日環境下,所有的設計都為了生存,外觀或者實用度都是,外觀上的誇張可以給遇到的敵人產生恐懼感,實用度上人類需要多個備用計劃,來應對環境的變化,因此設計相對複雜和混搭。

視覺元素在使用破舊/鏽跡/拼接/噴濺/塗鴉等搭建出廢土世界的環境,能看見各種帶有鏽跡、破損修補的金屬 、鐵網、管道等,通過焊接、釘子各種手段熔煉到一起,加入噴繪展示人類生存不屈的意志。

主題背景關鍵詞:

低科技 戰損 腐蝕鐵鏽

塗裝 霓虹燈管 烈日沙漠環境

03

主題元素分析及風格定義

低科技

雖然時間線往前推進了,但是由於戰爭的摧毀導致科技程度衰退,所以需要控制高科技表現的出現。

戰損和腐蝕

戰爭導致環境的破壞和惡化,惡劣的氣候腐蝕著一切事物,金屬被氧化,焊接和熔煉各種金屬碎片是主流手段。

塗裝

在廢土的世界中,一個人是很難生存下來的,所以通常很多人就會聚集在一起,成立一個組織進行防禦或者掠奪。不同的人聚集在一起就需要能識別是敵是友的標誌,所以這也是非常重要的元素之一。

霓虹燈管

在各種金屬和荒漠包裝的世界中,霓虹燈代表著生活,生機,這裡會有人們去聚集的酒吧或者商店,他一定程度上代表著現代人類的光明和希望、生存的不屈意志。

烈日沙漠

通常沙漠給人一種生態惡劣的感受,在烈日下的沙漠更能奪人性命,體現了生存環境的極其嚴苛,更加引起用戶的共鳴。

04

RP系統主logo設計

結合了故事背景,通過對關鍵詞的提取和分析,我們的設計進入到腦暴階段,其實市面上各類風格的末日廢土視覺種類已經很全面了,類似《無主之地》美漫風格、《瘋狂麥克斯》超寫實的視覺效果深入人心,那麼我們需要結合PUBGM的遊戲題材(寫實題材)進行自我包裝。

以下是部分設計過程展示:

最終確定稿:

延續案例設計分析

RP系統購買界面 & 獎勵界面:

資源兌換活動:

上圖是一個收集資源兌換服裝的活動界面,營造一個荒野中資源匱乏的環境。破舊不堪的荒野加油點,蕭條乾枯的氛圍為主要基調,以加油機作為主要的UI承載區域,通過收集特定資源來兌換物品,與現實生活中你用貨幣去加油站進行補給同理。

全服購買:

賽季首充:

不放回抽獎:

黑五折扣活動:

黑色星期五的活動設計渲染的是一種美國80年代地下酒吧的氛圍,正好來印證末日世界中人們輕鬆休閒的環境,他們白天為了生存進行反抗或者掠奪,到了晚上就可以來酒吧放鬆。

設計手法上用CD機,復古電視,霓虹燈,水泥磚牆等為設計裝飾元素,在第一次進入這個系統的時候會有一個折扣TIPS,但是如果直接用彈窗來實現會顯得很乾很無趣。所以結合了一個復古的CD機器,來營造一氛圍,也可以加深你對於這次獲得所獲得獨有的折扣比,會有更深刻的記憶點

圖鑑、活動:

值得一提的是,界面中的廢土風道具,也是光子設計中心的設計師們繪製的!對題材的深度理解和掌控,加上高超的手繪能力,UI設計師也可以做出精彩的2D概念設定。本期先給大家展示其中一張。

品牌運營設計分析

RP設計

1、用較為飽和的顏色並結合泥土沙塵方向,從聚合到消散,設計立體的環繞形文字。

2、文字延展到主KV。

3、主題商品分前後展示,前方採用局部特寫,遠方的商品營造情節感。

4、用鋼鐵、木材、霓虹等元素組合成的概念化信息牌,配合獎勵展示。

5、依舊沿用賽季的破舊的告示牌,鏈條、排氣,用噴火動效點名該主題的狂野風格

賽季包裝

1、整體採用鏽跡金屬、布料、木材和霓虹這些比較粗獷又對衝的素材,成為西部廢土風格的主元素。結合陽光的反射展現一些光澤,加上局部描邊,破開廢土的部分頹廢感。

2、結合載具的排氣管,輪胎等物件,也是設計元素的延伸。

3、賽季段位展示。

4、商品展示。

5、一些破舊的告示牌、鏈條,和顯得狂野的噴火效果,配上主角,繼續營造廢土風氛圍。

寫在最後

本篇我們嘗試對廢土藝術風格的概念做了總結,結合對PUBG Mobile第十賽季的主題UI案例分析,可以看出廢土風的設計手段主要是通過對故事背景的分析和拆解,再進行重組,進而形成自己的主題風格。但設計風格因故事背景的不同在視覺呈現上又較為多樣化。

相關焦點

  • pubg mobile粉色兔子裝扮怎麼獲得?
    pubg mobile中的印度節點活動讓很多玩家獲得了不錯的物資,這其中最惹人注意的就是粉分的兔子造型,那麼這個兔子裝扮如何獲得呢?專注手遊網絡的海豚這就為你分享。早先 pubg mobile中也的確有兔子造型,像毛絨質感的全身灰兔造型還有狂歡兔的頭套造型都各有優點,甚至還有神似兔子的機械姬造型。這些無一例外的都需要參與活動獲得物品來兌換獲得的。因此想獲得皮膚套裝還是需要好好打遊戲的,而網絡不好則是打遊戲的大敵,使用海豚可以輕鬆打敗網絡問題,獲得優秀遊戲體驗。
  • pubg mobie國際服安卓下載方法分享
    資訊的發達也讓手遊的選擇更加多樣化,就拿吃雞手遊來說,和平精英、pubg mobile國際服、pubg mobile韓服、pubg mobile日服及絕地求生M臺服這五種常見的。和平精英不用多說,應用商店就可以輕鬆搞定下載,pubg mobile國際服的下載就複雜一些。
  • 《幻塔》美術風格介紹 何為「廢土輕科幻」?
    《幻塔》獨特的「廢土+科幻」風格是如何形成的?在美術上又做了哪些努力?圖1 可愛的塔塔和Miu醬言歸正傳,大家應該都知道《幻塔》的主題風格是「廢土+科幻」,那這個風格是怎麼來的,美術團隊又是怎樣為這些設定服務呢
  • 廢土風穿搭,「怕死」千萬別嘗試
    ( 圖片來源:Amazon )AKENZ 市場部經理Kevin■ 作為市場推手,AKENZ 如何理解 「廢土風」?末日 「廢土風」 的形成是設計師對於宇宙主題的聯想和探索。人類在宇宙中顯得極其渺小,就好像人類身邊的塵埃一樣。
  • 平面設計的視覺風格有?
    平面設計的視覺風格有?以視覺傳達為目的,風格服務於視覺傳達,所以往往一個平面設計作品會表現出多種不同的視覺風格結合,但有時它們又不屬於任何風格,所謂的平面設計風格往往是由於所傳達的信息或需要解決的問題決定的。今天我們將和零基礎學ui設計的平面設計的視覺風格種類。
  • 2021設計趨勢:UI/UX篇
    According to studies, users prefer mobile apps more than mobile websites. 移動端網站和APP,對你和你的顧客來說,你如何知道哪一個更好呢?研究顯示用戶更喜歡移動App。
  • 三款不同風格的末日廢土遊戲推薦,《最後的綠洲》末日背景很新穎
    三款不同風格的末日廢土遊戲推薦,《最後的綠洲》末日背景很新穎
  • pubg是什麼遊戲 pubg中文名叫什麼
    導 讀 pubg是什麼遊戲?
  • 缺乏獨特風格是中國藝術設計之痛
    幾十年以來中國的當代藝術設計取得了巨大的發展並具備了一定的實力,老一輩藝術設計工作者努力踐行尋找中國風格的藝術設計之路,他們的探索成果對新生代的藝術設計師產生了深遠的影響,當代藝術設計的中國風格正在醞釀產生之中。
  • pubg是什麼遊戲 pubg遊戲詳情介紹
    pubg是什麼遊戲,pubg遊戲是什麼意思?很多朋友在問pupg遊戲是什麼意思。最近,騰訊遊戲終於獲得了PUBG的正式代理權,大逃殺國服將正式由騰訊管理,內容包括伺服器優化,擴容,以及對外掛的打擊,想要了解騰訊代理PUBG詳情的朋友們不妨看看吧!pubg是什麼遊戲,pubg遊戲是什麼意思?
  • django 主題框架 simpleui 迎來 2.5 版本,增加眾多新功能
    本文演示demo源碼地址:https://github.com/newpanjing/simpleui_demo
  • Web設計主題:創建一個古典風格的網站
    即便有,網站的風格與商家的身份也不相匹配。商家的身份並未融入到Web設計中。本文將展示如何進行古典風格的設計。過去給我們的啟示有關古代的題材可以在眾多的作品中發現,包括電視、視頻遊戲、音樂、行為藝術、網絡、角色扮演類遊戲、文學作品、漫畫和連環畫小說——它們都是創造古典風格網站的靈感來源。
  • 【鮮遊速觀】一款像素類末日廢土生存手遊《像素危城》_網路遊戲...
    近日,雷霆遊戲旗下的一款像素風格的廢土生存動作遊戲《像素危城》開啟了內測,該遊戲主打像素風格的畫面,適合喜歡像素風遊戲的玩家。再者,遊戲中的主線是廢土生存,在遊戲中我們將扮演身為退役特種兵的男主角,在廢土中與眾多殭屍作戰體會對殭屍的割草,喜歡廢土風格的玩家可以嘗試下。在休閒的間隙,體驗在末日下收集物品打殭屍作我們放鬆解壓的遊戲也不錯。
  • 藝術指導說,和以往的「過山車」比,《地平線》是「主題公園」
    最終,Jan-Bart van Beek 的想法被選中了,那是一個機械恐龍橫行在後末世時代的概念,但這個世界並不是晦暗頹敗的一片廢土,反而呈現了被自然完全佔據後的美麗——這就是《地平線》最初的核心,Van Beek 也最終負責了這部遊戲的藝術指導。在談起靈感來源時,Van Beek 對 GI 提起了 B 社的《輻射》系列。
  • 廢土電影:末日狂歡的極致美學,秩序崩壞的廢墟世界
    電影史上有這樣一類影片:風格強烈,前所未有,一朝橫空出世,評價兩極分化。它們往往很難被當時的觀眾和評論家理解,惡評多於讚美。但是隨著時間流逝,這些作品的真正價值卻逐漸顯現,開始被主流審美接受和追捧。二十多年後,《瘋狂的麥克斯》從一顆蒙塵的的影史遺珠,一躍成為《紐約時報》史上1000部最佳電影之一▼片中對世界毀滅後荒漠中人類的生存狀態、末世生存規則的探討,為「廢土」這一全新的電影風格建立了雛形。
  • 《廢土3》開發商新RPG遊戲可能是蒸汽朋克主題
    《廢土3》開發商新RPG遊戲可能是蒸汽朋克主題 2020-10-20 20:47  3DMGAME
  • 以音樂藝術為主題的維也納酒店設計分享
    維也納酒店秉承歐式風格以音樂藝術為主題的中檔酒店,設計上將音樂元素提煉創新,用歐式設計風格來展現空間的藝術與個性,讓賓客時刻體驗音樂藝術的魅力與典雅。維也納酒店設計酒店外觀選用巴洛克建築風格,外牆、內飾、氛圍打造上融入歐式風情,展現異域情調。
  • 【設計書吧-新書推介】全球獨具特色的主題酒店-風格設計大觀
    文化體現在酒店的建築風格、裝飾、產品的生產及對顧客的服務上,以此營造特定的文化氛圍。打造主題酒店,是未來酒店發展的方向。於是對主題酒店的研究和介紹顯得非常重要。內容推薦《主題酒店 風格設計大觀》精選了全球優秀的72家主題酒店,並按照酒店所在區域的文化特徵進行分類介紹。
  • 藝術風格有哪些?藝術風格的定義是什麼?
    藝術風格有哪些1、藝術風格就是藝術家的創造個性與藝術作品的語言、情境交互作用所呈現出的相對穩定的整體性藝術特色,風格是藝術家創造個性成熟的標誌,也是作品達到較高藝術水準的標誌。風格既包括藝術家個人的風格,也包括流派風格、時代風格和民族風格等。2、藝術風格可分為藝術家風格和藝術作品風格兩種。
  • 海汀話裝修之主題餐廳設計裝修風格類型
    現在主題餐廳越來越多,人們的追求也越來越廣。因為生活壓力的加大,所以在休閒時候,大都願意到環境好的、設計比較有特色的餐廳去吃飯,從而誕生了主題餐廳。那麼怎麼讓餐廳賦有創意,是最值得注意的設計,我們有幸邀請到具有13年設計裝修經驗的重慶海汀裝飾設計部總監蔣總介紹主題餐廳設計裝修風格類型。田園農舍風格。在空間外觀進行植物裝修,大廳內環繞曲折的小水道,樓頂燈具設計成玉米圖案,牆上陳設草帽、馬燈等物品,窗欞打開,微風吹過,給人一種郊野的味道。