廢土藝術風格丨主題UI探索

2021-02-15 光子設計中心


      編輯 | Hulk  Yoli

本期設計師 | 木木三、加薪、Alphonse

光子設計師原創內容丨部分圖片來自網絡

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

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

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

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

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

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

本期設定圖

生存本能驅使的產物

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

利用好僅有的資源

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

過度誇張的設計

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

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


主題背景關鍵詞:

低科技  戰損  腐蝕鐵鏽  

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

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

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

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

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


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

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

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

最終確定稿:



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


資源兌換活動:


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

全服購買:



賽季首充:


不放回抽獎:


黑五折扣活動:

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

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

圖鑑、活動:


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

這裡挖一個小坑,

更多精彩的道具設計請關注後續的文章發布~


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

2、文字延展到主KV

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

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

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

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

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

3、賽季段位展示。

4、商品展示。

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

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

結尾再奉上一些廢土藝術風格的影視遊戲海報鑑賞,續篇我們會繼續展示更多廢土風格的原創作品。敬請期待。




-END-

光子原創,歡迎分享  ·  轉載請留言公眾號授權

相關焦點

  • 一場UI設計師手繪趴帶來的「嚴重視覺後果」 —— 廢土藝術風格 2丨主題概念設計
    還記得上期給大家介紹的廢土藝術風格和以《PUBG Mobile》賽季主題為例的詳細設計分析嗎?【傳送門:廢土藝術風格丨主題UI探索】在上期的結尾,我們故意賣了個關子,展示了廢土主題其中一張UI設計師的概念設計,本期就為大家繼續介紹出自光子UI設計師之手的廢土主題道具設計。本期廢土藝術風格展示的概念設計作品,其實是來自光子設計中心內部的一次主題手繪趴活動。
  • 末日生存指南——廢土風格介紹
    沒錯這就是現在很流行的廢土風格遊戲的大體描述啦廢土呢,其實就是把世界設定在毀滅性災難之後倖存的人在面對匱乏的資源,汙染的地面變異的怪物,以及被末日折磨的不同人性面前該如何繼續活下 那麼今天要說的第一個就是
  • 潮眼te丨探索女性心靈夢幻可愛風藝術,村上隆女弟子 ob
    村上隆得意女弟子繪畫藝術家 ob,90 後日本社交媒體圈著名的藝術家之一,以著夢幻可愛超扁平風格,用繪畫技術展現女性心靈窗口。///藝術家 ob 出生於 1992 年,在受到網絡社交媒體影響較深的一代,作為日本京東藝術高等院校的大學生,時常在網絡上發布分享作品,結交各路同齡藝術,並慢慢在京東有了一些小型的展覽。
  • 《幻塔》美術風格介紹 何為「廢土輕科幻」?
    圖1 可愛的塔塔和Miu醬言歸正傳,大家應該都知道《幻塔》的主題風格是「廢土+科幻」,那這個風格是怎麼來的,美術團隊又是怎樣為這些設定服務呢?今天就來嘮個十塊錢的~整體風格的定調美術風格的定調並非一拍腦門而成,實際上超級複雜。咱們美術團隊的成員,從一開始就會參與到項目討論中,與製作人、策劃、程序一起頭腦風暴。這個遊戲的玩法和世界觀是怎麼樣的?
  • 廢土風穿搭,「怕死」千萬別嘗試
    ( 圖片來源:Amazon )AKENZ 市場部經理Kevin■ 作為市場推手,AKENZ 如何理解 「廢土風」?末日 「廢土風」 的形成是設計師對於宇宙主題的聯想和探索。人類在宇宙中顯得極其渺小,就好像人類身邊的塵埃一樣。
  • 廢土3Scotchmo招募方法
    廢土3npc怎麼招募?遊戲中角色不是很多,可以招募的npc共有8位,有些玩家不知道招募NPC具體有什麼條件,這裡給大家帶來了廢土3中Scotchmo的招募方法介紹,快來看下吧。 廢土3npc怎麼招募?
  • Art藝術課 | 全新藝術課主題,在探索中豐富孩子的藝術表達
    :社區小幫手(Community Helpers)藝術一 18--24個月主題:寵物(Pets)第一周:小貓(Kitty Cats)形狀的認知寶寶在藝術探索中,會自然的接觸到不同的形狀,通過孩子們喜歡的主題來「穿針引線」,孩子對於形狀的認知將會更加牢固.
  • 廢土3Ironclad Cordite招募方法
    廢土3npc怎麼招募?遊戲中角色不是很多,可以招募的npc共有8位,有些玩家不知道招募NPC具體有什麼條件,這裡給大家帶來了廢土3中Ironclad Cordite的招募方法介紹,快來看下吧。 廢土3npc怎麼招募?
  • 從《Mad Max》到「國潮之光」,聊聊源於末日的「廢土」美學。
    「廢土風格」的電影大多數都源於人們對於世界末日的想像,但與災難片描繪「災難如何摧毀世界」不同,「廢土片」更加側重於呈現災難過後的世界與故事。    雖然「廢土」作為一種風格在電影和遊戲領域中擁有大批粉絲,但是在時尚圈,「廢土」仍是比較小眾的存在,可能了解這種風格的朋友並不太多,但是「廢土風」其實有著非常鮮明的設計特點。
  • 《廢土 3》試玩體驗:一次橫穿科羅拉多的狂野之旅
    每作《廢土》的背景都設定在核後世界,人們在廢土上掙扎求生,鑑於《廢土 3》的劇情將緊接著《廢土 2》,因此也不會例外。這款最新續作依舊緊扣系列主題,將這一次的後啟示錄舞臺搭建在科羅拉多寒冷的荒原之中。不久前,我在加利福尼亞州紐波特比奇的 InXile 工作室試玩了這款遊戲,開啟了一段驚險旅程。
  • 為你推薦,七部末日廢土風格的單機遊戲
    今天為遊戲熱愛者們推薦幾款末日廢土風格遊戲,它們當中大部分都是3A級大作,還有經典遊戲。
  • 廢土3perk技能少林奇遇介紹
    在廢土3遊戲中,有著大量的perk技能提供給玩家,每個perk技能都能給人物帶來各種方向上的提升,同樣也能提升人物的戰鬥力。但是廢土3中的perk技能很多,今天寒山就介紹一下perk技能中少林奇遇的效果,希望幫助到大家。
  • 周末玩什麼:「一年來最讓人沉迷的手遊」,還是「育碧版廢土」?
    槍與地牢,一個看似不搭調的主題實際上,除了隨機生成的地牢、只能一命通關的難度等Roguelike類型遊戲的必備元素,槍是《挺進地牢》的另一個重要主題,在這款像素風格的遊戲中,視線所及,四處都是和槍有關的元素。
  • 廢土3perk技能Tarjan之眼介紹
    在廢土3遊戲中,有著大量的perk技能提供給玩家,每個perk技能都能給人物帶來各種方向上的提升,同樣也能提升人物的戰鬥力。但是廢土3中的perk技能很多,今天寒山就介紹一下perk技能中Tarjan之眼的效果,希望幫助到大家。
  • 風格調配丨Pick你的藝術穿搭
    ☉KAWS x DIOR在正統藝術殿堂中,Kaws現在的藝術作品市場價格已經高達3萬美金之多。☉Mr.DOB Visual Image村上隆自謂「超扁平風格」,從形態學辨認,是一種混合型的卡通圖式,略帶嫵媚絕無偉岸,但的確表達了電腦取代人腦的時代,虛擬荒涎、自由散漫的青春,支離破碎、花枝招展的玩偶世界,
  • 《廢土3》perk麵包機修理怎麼樣 武器技能介紹
    導 讀 在廢土3遊戲中,有著大量的perk技能提供給玩家,每個perk技能都能給人物帶來各種方向上的提升
  • 《瘋狂的麥克斯4狂暴之路》:廢土黃沙,瘋狂的視覺文化藝術
    當時,同樣為廢土動作電影的《終結者1》,應該都可以完勝麥克斯3。《帝國》雜誌專家和讀者評選出21世紀十佳影片。《瘋狂的麥克斯4》成功登頂第一,少年偶像派《蝙蝠俠:黑暗騎士》排名第三。突破在於賣點的新穎構思,歐美動作電影販賣的多是個人英雄主義,但澳大利亞的喬治·米勒這次販賣的卻是廢土瘋狂,還有絕妙的美學攝影藝術,到底有哪些精彩可值得稱道呢?澳洲瘋狂,至少也是西方文化的延續,和美國西部牛仔電影可謂是同祖同宗,廣袤的大地,總是讓人敬畏而又嚮往。
  • 【PC】輻射4 破解版 /廢土風沙盒RPG遊戲
    而210年後,玩家作為唯一的倖存者重新返回地表,並向波士頓市區出發展開探索和冒險。遊戲整體依舊延續了《輻射》系列作品的廢土風格,玩家可以在其中體驗超規模的沙盒RPG魅力。所有的這一切,就好像你真的生活在這片廢土上一樣。《輻射4》豐富有趣的遊戲內容,是玩家們會愛上它的原因,它給了玩家一個慢慢去體驗廢土的遊戲樂趣。你的所作所為會改變這片廢土,享受激烈的射擊,享受開鎖收集,享受自己的劇情不斷展開;享受《輻射4》的世界。仍然不足的是,遊戲中會有一些BUG,還有中文版中有些字幕會跟不上說話,或是乾脆漏掉了一些內容。但無論如何,越是探索這個世界,就會越加的感興趣。
  • 深色主題,黑暗模式風格的UI設計作品
    今天為大家整理一系列使用深色主題風格設計的APP界面、後臺管理系統以及網頁設計作品,要做深色調的風格有很好的借鑑用途。同時建議大家也看看關於來自谷歌深色主題設計設計規範:http://www.shejidaren.com/dark-theme-design.html01.
  • 周末玩什麼:《廢土3》正式發售,《先祖:人類奧德賽》結束獨佔
    ,逐步揭開前人的火星探索計劃遭遇挫折的原因。相比於已經出了4代的《輻射》,《廢土》的命運更加曲折。由於手握版權的EA無意開發《廢土》續作,Interplay在上世紀90年代轉而開發了精神續作《輻射》,《廢土》續作的開發計劃也就此擱置。經過26年的漫長等待,玩家們才終於通過眾籌等來了原作主創Brian Fargo親自負責開發的《廢土2》。