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

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

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

 

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

一、項(xiàng)目介紹

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

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

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

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

二、項(xiàng)目分析

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

1.玩家改變世界

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

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

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

3.超高的自由度

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

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

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

 

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

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

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

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

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

 

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

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

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

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

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

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

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

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

晨昏午夜：

春夏秋冬：

陸?？仗欤?/span>

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

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

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

 

最終首頁效果：
 

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

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

 

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

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

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

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

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

 

六、影音呈現(xiàn)

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

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

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

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

七、總結(jié)

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

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

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