淺談游戲官網(wǎng)現(xiàn)狀及設(shè)計趨勢

為什么游戲官網(wǎng)的構(gòu)建好像這年從來沒變過 ？這是功能使然還是思維慣性？什么才是真正是對的？設(shè)計師的工作就是在此框架下在樣式上做文章？思考點其實很多，

答案其實也是隨環(huán)境在一直變化著的。今天的答案，也會成為你明天的束縛。但我認(rèn)為最重要的還是結(jié)論得來的思考過程，能有樣的一個溝通機制，一個平臺來和業(yè)內(nèi)設(shè)計師一起交流思考的過程。按部就班，慣性思維的做設(shè)計，可能會讓你的思路越做越窄。

就如ideas這期主題—-”游戲官網(wǎng)”一樣，設(shè)計師emily和jason會和大家分享下，他們對于游戲官網(wǎng)現(xiàn)狀，看法，發(fā)展方向的一系列思考。

1.未來你的樣子：關(guān)于游戲類官網(wǎng)趨勢的猜想 by:emily

用戶界面設(shè)計隨著產(chǎn)品屏幕操作的不斷普及，已經(jīng)融入我們的生活。界面設(shè)計是以人為中心，使產(chǎn)品達到簡單使用和愉悅使用的設(shè)計，用戶界面設(shè)計對于任何產(chǎn)品、服務(wù)都極其重要。

在過去幾年里我們看到了互聯(lián)網(wǎng)的快速發(fā)展，我們手頭上、眼前的信息一直在爆炸式的增長著，視覺設(shè)計師當(dāng)然也不在僅僅只是在視覺上的表現(xiàn)，現(xiàn)在和將 來，從 信息架構(gòu)和交互流程的角度，無論未來的潮流如何變化，歸根結(jié)底，設(shè)計師們都在努力的降低用戶的認(rèn)知成本。讓界面所承載的信息內(nèi)容更直接、便捷的呈現(xiàn)在用戶 面前，用戶將在不同使用場景需要可以得到更好的支持，用戶體驗已經(jīng)成為狠角色。

現(xiàn)在的游戲類網(wǎng)站一成不變、讓人窒息的網(wǎng)頁布局，可否應(yīng)該讓用戶被動地接收信息向轉(zhuǎn)為主動創(chuàng)造互聯(lián)網(wǎng)信息蛻變？如何能讓用戶達到改變的臨界點，需要通過很 多設(shè)計技巧來做。未來，隨著移動端智能設(shè)備用戶數(shù)量的愈來愈多，表象如何變化，追究實質(zhì)要如何去思考和準(zhǔn)備呢？

1.扁平化趨勢

游戲類網(wǎng)站可以扁平化嗎？那就看你要怎么去做！

在沒有加入使過多的元素看起來更干凈，擁有獨特的大的背景圖像、前景圖像或按鈕、文本和導(dǎo)航、更合理使用的 交互方式等，如何把他利用恰到好處？扁平設(shè)計有獨特的外觀，依賴于一個清晰的層次和便于用戶理解和互動元素的設(shè)計和布局，另外還有受歡迎的JS應(yīng)用程序及 有小驚喜的交互設(shè)計。

