建站心得


網(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è)計初期,沒有刻意提煉游戲本身的元素,也基本不做具象、實(shí)質(zhì)化的設(shè)計,減淡重色描繪,始終堅(jiān)持于物化自己所感受的一種水墨意境。

二、設(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)較吻合,但新的問題是背景過于寫實(shí),缺少氣韻,顏色顯得沉重。

[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ò)


相關(guān)文章

首頁  電話  咨詢  頂部