跳至主要內容

觀點 · Essay

潛水艇的金屬邊界與海綿的氣孔階序:從《遺忘之海》聯動宣傳影片閱讀視覺材質的重組邏輯

從《遺忘之海》與海綿寶寶聯動宣傳影片的視覺介面,閱讀卡通質感與寫實航海材質在遊戲美學中的排版階序與介面重組。

設計觀察 ·
潛水艇的金屬邊界與海綿的氣孔階序:從《遺忘之海》聯動宣傳影片閱讀視覺材質的重組邏輯

一段兩分零一秒的宣傳影片裡,深藍色的海面被切開,一艘帶有鐵鏽痕跡與木紋拼接的航海船隻緩緩駛入鏡頭。緊接著,畫面的色彩飽和度被瞬間拉高,一個帶有明顯塑料光澤與均勻氣孔結構的黃色方塊,佔據了視覺中心。這是網易遊戲《遺忘之海》與動畫《海綿寶寶》聯動宣傳影片裡的開場畫面。這組畫面沒有採用生硬的圖層疊加,而是透過物理材質的碰撞,在畫面中建立了一組極具衝突感卻又自成一格的視覺階序。

在這組聯動視覺中,最引人注目的並非角色本身的知名度,而是開發團隊如何處理兩種截然不同的美學系統。一款帶有寫實航海工業質感的遊戲,如何承接一款以二維賽璐璐風格為主的美式卡通,這考驗著畫面排版與材質轉譯的設計能力。

寫實木紋與塑料光澤的介面邊界

《遺忘之海》的基礎視覺介面,建立在一種帶有沉重感的航海時代工業語彙上。遊戲中的船體結構、甲板木紋、金屬鉚釘與帆布,皆以高面數的模型搭配細膩的物理渲染呈現。畫面的主色調偏向低飽和度的深藍、灰白與帶有鏽蝕感的鐵鏽紅。這種材質選擇賦予了遊戲一種厚重的歷史底蘊與寫實的空間邊界。船艙內部的光影計算,強調了金屬邊界的粗糙度與木材表面的漫反射,這與我們先前分析的格子間的霧玻璃與田埂的留白:從逃離辦公室的渴望閱讀工作空間的視覺階序有著異曲同工之妙,皆是透過物理邊界與材質紋理來確立空間的真實度。

當《海綿寶寶》的角色與場景被放入這個介面時,設計團隊並未將其完全寫實化,而是保留了動畫原本的高飽和度與平滑著色特徵。海綿寶寶的黃色、派大星的桃紅色、章魚哥的青綠色,在低彩度的海洋背景中形成了極高的視覺對比。這種高反差的色彩配置,類似於一種視覺上的強迫透視,將卡通角色從寫實背景中強勢託出。

設計團隊在此處進行了一項精巧的視覺排版手術。為了讓兩種衝突的材質共存,他們在宣傳影片中引入了比奇堡的專屬建築材質:圓潤的混凝土、帶有金屬光澤的潛水艇外殼,以及蟹堡王餐廳那標誌性的大面積木質與大塊蟹殼結構。這些場景材質的表面被刻意增加了微小的刮痕與水汽附著的反射效果,使其在光影表現上,能夠與《遺忘之海》本身的寫實海洋介面產生物理邏輯上的呼應。卡通角色的平面化著色,在被賦予了環境光遮蔽的陰影後,巧妙地嵌合進了三維空間的階序中。

統計圖卡呈現海綿寶寶的高飽和度黃色在低彩度寫實海洋場景中形成的極高視覺對比數值

蟹堡王分店的造形語言與物理重組

影片中最具設計巧思的物件,是一座被搬運到航海船隻上的蟹堡王分店。這個場景的設計,是解讀整體美學階序的最佳切片。原本座落於深海比奇堡的桶狀建築,在遊戲畫面中被重新解構。

