轉載藍藍設計(  www.li-bodun.cn )是一家專注而深入的設計機構 ，為期望卓越的國內外企業提供有效的   BS界面設計 、  cs界面設計 、  ipad界面設計  、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、  網站建設 、平面設計服務

來源： 站酷網 - 孔雀 原創

如果您想訂閱本博客內容，每天自動發到您的郵箱中，          請點這里

 

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

一、項目介紹

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

可否體驗過龐大的社會體系，擁有自己真正的游戲生活？可否改變過游戲內的一草一木，證明自己真的曾經來過？

第三代網游——《上古世紀》，變夢成真。

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

二、項目分析

從大的方向深入梳理《上古世紀》這款游戲的特色，發現可以操作的包裝點主要有以下幾個方面：

1.玩家改變世界

玩家可以種樹變沙漠為綠洲，玩家可以建房變村莊為城堡，不同服務器的同一地點會呈現出不同的環境。

2.超真實的游戲體驗

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

3.超高的自由度

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

4.數百種創新玩法

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

 

可以看出，1和4兩點或能通過制作flash小游戲來傳達給玩家一些相應的理念和資訊，但對于一款宏觀大作來說，以偏概全的展示無異于自縛手腳，給玩家帶去破碎的信息。如果通過自由配置網站功能模塊來展示第3點的“自由度”，可以增加網站互動性，但對于游戲視覺展示站或概念站來說，顯得片面，且1和4的弊端也一樣會出現。

當我們脫離各種細節的點，站在更高的角度審視這款游戲時，才認識到無論是玩法還是理念，都是在一個更大的主題下展開：這是一個全新的“世界”。
 

即是說，從第2點“超真實的游戲體驗”來思考，或許才是《上古世紀》概念站真正的起點......
 

三、草案設計與風格討論
 

與概念站相關同事（項目組及網站組）進行以上分析結果介紹及充分溝通，并獲得初步共識后，根據個人理解進行了一些草案的方向性設計稿嘗試。
 

 

在初步的構思中:

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

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

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

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

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

四、設計執行（首頁篇）

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

晨昏午夜：

春夏秋冬：

陸海空天：

（以上為部分截圖展示，實際選圖數量較多）

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

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

 

最終首頁效果：
 

五、設計執行（內頁篇）

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

 

① 內頁采用左側邊透明導航設計，以拉高右側一屏內的可視信息。

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

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

另：更多交互體驗需要打開線上官網親鑒...

最終（部分）內頁效果：

 

六、影音呈現

要制作出“超真實游戲體驗”的網站，僅僅只是靜態頁面的展示，而沒有影音效果自然是不行的。

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

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

實際上，我們在完成這個網站的過程中，動畫部分根據制作需要進行了多達50余條的修正，只為了最終為您呈現完全不同以往的新世界。

七、總結

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

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

由衷感謝所有為此站付出心血的同事~多彩、繽紛、華美、貼心......僅僅只是我們為你提供游戲大作的“開始”，更多改變，敬請關注《上古世紀》！