網(wǎng)站設(shè)計中古水墨與新時尚的平衡

仙俠傳由去年5月開始預(yù)告、封測，到目前已啟動的內(nèi)測期，伴隨產(chǎn)品所處階段與宣傳策略上的優(yōu)化，這次我們?yōu)椤禥Q仙俠傳》內(nèi)測制定了全新的包裝定位。

預(yù)告站、封測期網(wǎng)站風(fēng)格回顧

結(jié)合游戲內(nèi)場景大多優(yōu)化重建、市場宣傳導(dǎo)入的“時尚新仙俠”的概念、希望內(nèi)測期引入更強(qiáng)調(diào)貼近游戲本身的官網(wǎng)內(nèi)容呈現(xiàn)。就風(fēng)格制定方面“多彩”“時尚”即成為這次官網(wǎng)操作的新亮點(diǎn)。

總結(jié)訴求點(diǎn)：

1.水墨中國風(fēng)

2.時尚，多彩，靚麗

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

一、風(fēng)格分析

QQ仙俠傳畫面絢麗多彩，美輪美奐，還有不同于其他古典武俠網(wǎng)游的仙俠秀等時尚玩法，根據(jù)了解的這些信息剝離出所需的訴求概念和表現(xiàn)層級。

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

2.時尚是作為游戲宣傳中異于競品的一個新突破點(diǎn)。

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

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

時尚 則是當(dāng)下所崇尚的，不只是外殼，是氣質(zhì)，是品味和不凡的感受，是先于大眾的神韻。

[NextPage_Tab]

二者都追求優(yōu)雅脫俗，水墨無骨，而時尚無形。

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

意識流還是質(zhì)感流？

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

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

二、設(shè)計執(zhí)行

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

2、將角色形象也采用低飽和度的表現(xiàn)，配合整理顏色風(fēng)格，并局部融合墨跡。

3、將信息框用簡約的矩形來表現(xiàn)，可適用于有版本或重大節(jié)日等需要替換top圖的需求，也方便內(nèi)測期內(nèi)容版快的移動添加調(diào)整。

同時設(shè)計過程嘗試了多種顏色風(fēng)格：

通過左圖版本嘗試并總結(jié)出一些問題：

1.整體色調(diào)偏冷，與前面提到的與游戲內(nèi)顏色有較大偏差。

2.用較多單色，很難將頁面的主次重點(diǎn)拉開，整體頁面內(nèi)容呈現(xiàn)比較平均

右圖版本則針對性進(jìn)行了調(diào)整，顏色與游戲內(nèi)色調(diào)較吻合，但新的問題是背景過于寫實，缺少氣韻，顏色顯得沉重。

[NextPage_Tab]

完成效果：

首頁

二級頁

三、設(shè)計思考

1.在做古典水墨風(fēng)格的網(wǎng)站時，傾向于先將水墨風(fēng)格做的更純粹，而后再探求細(xì)節(jié)以及穿插其他元素的添加時尚創(chuàng)新。不用受太多風(fēng)格干擾。

2.當(dāng)信息內(nèi)容版塊過多，生硬的條條框框與講究寫意水墨結(jié)合容易產(chǎn)生沖突時，將內(nèi)容部分用輕質(zhì)感的設(shè)計是不錯的選擇，既不干擾用戶注意力，也能較好的體現(xiàn)現(xiàn)代時尚感。

3.受限于游戲主角原畫的直立靜態(tài)美，整體上還是在飄渺仙境的方向上定基調(diào)，這與游戲本身還是有些出入。QQ仙俠傳是在一個仙魔決戰(zhàn)，天下傾覆的設(shè)定中譜寫的故事，游戲本身的世界觀是有對戰(zhàn)和PK的性質(zhì)，但在設(shè)計這版官網(wǎng)中，鮮少涉及這方面的內(nèi)容。

下一階段會盡量配合以動態(tài)形象表現(xiàn)呈現(xiàn)在設(shè)計中。

福州網(wǎng)絡(luò)公司 福州網(wǎng)站建設(shè) 福州網(wǎng)站設(shè)計 福州網(wǎng)頁設(shè)計 福州印秀網(wǎng)絡(luò)