尋找古典水墨與時尚的平衡

仙俠傳由去年5月開始預告、封測，到目前已啟動的內測期，伴隨產品所處階段與宣傳策略上的優化，這次我們為《QQ仙俠傳》內測制定了全新的包裝定位。

預告站、封測期網站風格回顧

結合游戲內場景大多優化重建、市場宣傳導入的“時尚新仙俠”的概念、希望內測期引入更強調貼近游戲本身的官網內容呈現。就風格制定方面“多彩”“時尚”即成為這次官網操作的新亮點。

總結訴求點：

1.水墨中國風

2.時尚，多彩，靓麗

3.置入游戲場景，增添游戲代入感。

一、風格分析

QQ仙俠傳畫面絢麗多彩，美輪美奂，還有不同於其他古典武俠網游的仙俠秀等時尚玩法，根據了解的這些信息剝離出所需的訴求概念和表現層級。

1.游戲本身是仙俠類，是中式的，玄幻的。

2.時尚是作為游戲宣傳中異於競品的一個新突破點。

這就決定了新的官網自然是在中式本源下的時尚改造。

水墨畫 是單純、象征和自然的，講究氣韻生動，妙在形神濃淡的似與不似之間。

時尚 則是當下所崇尚的，不只是外殼，是氣質，是品味和不凡的感受，是先於大眾的神韻。

二者都追求優雅脫俗，水墨無骨，而時尚無形。

它們契合在一種簡約而不簡單的意境之中。

意識流還是質感流？

區別於其他古代題材的游戲，QQ仙俠傳的玄幻感，讓它無法以厚重的質感，輝煌或滄桑的UI去表現，所謂刀行厚重，劍走輕靈，仙俠更多的是以仙的純真和俠的豪氣去展現它的與眾不同。

所以在設計初期，沒有刻意提煉游戲本身的元素，也基本不做具象、實質化的設計，減淡重色描繪，始終堅持於物化自己所感受的一種水墨意境。

二、設計執行

1、背景處理：大范圍刪減（或模糊）干擾性元素，弱化高純度色彩的對比。以游戲主角原畫為前景重點，背景就用淡墨的手法去處理，讓融入水墨風格同時不失游戲內的宏偉場景氛圍，也便與拉開主次突顯主內容區域。

2、將角色形象也采用低飽和度的表現，配合整理顏色風格，並局部融合墨跡。

3、將信息框用簡約的矩形來表現，可適用於有版本或重大節日等需要替換top圖的需求，也方便內測期內容版快的移動添加調整。

同時設計過程嘗試了多種顏色風格：

通過左圖版本嘗試並總結出一些問題：

1.整體色調偏冷，與前面提到的與游戲內顏色有較大偏差。

2.用較多單色，很難將頁面的主次重點拉開，整體頁面內容呈現比較平均

右圖版本則針對性進行了調整，顏色與游戲內色調較吻合，但新的問題是背景過於寫實，缺少氣韻，顏色顯得沉重。

完成效果：

引導頁

首頁

二級頁

三、設計思考

1.在做古典水墨風格的網站時，傾向於先將水墨風格做的更純粹，而後再探求細節以及穿插其他元素的添加時尚創新。不用受太多風格干擾。

2.當信息內容版塊過多，生硬的條條框框與講究寫意水墨結合容易產生沖突時，將內容部分用輕質感的設計是不錯的選擇，既不干擾用戶注意力，也能較好的體現現代時尚感。

3.受限於游戲主角原畫的直立靜態美，整體上還是在飄渺仙境的方向上定基調，3li an.com,這與游戲本身還是有些出入。QQ仙俠傳是在一個仙魔決戰，天下傾覆的設定中譜寫的故事，游戲本身的世界觀是有對戰和PK的性質，但在設計這版官網中，鮮少涉及這方面的內容。

下一階段會盡量配合以動態形象表現呈現在設計中。

……

且聽風吟，是一種精神，一種信仰…

官網地址：xxz.qq.com