(有些JS動畫暫不支持IE6，但是如果你還因循守舊墨守陳規(guī)的話是否改變一下呢，IE6總不可能一直持續(xù)下去吧？CSS3大勢所 趨，抓緊時間了解學(xué)習(xí)）

http://www.nexon.com/

http://www.diesel.com/

扁平化設(shè)計中采用了許多簡單的用戶界面元素，它在網(wǎng)頁設(shè)計中 排版是非常重要的。它可以是精美的按鈕、圖標(biāo)、導(dǎo)航等。

如：頁面中按鈕元素應(yīng)該是簡單而 輕松點擊或點選，如果再加入一點互動就就直觀很多。除了簡單的造型，還有大膽的配色以鼓勵用戶點擊欲。但是在設(shè)計風(fēng)格上，不要太搶用戶的注意力。精簡到不 能再精簡，任何一個界面元素，都必須要為功能服務(wù)，必須有它存在的目的，這在未來也許會有更多考慮。

http://tetris.hangame.com/

字體應(yīng)符合整體設(shè)計方案，是傳達信息提供導(dǎo)航的工具，并告知用戶在您的網(wǎng)站上要做些什么，當(dāng)然也可以玩一些有趣和不同的版式。字體選擇上可以使用簡 單的無襯線字體，通過字體大小和比重來區(qū)分元素。但注意過猶不及，最好不要使用那些極為生僻的字體，因為保不齊它就把你帶進坑里了。停留在簡單的無襯線字 體，有很多的變化和權(quán)重的主題。如何使用字體也是一門學(xué)問，要學(xué)會讓不同的字體表達不同的概念，排版的目的在于幫助用戶理解設(shè)計，讓字體成為你簡化設(shè)計的 有力武器。

2.HTML5&CSS3的新交互特性：多平臺支持，響應(yīng)式布局

響式網(wǎng)頁設(shè)計是一種新的網(wǎng)頁設(shè)計思路，滿足不同設(shè)備下的瀏覽模式達到俱佳的體驗效果。下面整理出來一些網(wǎng)站，能夠給大家一些啟發(fā)。

http://shopping.naver.com/

http://www.microsoft.com/en-us/default.aspx

3.內(nèi)容優(yōu)先于形式、用戶深度自定義

內(nèi)容為主模塊化構(gòu)建方式，多種排版方式，自適應(yīng)性原則模塊是獨立的和可復(fù)用，而且對于內(nèi)容上也沒有絲毫的影響。自定義系統(tǒng)，針對不同的推送內(nèi)容，選 擇最有 效的方式。你可以展示最新上傳的圖片、最新資訊等。既可以直接在模塊中閱讀提示信息，也可以對磁貼進行選擇、刪除、訂閱等操作。

https://plus.google.com/

4.引導(dǎo)頁的存在價值

互聯(lián)網(wǎng)是一個內(nèi)容為王，游戲官網(wǎng)也不例外。用戶訪問網(wǎng)站的很重要的因素就是獲取信息，如何將信息以一種更快速更詳盡的方式呈現(xiàn)給用戶也是網(wǎng)站設(shè)計師 們需要 不停思考跟追求的。成熟類型的游戲官網(wǎng)用戶群基本上是固定的，引導(dǎo)頁對他們的影響并不大，因為他們有著既定的目標(biāo)，必須去了解的信息，所以他們就必須去承 受這份等待，用戶的忍受力比我們想像的要強，存有缺陷的地方他們會選擇繞過，尋找一條可以前行的道路，如果實在沒有辦法，那么他們就會放棄。

但是我們現(xiàn)在能做的，就不能再進一步的優(yōu)化嗎？從數(shù)據(jù)中去發(fā)現(xiàn)問題，給用戶多一次的點擊跳轉(zhuǎn)的機會，也有可能即將成為用戶無法忍受而流失的潛在，任何一些阻礙用戶快速 高效獲取信息的細(xì)節(jié)都將導(dǎo)致用戶群的流失。

當(dāng)然，也不是說引導(dǎo)頁就一無是處，在一些游戲新版本的發(fā)布、一些重要的運營活動等，引導(dǎo)頁是能很好的完成它應(yīng)盡的責(zé)任。我們可以采取另外一種方 式，比如重要運營活動上線時，引導(dǎo)頁它形式可以是浮層窗口（視頻）、也可以是全屏的活動頁面等，它是有可控的時效性，到活動結(jié)束后引導(dǎo)頁已經(jīng)完成他的使 命。多一點考慮到用戶的使用感受，能在不給用戶造成困擾的情況下推送營銷活動。

未來：我們需要做些什么？

接下來，會在不同的游戲類型官網(wǎng)中做一些新的嘗試。過好生活需要勇氣，做好工作需要勇氣，而突破現(xiàn)在狀況更需要勇氣。在以往的經(jīng)驗中，都被灌輸以勇 氣的概 念，都需要個決心，但事實上勇氣并不是時時都需要的，很多時候只是需要點渴望，內(nèi)心不甘的渴望！當(dāng)你在構(gòu)思一個龐大的計劃時，這個計劃本身就充滿著無數(shù)的 不確定的東西，當(dāng)這些不確定的因素聚集在一起的時候，龐大的未來很容易傾塌。

與其著眼于那個遙不可知的未來，不如踏實的走好腳下的每一步。緊緊抓住那個你認(rèn)為可以改變現(xiàn)狀的想法，我會每天抽出一點時間去執(zhí)行它，不需要每天的 熬夜去 追求時間上的允許，疲勞所帶來的危害遠(yuǎn)比節(jié)省下的時間更大，何況并非真能節(jié)省下時間。你只需要在每天抽出的這個時間里把自己放在一個相對獨立空間里，不受 任何干擾的去執(zhí)行你的想法，這比任何的借口都要實在。

2.淺談游戲官網(wǎng)現(xiàn)狀及微革新by:jason

游戲官方網(wǎng)站是玩家用戶獲取游戲信息最快速最直接的平臺，從游戲最初的曝光到正式公測，一款游戲的官方網(wǎng)站要經(jīng)歷很多個版本，目前大致的幾個步驟 是：神秘站、預(yù)告站、封測站、內(nèi)測站、公測站，到公測站為止，多數(shù)游戲一直是處于這個階段，僅有少數(shù)游戲宣布正式版，所以目前來看，展示最久且信息量最全 的網(wǎng)站版本也是公測版官方網(wǎng)站。

話說至此，做這么多版本的官方網(wǎng)站，目的是什么呢？一是市場宣傳，使用戶進入游戲，二傳播游戲最新信息。但用戶進游戲官網(wǎng)的主要目的是什么？大多是 獲取 游戲的最新信息！即使網(wǎng)站版本做的再多，一個網(wǎng)站能夠明確的傳遞游戲信息給用戶才是最重要的。但從目前市面上的游戲官網(wǎng)來看，在信息傳達方面依然停留在很 基礎(chǔ)的階段。

放眼望去，目前市面上已有的成熟游戲官網(wǎng)，大多數(shù)是運用了很多年的版式，以穿越火線為例，上圖是08年的官網(wǎng)版式，下圖是11年沿用至今的官方版 式，可以 發(fā)現(xiàn)官網(wǎng)的布局差別不大，從頂部的導(dǎo)航，到顯眼的游戲下載按鈕以及左側(cè)一系列快速功能入口，再到導(dǎo)航下的TOP圖和輪播圖以及最新新聞，這些版塊在版式設(shè) 計和信息傳遞上都沒有很大的變化。

輪播圖、新聞、活動宣傳廣告圖等等位置，這些版式在5、6年內(nèi)都沒有發(fā)生一個很大的變化。是因為這樣的版式經(jīng)歷時間的考驗變得無可挑剔呢？還是為了不改變用戶習(xí)慣而不敢輕易做變化？

導(dǎo)航條，在頂部是目前較符合用戶體驗的位置，用戶要進行欄目切換第一反映是返回頂部點擊導(dǎo)航切換。不過，有些游戲官網(wǎng)則頂部沒有導(dǎo)航條，像地下城與 勇士的 官網(wǎng)，導(dǎo)航全部安排在了左側(cè)，也是11年沿用至今的官網(wǎng)版式?？梢源笾驴梢钥闯觯總€游戲官網(wǎng)都培養(yǎng)出了屬于自己用戶的用戶體驗。但是依然擺脫不了采用了 多年版式布局的束縛。

在網(wǎng)頁設(shè)計方面的韓國，他們大多數(shù)的游戲官網(wǎng)也一樣沒有很大的改變，導(dǎo)航、圖片輪播、下載游戲按鈕、新聞列表。改變的也只是嘗試各種設(shè)計的風(fēng)格。似乎互聯(lián)網(wǎng)游戲的官網(wǎng)設(shè)計遇到了一個大大大瓶頸。

難道游戲的官網(wǎng)要這么一直沿用么？沒有沒新的嘗試呢？其實近期一些游戲的官網(wǎng)，仍然可以看到設(shè)計師們努力的成果。

1:網(wǎng)站模塊定制，打破老舊官網(wǎng)版式

在目前的斗戰(zhàn)神的官網(wǎng)上，在右側(cè)的浮動導(dǎo)航條，可以提供玩家進行兩種閱讀模式的切換，一種是”經(jīng)典模式”，另一種是”閱讀模式”，經(jīng)典模式采用的是 較為 傳統(tǒng)的信息排列方式，閱讀模式則采用的是類博客的信息排列方式，雖然只是布局切換，但這是一個很好的創(chuàng)新嘗試，可針對不同人群定制不同的官網(wǎng)閱讀版式。這 個嘗試讓訪問者和網(wǎng)站兩者有了簡單的互動，而不是以往的進來，你站在那，我只是看看你，卻無法觸摸你，讓訪問者有了主動權(quán)。

其實這一類型的定制功能在門戶網(wǎng)站上已經(jīng)有些年頭，但在游戲官網(wǎng)上的嘗試確實很少見的。

目前有一款韓國的足球網(wǎng)游官方網(wǎng)站，也采用了用戶自定義版式的技術(shù)，實用與否不確定，但不否認(rèn)確實讓人眼前一亮，新鮮感十足。徹徹底底的擺脫了老舊官網(wǎng)布局的束縛，不是嗎？

2:官網(wǎng)與游戲數(shù)據(jù)的緊密結(jié)合

暴雪設(shè)計在業(yè)界公認(rèn)為業(yè)界標(biāo)桿，魔獸世界的官網(wǎng)設(shè)計版式很早打破了傳統(tǒng)游戲官網(wǎng)的版式布局，采用了類博客風(fēng)格的設(shè)計，不僅如此，還與游戲內(nèi)的數(shù)據(jù)結(jié) 合的 非常緊密，只要你在網(wǎng)站上登錄你的游戲帳號，就能夠拉取你在游戲內(nèi)的數(shù)據(jù)，非常的詳細(xì)，細(xì)到你的公會里有會友打BOSS獲得了什么高級裝備，都一一列舉出 來，這會讓玩家覺得網(wǎng)站與游戲是一個整體，毫無違和感，而且也給玩家查詢信息提供了極大的便利。

但目前看來，除了魔獸官網(wǎng)把游戲數(shù)據(jù)整合且整理的如此優(yōu)秀以外，暫未看到其他一款游戲有類似的功能，即使有也是寥寥幾個數(shù)據(jù)，反到是第三方插件提供的數(shù)據(jù)比官方要詳細(xì)的多。

3:定制化推送

推送，這個詞相比大家并不陌生了，在這個信息化泛濫的時代，一打開手機、網(wǎng)頁、各種信息彈出來，而我們也習(xí)慣了這個生活，每天周而復(fù)始的接收著推送來的信息。

拿iphone上APP推送方式來舉例，軟件如果要更新、微信如果有消息、微博如果有提及，這些通知會推送到你的手機里，并且會在你的APP圖標(biāo)上 標(biāo)記上 一個小紅圈，上面寫著阿拉伯?dāng)?shù)字，顯示了幾條，就代表著給你推送了多少條信息。已有不少用戶有強迫癥，一定要把紅點給清理才舒服。

