中國風設計看這裡！

 

　　傳承中國風，盡在新尋仙——新尋仙皮影戲項目總結

　　打開浏覽器，網游頁面上的毛筆書法，祥雲龍紋的中國風元素是否讓你麻木?來看下新尋仙吧，這裡將為你帶來的是：遠看山有色，靜聽水無聲。春去花還在，人來鳥不驚的皮影戲畫卷。

　　一、項目介紹

　　尋仙作為一款08年公測的產品至今，以其獨特的美術風格和多元化的游戲玩法成為國內大型MMORPG中的一款經典之作。

　　游戲版本的不斷更新，新鮮玩法的注入，一直以來是尋仙吸引眾多玩家買點。每次游戲中的重要更新是宣傳游戲品牌，增強玩家情感粘性的一個重要時機，是產品運營中的總要環節。

　　二、項目分析

　　新尋仙品牌的刷新過程，也是對整個尋仙視覺包裝的提升過程。不光是游戲內產品品質的提高，整個網絡傳播中的視覺表現也從新整合設計。尋仙皮影戲站的設計，正是在這系列的刷新後涅磐重生的。

　　產品刷新時間軸：

　　1：2012年底，尋仙品牌刷新，全新神秘站點推出引起各界熱議。最後以傳承中國風盡在新尋仙的概念揭曉，力圖喚起玩家對傳統中國文化的關注，增加用戶粘性，受到了新老玩家的一致好評。

　　2：緊接著是全新品牌戰的推出，將尋仙以往電影·電視·配音·配樂各方面的合作全部整合後面向玩家，作為玩家記憶與游戲發展裡程碑的見證。

　　3：最後全新官網改版的上線，對用戶交互以及網站主視覺的重新梳理。

　　4：皮影戲頁面是對神秘站用戶探秘內容的衍生，是新尋仙品牌刷新以來第一個大型專題的視覺展示。

　　三、草案設計與風格討論

　　皮影戲的引入，是對在中國風風格設計的一次新的嘗試。以往的水墨，祥雲，書法等設計元素，已經無法再滿足尋仙作為一款玩盡中國風元素的載體，所以決定了用傳統藝術中的皮影戲來設計尋仙新版本的預熱站。以說書人形象為主形象，旁白貫穿始終，傳達給用戶新尋仙傳承中國風的品牌文化。

　　設計初期准備：對皮影戲表演形式的整理，關鍵字的提煉，在老照片中尋找設計靈感和視覺發力點。提煉了游戲產品的皮影戲風格，配合當下設計趨勢的配色和設計元素。

　　四、設計執行與制作

　　1：舞台還原

　　將過去皮影戲舞台搬到頁面上明顯是不現實的。原因有兩點：一是因為網頁尺寸的限制，是無法保證在不同分辨率下舞台視覺效果體驗的;二是復雜的舞台效果也會影響到用戶體驗和重要按鈕訊息的傳達。

　　故，選擇了提取皮影戲舞台的重要元素，設計成一個屏風牆用松柏雕梁的裝飾達到整個站氛圍的營造。

　　2：皮影戲還原

　　記憶中的皮影戲是在昏黃燈光下若影若現的人影，半透明的油紙材質在畫布上投上重重的影子。經過與動畫組同學的討論，在原畫設計上采用了矢量的半透明原畫，在flash中利用混合選項的陰影模擬皮影打到畫布上的效果，同時在整個頁面上罩上了一層半透明的布紋效果。這樣制造出一個生動皮影戲觀感。

　　3：設計細節考慮

　　由於整個站的視覺上比較繁復，所以弱化了UI質感，以大的形狀來取代厚重的細節，將每出戲的導航設計成了戲院翻牌的樣子。

　　為了更符合第一視覺的觀影體驗，從遠·中·近景的景深觸犯在頁面最前方設置了太師椅和松枝前景，讓整個頁面的氣氛更加生動有趣。

　　4：用戶體驗構想：

　　整個版本前瞻的內容是由說書人音頻道出，配合動畫展現。用戶以第一視角觀看內容效果最佳，所見即所得。如果一個預熱站只有說書人的單一說書豈不是很單調?既然是全站flash那就加入一些用戶交互的小彩蛋吧。頁面中關於劇情內容的前景是需要用幫助才能進行，比如把小孩和寶箱丟入大海-0-。

　　五、最終效果

　　設計最終力在還原整個古時觀看皮影戲舞台的場景，昏黃的燈光，松鶴延年的镂空畫屏，厚重的太師椅，前景的松柏盆栽，而用戶就像以第一觀影人的身份坐落期間，觀看說書人獎整部尋仙的版本前瞻娓娓道來。

　　六、專題總結

　　感謝重慶漫想族對素材需求的高度完成和配合，動畫重構的同學對設計稿的高度還原，對頁面加載和用戶體驗的反復修正。

　　個人感悟：重點項目設計完成，是需要前期大量准備和素材收集的。同時要預估每個時間節點加以推進。整個設計過程算是設計師對品牌一個自我認知的過程。

　　從品牌傳播的意識出發：對於一個在玩家心裡已經有5年的產品而言，設計更多的要做的是對品牌文化的傳承和對玩家情感的挖掘。在求新的同時也需要正能量的發現和正確的態度打動玩家用戶。

　　PS：新尋仙皮影戲的上線PV：600W UV：500W業界各方面都收到了不錯的效果。