轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(  sillybuy.com )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)  、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、  網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源： 站酷網(wǎng) - 孔雀 原創(chuàng)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，          請(qǐng)點(diǎn)這里

 

千篇一律的以角色為主要視覺(jué)形象的游戲網(wǎng)頁(yè)設(shè)計(jì)，已經(jīng)不能體現(xiàn)第三代網(wǎng)游的全新魅力，當(dāng)我們從更宏觀的角度去包裝《上古世紀(jì)》這款游戲時(shí)，發(fā)現(xiàn)進(jìn)入了一次新的思想之旅。

一、項(xiàng)目介紹

可曾有一個(gè)游戲刻畫(huà)過(guò)真正的日月星辰、風(fēng)霜雨雪？可曾有一個(gè)游戲呈現(xiàn)過(guò)真正的晝夜交替、四季更迭？

可否體驗(yàn)過(guò)龐大的社會(huì)體系，擁有自己真正的游戲生活？可否改變過(guò)游戲內(nèi)的一草一木，證明自己真的曾經(jīng)來(lái)過(guò)？

第三代網(wǎng)游——《上古世紀(jì)》，變夢(mèng)成真。

《上古世紀(jì)》有著空前恢弘的故事背景和極為龐大的歷史架構(gòu)，搭建了一個(gè)真正的虛擬世界，地貌復(fù)雜而多樣，社會(huì)豐富而真實(shí)。上百種不同職業(yè)的玩家或在繁花似錦的田園中享受種植與收獲的快樂(lè)，或在高大巍峨的城堡上欣賞美麗又燦爛的落日余霞，或在調(diào)皮的開(kāi)啟棧橋邊的路燈，或在悠悠的點(diǎn)燃小屋內(nèi)的燭火......他正在滑傘上自由翱翔，俯視這深遠(yuǎn)的土地；她正在快艇上乘風(fēng)破浪，朝著原大陸搏擊海洋......這是一個(gè)讓人震驚、激動(dòng)、興奮甚至有些茫然的游戲世界，如此廣博宏大，紛繁復(fù)雜，怎樣才能全面的介紹給玩家？

二、項(xiàng)目分析

從大的方向深入梳理《上古世紀(jì)》這款游戲的特色，發(fā)現(xiàn)可以操作的包裝點(diǎn)主要有以下幾個(gè)方面：

1.玩家改變世界

玩家可以種樹(shù)變沙漠為綠洲，玩家可以建房變村莊為城堡，不同服務(wù)器的同一地點(diǎn)會(huì)呈現(xiàn)出不同的環(huán)境。

2.超真實(shí)的游戲體驗(yàn)

不僅僅是晨夕晝夜，春夏秋冬，甚至夜晚星座的位置都隨著玩家的位置和時(shí)間的不同而變化......

3.超高的自由度

世界都隨你創(chuàng)造，游戲界面上的功能按鈕、雷達(dá)、技能鍵等當(dāng)然也完全交給你排布。

4.數(shù)百種創(chuàng)新玩法

玩家可以造戰(zhàn)艦參與磅礴的海戰(zhàn)，可以造火炮和攻城車擊垮別人的城堡，甚至可以種樹(shù)爬上去襲擊敵人。

 

可以看出，1和4兩點(diǎn)或能通過(guò)制作flash小游戲來(lái)傳達(dá)給玩家一些相應(yīng)的理念和資訊，但對(duì)于一款宏觀大作來(lái)說(shuō)，以偏概全的展示無(wú)異于自縛手腳，給玩家?guī)テ扑榈男畔?。如果通過(guò)自由配置網(wǎng)站功能模塊來(lái)展示第3點(diǎn)的“自由度”，可以增加網(wǎng)站互動(dòng)性，但對(duì)于游戲視覺(jué)展示站或概念站來(lái)說(shuō)，顯得片面，且1和4的弊端也一樣會(huì)出現(xiàn)。

當(dāng)我們脫離各種細(xì)節(jié)的點(diǎn)，站在更高的角度審視這款游戲時(shí)，才認(rèn)識(shí)到無(wú)論是玩法還是理念，都是在一個(gè)更大的主題下展開(kāi)：這是一個(gè)全新的“世界”。
 

即是說(shuō)，從第2點(diǎn)“超真實(shí)的游戲體驗(yàn)”來(lái)思考，或許才是《上古世紀(jì)》概念站真正的起點(diǎn)......
 

三、草案設(shè)計(jì)與風(fēng)格討論
 

與概念站相關(guān)同事（項(xiàng)目組及網(wǎng)站組）進(jìn)行以上分析結(jié)果介紹及充分溝通，并獲得初步共識(shí)后，根據(jù)個(gè)人理解進(jìn)行了一些草案的方向性設(shè)計(jì)稿嘗試。
 

 

在初步的構(gòu)思中:

1.角色的放置對(duì)于增強(qiáng)玩家的游戲代入感有益處，且從市場(chǎng)接受度來(lái)說(shuō)比較保險(xiǎn)，但也會(huì)致使“世界”的大概念被“種族”或“職業(yè)”信息干擾而受到削弱。

2.多人組合方案有“迎接”的意味，契合游戲slogan“這一次 改變世界”的氛圍渲染，卻會(huì)對(duì)多角度展示“世界”的概念場(chǎng)景造成一些局限。

3.場(chǎng)景展示希望有一個(gè)主題性的選擇，比如“晝夜晨夕”等，可以保持互動(dòng)站的整體性。