這些推送方式在手機APP上非常常見，但網(wǎng)頁上運用卻很少，我們可以利用用戶養(yǎng)成的這個習(xí)慣，大膽的運用在網(wǎng)頁上。

下面是《QQ仙靈》官網(wǎng)首頁的新聞區(qū)域，在目前的官網(wǎng)是常用新聞選項卡閱讀方式，如果在選項卡上加上未閱讀的新聞條數(shù)，能讓用戶第一時間知道哪一類新聞里有最新消息，而且也更讓人有查看的欲望。

這些看似不太起眼的推送功能，能給玩家?guī)砗芎玫捏w驗，讓玩家不會錯過自己想看到的新聞。

總結(jié)

可以看出在布局、樣式、細(xì)節(jié)以及用戶個性化定制上做不一樣的嘗試，就能夠給用戶帶來不同的體驗，但是否是的用戶體驗，還有待日后的取證，但這是官網(wǎng)改革的必經(jīng)之路。

在這個游戲官網(wǎng)版式已經(jīng)固化了的時代，游戲官網(wǎng)承載著傳遞游戲信息的重要功能。作為設(shè)計師，要在給用戶傳遞信息的方式上進行創(chuàng)新，經(jīng)過巧妙的設(shè)計版式和細(xì)節(jié)去達到的信息推送方式，讓用戶能更便捷更輕松的得到想要的信息。

我們應(yīng)該大膽去突破目前游戲的官網(wǎng)設(shè)計瓶頸，嘗試去結(jié)合其他產(chǎn)品的優(yōu)點，來推動游戲官方的改革，這是我們大家都期待和愿意看到的！

文章標(biāo)題：淺談游戲官網(wǎng)現(xiàn)狀及設(shè)計趨勢
本文地址：http://www.muchs.cn/news/166798.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、標(biāo)簽優(yōu)化、手機網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)