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