前所未有的東方幻想作品
《天神紀(jì)》原名《ASTA》意為”涅盤之路”，既意味著游戲內(nèi)的最高等級，又意味著通往修行最高境界的路途。《天神紀(jì)》追求全新概念的東方幻想主題，融合了中、日、韓等亞洲國家的服裝、宗教、歷史、文化。《天神紀(jì)》世界里隨著游戲角色的成長其外貌會發(fā)生改變。此外，該作通過大膽的色彩應(yīng)用、美工技法、天氣效果讓玩家們身處夢境般的世界。
官網(wǎng)地址： http://tsj.changyou.com/
世界觀以東方哲學(xué)為基礎(chǔ)
《天神紀(jì)》采用東方哲學(xué)、陰陽五行、輪回、悟道等東方素材和世界觀。開發(fā)商PolygonGames CEO申國喜稱：”《天神紀(jì)》世界觀以東方哲學(xué)為基礎(chǔ)，劇情以陰陽五行為基礎(chǔ)。此外，相生相克的元素適用于游戲技能和道具，輪回影響角色成長和外形自定義。當(dāng)玩家完成劇情任務(wù)時會悟道，培養(yǎng)技能。”
根據(jù)游戲風(fēng)格找出關(guān)鍵詞:
以上文字中提到了此款游戲融合了中、日、韓等亞洲國家的宗教、歷史、文化，世界觀以東方哲學(xué)為基礎(chǔ)，從而我們找出：
日本：——神道、浮世繪;
中國：——佛教、玄學(xué)、水墨、琴棋書畫……
韓國：——巫法、暈染;
因包含了整個東方，中日韓為主，但也包括了東南亞的密宗和波若。
根據(jù)關(guān)鍵詞找出相關(guān)資料圖：
官網(wǎng)風(fēng)格初嘗試:(組內(nèi)比稿)
起初方案畫面想走生命之神和死亡之神相愛相殺的一個基調(diào)，由于主宣形象的素材質(zhì)量未達預(yù)期，準(zhǔn)備出的針對性交互難以實現(xiàn)。經(jīng)過多次交流與溝通后，我們決定重新設(shè)計一套注重情感化設(shè)計的常規(guī)方案，來保證整個網(wǎng)站的品質(zhì)感。
為了設(shè)計好新的方案，我們對網(wǎng)站內(nèi)容進行了再一次的審視：
風(fēng)格上我們決定從”異”字出發(fā)，不僅要畫面”異”而且形式也是”異”。但此版又太過于表現(xiàn)形式而忽視內(nèi)容的展示。最終決定拋棄人物為主體的思路，著重渲染場景來突出意境。作為一款具有(中、日、韓、東南亞)多國風(fēng)格的游戲，我們在視覺處理上采用同一個月亮不同國家的形式去展現(xiàn)各國特色，比如中國的月下竹林、日本的屏風(fēng)屋檐、韓國的書香研臺、東南亞的詭異寺廟……等。由于沒有合適的場景素材，所有場景都需要我們自己繪制+素材組合。
我們找了一些極具東方特色圖片作為參考:
官網(wǎng)設(shè)計實踐過程：
構(gòu)思與素材整合：
首頁設(shè)計的品質(zhì)直接影響到整站的優(yōu)良，在本次首頁設(shè)計中，著重營造畫面的故事感和意境的打造。大視角的背景設(shè)計讓用戶視野更寬廣，代入感更強，配合寧靜的海面、月亮、船上的女子以及紅色的樹，使整個頁面透出一種安靜唯美的感覺。配色上也大膽的使用了藍(lán)、紅、黃色的搭配突出”異”的感覺。
導(dǎo)航部分的重構(gòu)設(shè)計
對內(nèi)容進行歸類整合之后我們發(fā)現(xiàn)，我們無法用單一導(dǎo)航容納全部內(nèi)容。即使用容量較大的左導(dǎo)航可以解決內(nèi)容方面的問題，誤導(dǎo)用戶意外跳出的幾率仍然很高。因此，我們使用了雙導(dǎo)航幫助用戶整理出瀏覽的最佳維度。
為了避免兩個導(dǎo)航占據(jù)較大的頁面空間，干擾用戶瀏覽，我們開始將導(dǎo)航設(shè)計為自動隱藏，但測試之后發(fā)現(xiàn)用戶難以理解，因此我們讓導(dǎo)航保留固定位置但采用融于背景的色系來避免這個問題。
同時，我們?yōu)椴黄鹧鄣母睂?dǎo)航加入一個動畫效果，在載入頁面后播放，通過這樣的方式使兩個導(dǎo)航都起到了應(yīng)有的作用。
在導(dǎo)航的位置確定下來之后，下一步就是確定網(wǎng)站的結(jié)構(gòu)。在舊方案中的單一頁面場景內(nèi)瀏覽已經(jīng)不再適用，為了防止分頁瀏覽顯得過于單調(diào)，我們在切換時加入了動畫效果。接下來的問題是，代表游戲的LOGO和SLOGAN放在哪里才算合適呢?
SLOGAN部分的重構(gòu)設(shè)計
經(jīng)過多次討論，我們確定了游戲定位的權(quán)重遠(yuǎn)高于游戲LOGO。在不破壞畫面視覺效果的基礎(chǔ)上，我們決定將SLOGAN放在頁面中上方。在眼動測試中，用戶瀏覽到這個位置時，瞳孔直徑有較為明顯的變化。
為了強化這個效果并突出游戲定位，我們做了一個大膽的嘗試，讓SLOGAN在網(wǎng)站內(nèi)全頁面存在并作為全部頁面的視覺重心。同時，為了讓用戶不至于對相同的元素產(chǎn)生視覺疲勞，我們同樣使用了載入頁面后播放的動畫效果。
盡管LOGO的重要程度低于SLOGAN，但我們考量到作為一個初次與用戶見面的游戲，我們不能只讓玩家注意到這個站做得好，同時更要讓玩家記住游戲的名字。但LOGO與強化設(shè)計過的SLOGAN放在一起會產(chǎn)生沖突。我們需要為LOGO找到一個突出且獨立的放置位置，要求是足夠醒目，又不會因為長期出現(xiàn)而造成用戶的視覺疲勞。最終我們決定在頁面的過場動畫中加入LOGO，利用緩存特性來實現(xiàn)設(shè)計目標(biāo)。當(dāng)用戶初次訪問網(wǎng)站時會在LOADING時長期出現(xiàn)，而回訪時則會快速跳過，避免用戶產(chǎn)生反感。
構(gòu)思與素材整合：
游戲特色頁著重強調(diào)內(nèi)容特色和世界觀，顛覆了以往以人物為主體的設(shè)計形式，轉(zhuǎn)由帶有故事性的場景為主導(dǎo)，整個頁面運用比較懷舊的色調(diào)來突出滄桑感，突出引導(dǎo)入口的作用。主要表現(xiàn)東南亞文化的神秘特征，東南亞密宗的特色是充滿神秘色彩，重視神通、鬼神、及神秘體驗。所以在頁面設(shè)計上我們注重神秘的打造，陰暗的色彩氛圍、遠(yuǎn)景的詭異的廟宇、散落的枯葉以及空中的鬼怪等。
為了讓用戶更全面的了解游戲，更好的體驗游戲的獨特魅力，我們在影、音、畫三方面的視覺表現(xiàn)上做足了功夫。
構(gòu)思與素材整合：
游戲中的音樂表現(xiàn)不俗，象征著中國文化博大精深，所以在音樂對應(yīng)的頁面就表現(xiàn)中國，中國文化最講究境界。竹子和古箏是中國的代表，古箏的音律配合波浪洶涌以竹林為背景，形成天地合一的境界。在表現(xiàn)形式上，沒有使用傳統(tǒng)播放器的形式，而是把古箏跟水波結(jié)合起來，水波隨著古箏的音樂頻率躍動，讓音樂完全融入到場景中。交互方面讓用戶撥動琴弦播放音樂，提高用戶參與度。在FLASH實踐方面使用了可視化波譜分析技術(shù)，讓音符隨著音樂的播放，在層疊的波浪中隨著音樂的節(jié)奏舞動，使得用戶在享受音樂的同時，更增添了視覺上的享受。
構(gòu)思與素材整合：
日本的文化講究”靜”，所以在頁面設(shè)計中運用了屏風(fēng)、香爐等元素創(chuàng)造了一個寂靜且充滿冥想的空間。隨著頁面打開屏風(fēng)也隨之緩慢的向兩邊移動，設(shè)計素材選取了游戲截圖中檀木屏風(fēng)和框體，配合古代香爐，展示了東方古色古香的奇異世界。為了突出空間感，著重進行了前、中、遠(yuǎn)景的層次處理。為了讓環(huán)境光更加柔和，配合屏風(fēng)疊加粗質(zhì)布紋協(xié)調(diào)畫面。
構(gòu)思與素材整合：
截圖頁代表韓國，韓國文化受中國影響明顯，追求意境。頁面運用琴、棋、書、畫 中的畫的部分，運用畫卷的形式體現(xiàn)游戲原畫。意境貼合東方主題。整個頁面營造一種冬日凄美的感覺，打開歷史的卷軸一覽世間百態(tài)。
在場景與場景切換時，全部使用了烏云打開的效果，配合上整站所特有的大月亮背景，給人一種撥云見月，豁然開朗的感覺。
彈窗： 每個頁面的彈窗在延續(xù)當(dāng)前頁面設(shè)計風(fēng)格的基礎(chǔ)上進行了再次創(chuàng)新。
寫在最后：
官網(wǎng)上線后，得到了公司內(nèi)部和外部的一致好評，其中官網(wǎng)設(shè)計的調(diào)查問卷數(shù)據(jù)也創(chuàng)了新高：
整個網(wǎng)站除了大風(fēng)格把握到位還有注重細(xì)節(jié)的把控，像Loading時在LOGO上方飛舞的蝴蝶，進入首頁后的點點星光，紛繁飄落的紅葉，及波光粼粼的水面，再到精美截圖中漸漸打開的畫卷，飄落的白雪，及枯樹與烏鴉，在配上《天神紀(jì)》特有的交響樂，使得整站提升到了一個全新的高度。