設計團隊放大了建築表面的木板拼接縫隙,並強化了巨型玻璃窗戶的厚度與折射率。在建築頂端原本卡通化的蟹殼造型,被替換為更貼近真實甲殼類生物的粗糙紋理。造形的圓角邊緣被處理得更加銳利,帶有一種被海水長期侵蝕的工業廢墟感。這種造形語言的轉換,沒有破壞蟹堡王原本的品牌辨識度,卻在物理邏輯上讓它真正落地於一艘航行於大海的船隻上。

走進分店內部,畫面的視覺階序發生了微妙的翻轉。內部陳設回歸了高度的卡通秩序。排列整齊的紙盒裝漢堡、形狀完全一致的油炸鍋爐,以及穿著整齊制服的員工。這種內外材質敘事的落差,建構了一種超現實的使用者體驗。玩家在視覺上接收到的訊息是:這是一個真實存在的物理空間,但內部運行著一套卡通世界的邏輯法則。這種透過場景材質對比來推動敘事的手法,在視覺排印上建立了一種清晰的資訊邊界,讓玩家能直覺地區分遊戲原有機制與聯動專屬區域。

潛水艇介面的色彩重量與排版階序

除了場景的靜態材質,宣傳影片中對於載具與服裝的設計,同樣體現了嚴謹的視覺階序。以皮老闆的潛水艇為例,這臺原本在動畫中帶有破銅爛鐵質感的綠色載具,在遊戲的三維介面中,被賦予了極重的金屬重量感。

綠色在色彩心理學上本身帶有穩定與沉悶的特質。設計團隊在潛水艇的外殼上,加入了大面積的青苔附著物與深色的金屬鏽蝕色塊。潛望鏡的造形被拉長,比例上更接近真實的航海潛望設備。這種材質與比例的調整,讓皮老闆這個帶有滑稽色彩的角色,擁有了足以威脅玩家的視覺壓迫感。色彩的重量在這裡轉化為物理的重量,重新定義了角色在遊戲介面中的排版階層。

引述文章對於海綿寶寶聯動宣傳影片中物理材質碰撞與視覺階序建立的觀點總結

在角色服裝的轉譯上,設計團隊展現了對布料材質的精準掌控。聯動推出的專屬服裝,沒有使用單純的印花技術,而是將海綿寶寶的經典圖案,如波浪紋、花朵與氣孔結構,以提花編織或金屬蝕刻的方式,融入遊戲角色的服裝介面中。布料的物理垂墜感與金屬配件的反光率,都遵循著《遺忘之海》原有的高水準渲染管線。這種將流行文化符碼低調融入寫實材質的做法,與米哈遊遊戲中將特殊材質與角色服裝細節結合的麥稈編織與制服解構:從鳴潮穗穗的服裝細節閱讀視覺階序有著相似的設計脈絡。兩者皆是透過材質工藝的轉換,讓聯動元素成為整體設計語言中自然生成的一部分。

跨界聯動的介面重組美學

回顧這支引發熱議的宣傳影片,其成功的核心在於對介面重組的克制。面對一個擁有強烈視覺風格的超級IP,許多遊戲產品會選擇讓步,讓原有的美學系統被聯動元素覆蓋。但《遺忘之海》的美學團隊選擇了一條更為困難的路徑:他們建立了一套嚴格的材質過濾器。

海綿寶寶的黃色在這裡被區分為表面塗裝的塑料黃、內部結構的海綿孔洞黃,以及被環境光影響的邊緣冷光。每一種黃色都被分配了對應的粗糙度與金屬度數值。這種在物理層面上進行的設計轉譯,確保了遊戲自身的視覺階序不被破壞,同時也給予了聯動物件足夠的真實感與存在感。

跨界聯動在當代遊戲產品中已是常態,但真正能在設計層面上留下印記的案例並不多。這組畫面展示了一種成熟的視覺排版邏輯:不同來源的設計元素,不應該只是被簡單地貼合在同一個平面上,而是需要透過對光影、材質、比例與色彩的重新定義,建構出一個能夠包容兩者差異的物理邊界。這不僅是一次成功的行銷曝光,更是一次關於數位材質如何跨越維度進行對話的精彩設計示範。