《上古世紀(jì)》與眾多的第二代網(wǎng)游不同，種族或職業(yè)角色等在游戲的包裝上并未占據(jù)主要宣傳位置，而充滿革新性的史詩(shī)級(jí)世界架構(gòu)才是《上古世紀(jì)》的階段性主要賣點(diǎn)，純以真實(shí)的游戲場(chǎng)景來(lái)包裝游戲的“世界”概念，盡管有些冒險(xiǎn)，但卻是從網(wǎng)站方面踐行“改變”的較好開(kāi)端。

最終，在這輪討論中敲定主題場(chǎng)景展示方案，同時(shí)試稿數(shù)張：

四、設(shè)計(jì)執(zhí)行（首頁(yè)篇）

為了選出最適合的首頁(yè)場(chǎng)景主題，概念站相關(guān)同事進(jìn)行了幾輪溝通，主要擬定以下幾個(gè)方向：

晨昏午夜：

春夏秋冬：

陸?？仗欤?/span>

（以上為部分截圖展示，實(shí)際選圖數(shù)量較多）

四時(shí)（晨昏午夜）與四季（春夏秋冬）對(duì)游戲傳達(dá)各有特色及弊端，意見(jiàn)分歧較大，最終以更具表現(xiàn)力且更適宜藝術(shù)展示的四季為設(shè)計(jì)方向。

為了更好的承載游戲界面上的功能（文字）信息，以及更好的藝術(shù)效果，對(duì)這一系列的最終選圖進(jìn)行了一些局部模糊及整體色彩傾向的設(shè)計(jì)優(yōu)化，還有視覺(jué)聚焦的統(tǒng)籌處理，使網(wǎng)站呈現(xiàn)效果更適于閱讀和使用。

 

最終首頁(yè)效果：
 

五、設(shè)計(jì)執(zhí)行（內(nèi)頁(yè)篇）

內(nèi)頁(yè)也遴選了一批具有代表性的游戲場(chǎng)景截圖做背景來(lái)進(jìn)行設(shè)計(jì)，為了更好的展現(xiàn)絢麗的場(chǎng)景，并使整體風(fēng)格統(tǒng)一并保持通透感，同時(shí)減少用戶操作次數(shù)，提高使用流程的體驗(yàn)好感度，功能模塊上主要做了以下處理：

 

① 內(nèi)頁(yè)采用左側(cè)邊透明導(dǎo)航設(shè)計(jì)，以拉高右側(cè)一屏內(nèi)的可視信息。

② 功能模塊采用透明毛玻璃的視覺(jué)風(fēng)格（具體可參考Win 7效果），但不太適合大信息量的填充，比如“游戲介紹>游戲特色”部分,大量的信息和線稿圖，信息辨識(shí)率不甚理想。

③ 為了較好承載后期的活動(dòng)營(yíng)銷信息（廣告等），同時(shí)避免對(duì)互動(dòng)站內(nèi)容造成影響，設(shè)計(jì)了右側(cè)的可收納功能區(qū)（鼠標(biāo)滑過(guò)彈出）。

另：更多交互體驗(yàn)需要打開(kāi)線上官網(wǎng)親鑒...

最終（部分）內(nèi)頁(yè)效果：

 

六、影音呈現(xiàn)

要制作出“超真實(shí)游戲體驗(yàn)”的網(wǎng)站，僅僅只是靜態(tài)頁(yè)面的展示，而沒(méi)有影音效果自然是不行的。

我們并不希望“火爆熱”的調(diào)性出現(xiàn)在《上古世紀(jì)》的概念宣傳站上，更多的只是靜靜的欣賞，或能潛意識(shí)理解這款游戲的“世界”理念，所以，這里只有浮流的云煙，明滅的燈火；這里只有慢慢移動(dòng)的蝸牛，翩翩起舞的飛蛾；這里只有春日漫天的櫻花，夏日潺潺的溪水，秋日金黃的田園，冬日皚皚的雪山......

《上古世紀(jì)》本身的游戲音樂(lè)非常大氣，或舒緩，或激昂，十分悅耳，多媒體設(shè)計(jì)師的后期也相當(dāng)給力，好吧，你發(fā)現(xiàn)“活動(dòng)中心”背景大樹(shù)上的蟻群了么？

實(shí)際上，我們?cè)谕瓿蛇@個(gè)網(wǎng)站的過(guò)程中，動(dòng)畫(huà)部分根據(jù)制作需要進(jìn)行了多達(dá)50余條的修正，只為了最終為您呈現(xiàn)完全不同以往的新世界。

七、總結(jié)

《上古世紀(jì)》網(wǎng)站的最終上線效果超出了我個(gè)人的預(yù)期，盡管也有些不同的聲音，比如不夠游戲性（與傳統(tǒng)游戲網(wǎng)站相比），但從更宏觀的角度，創(chuàng)造“真實(shí)游戲世界”，展示“《上古世紀(jì)》游戲魅力”的目的我覺(jué)得達(dá)到了，并且也很好的體現(xiàn)了游戲官網(wǎng)的一種“改變”。

還有不得不提也是很關(guān)鍵的一點(diǎn)：從初期的創(chuàng)意分析到制作執(zhí)行，項(xiàng)目組同事和品牌經(jīng)理都給與了可貴的理解、尊重和支持，項(xiàng)目組同事對(duì)整站交互邏輯的雕琢也為這版官網(wǎng)的易用性提供了強(qiáng)有力的保障，專業(yè)合作，順利創(chuàng)新，在當(dāng)下傳統(tǒng)游戲官網(wǎng)泛濫的時(shí)候，為您創(chuàng)造了一方全新視界！
 

由衷感謝所有為此站付出心血的同事~多彩、繽紛、華美、貼心......僅僅只是我們?yōu)槟闾峁┯螒虼笞鞯?ldquo;開(kāi)始”，更多改變，敬請(qǐng)關(guān)注《上古世紀(jì)》！