仙俠傳由去年5月開始預告、封測,到目前已啟動的內測期,伴隨產品所處階段與宣傳策略上的優(yōu)化,這次我們?yōu)椤禥Q仙俠傳》內測制定了全新的包裝定位。
預告站、封測期網站風格回顧
結合游戲內場景大多優(yōu)化重建、市場宣傳導入的“時尚新仙俠”的概念、希望內測期引入更強調貼近游戲本身的官網內容呈現(xiàn)。就風格制定方面“多彩”“時尚”即成為這次官網操作的新亮點。
總結訴求點:
1.水墨中國風
2.時尚,多彩,靚麗
3.置入游戲場景,增添游戲代入感。
一、風格分析
QQ仙俠傳畫面絢麗多彩,美輪美奐,還有不同于其他古典武俠網游的仙俠秀等時尚玩法,根據了解的這些信息剝離出所需的訴求概念和表現(xiàn)層級。
1.游戲本身是仙俠類,是中式的,玄幻的。
2.時尚是作為游戲宣傳中異于競品的一個新突破點。
這就決定了新的官網自然是在中式本源下的時尚改造。
水墨畫 是單純、象征和自然的,講究氣韻生動,妙在形神濃淡的似與不似之間。
時尚 則是當下所崇尚的,不只是外殼,是氣質,是品味和不凡的感受,是先于大眾的神韻。
[NextPage_Tab]
二者都追求優(yōu)雅脫俗,水墨無骨,而時尚無形。
它們契合在一種簡約而不簡單的意境之中。
意識流還是質感流?
區(qū)別于其他古代題材的游戲,QQ仙俠傳的玄幻感,讓它無法以厚重的質感,輝煌或滄桑的UI去表現(xiàn),所謂刀行厚重,劍走輕靈,仙俠更多的是以仙的純真和俠的豪氣去展現(xiàn)它的與眾不同。
所以在設計初期,沒有刻意提煉游戲本身的元素,也基本不做具象、實質化的設計,減淡重色描繪,始終堅持于物化自己所感受的一種水墨意境。
二、設計執(zhí)行
1、背景處理:大范圍刪減(或模糊)干擾性元素,弱化高純度色彩的對比。以游戲主角原畫為前景重點,背景就用淡墨的手法去處理,讓融入水墨風格同時不失游戲內的宏偉場景氛圍,也便與拉開主次突顯主內容區(qū)域。
2、將角色形象也采用低飽和度的表現(xiàn),配合整理顏色風格,并局部融合墨跡。
3、將信息框用簡約的矩形來表現(xiàn),可適用于有版本或重大節(jié)日等需要替換top圖的需求,也方便內測期內容版快的移動添加調整。
同時設計過程嘗試了多種顏色風格:
通過左圖版本嘗試并總結出一些問題:
1.整體色調偏冷,與前面提到的與游戲內顏色有較大偏差。
2.用較多單色,很難將頁面的主次重點拉開,整體頁面內容呈現(xiàn)比較平均
右圖版本則針對性進行了調整,顏色與游戲內色調較吻合,但新的問題是背景過于寫實,缺少氣韻,顏色顯得沉重。
[NextPage_Tab]
完成效果:
首頁
二級頁
三、設計思考
1.在做古典水墨風格的網站時,傾向于先將水墨風格做的更純粹,而后再探求細節(jié)以及穿插其他元素的添加時尚創(chuàng)新。不用受太多風格干擾。
2.當信息內容版塊過多,生硬的條條框框與講究寫意水墨結合容易產生沖突時,將內容部分用輕質感的設計是不錯的選擇,既不干擾用戶注意力,也能較好的體現(xiàn)現(xiàn)代時尚感。
3.受限于游戲主角原畫的直立靜態(tài)美,整體上還是在飄渺仙境的方向上定基調,這與游戲本身還是有些出入。QQ仙俠傳是在一個仙魔決戰(zhàn),天下傾覆的設定中譜寫的故事,游戲本身的世界觀是有對戰(zhàn)和PK的性質,但在設計這版官網中,鮮少涉及這方面的內容。
下一階段會盡量配合以動態(tài)形象表現(xiàn)呈現(xiàn)在設計中。