萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> 平面設計理論

中國風設計新范式:《新尋仙》皮影戲專題視覺復刻實錄

網遊頁面毛筆書法、祥雲龍紋是否讓你麻木?《新尋仙》皮影戲專題帶你體驗:「遠看山有色,靜聽水無聲。春去花還在,人來鳥不驚」的東方意境。這是傳承中國風的一次破局之作。

項目背景與時間軸

《尋仙》08 年公測,獨特美術風格成經典。品牌刷新過程即視覺包裝升級過程:
1. 2012 年底:神秘站點引熱議,揭曉「傳承中國風 盡在新尋仙」,喚醒傳統文化關注。


2. 品牌戰推出:整合影視/配音/配樂合作,見證發展里程碑。

3. 官網改版:重梳用戶交互與主視覺。

4. 皮影戲專題:神秘站探秘內容衍生,品牌刷新後首個大型專題視覺展示。

草案與風格討論:皮影戲的現代轉譯

水墨/祥雲/書法已無法承載「玩盡中國風」的野心。決定引入皮影戲:以說書人為主視覺、旁白貫穿始終,傳達品牌文化。
前期準備:整理皮影表演形式、提煉關鍵字、老照片尋靈感、提煉遊戲皮影風格、配合當下設計趨勢配色與元素。

設計執行四大關鍵

  1. 舞台還原 → 屏風牆隱喻:受網頁尺寸限制,提取舞台關鍵元素(松柏雕梁)設計成屏風牆,營造氛圍不影響按鈕傳達。
  2. 皮影質感還原:矢量半透明原畫 + Flash 混合模式陰影模擬投影 + 頁面罩半透明布紋,營造昏黃燈光下若影若現的觀感。
  3. 細節克制與景深構建:視覺繁復時弱化 UI 質感,用大形狀替代厚重細節;導航設計成戲院翻牌;前景置太師椅、松枝,構建遠中近景深,代入第一視角觀影體驗。
  4. 交互彩蛋:說書人旁白 + 動畫 + 玩家干預:劇情前景需玩家協助(如丟小孩寶箱入海),打破單一說書單調感。

最終效果與總結

還原古時觀皮影場景:昏黃燈光、鎂空畫屏、太師椅、松柏盆栽,用戶以第一觀影者身份聽說書人娓娓道來版本前瞻。

成果:上線 PV 6000 萬、UV 500 萬,業界好評。
感悟:重點項目需大量前期素材準備與時間節點推進。設計是對品牌的自我認知過程。對 5 年老產品,設計核心是傳承品牌文化、挖掘玩家情感、以正能量打動用戶。

copyright © 萬盛學電腦網 all rights reserved