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

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

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

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

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

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

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

1.扁平化趨勢(shì)

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

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

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

http://www.nexon.com/

http://www.diesel.com/

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

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

http://tetris.hangame.com/

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

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

響式網(wǎng)頁設(shè)計(jì)是一種新的網(wǎng)頁設(shè)計(jì)思路，滿足不同設(shè)備下的瀏覽模式達(dá)到俱佳的體驗(yàn)效果。下面整理出來一些網(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)性原則模塊是獨(dú)立的和可復(fù)用，而且對(duì)于內(nèi)容上也沒有絲毫的影響。自定義系統(tǒng)，針對(duì)不同的推送內(nèi)容，選 擇最有 效的方式。你可以展示最新上傳的圖片、最新資訊等。既可以直接在模塊中閱讀提示信息，也可以對(duì)磁貼進(jìn)行選擇、刪除、訂閱等操作。

https://plus.google.com/

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

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

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

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

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

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

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

2.淺談?dòng)螒蚬倬W(wǎng)現(xiàn)狀及微革新by:jason

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3:定制化推送

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

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

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

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

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

總結(jié)

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

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

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

文章題目：淺談?dòng)螒蚬倬W(wǎng)現(xiàn)狀及設(shè)計(jì)趨勢(shì)
URL分享：http://www.rwnh.cn/news48/166798.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站內(nèi)鏈、定制開發(fā)、定制網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站改版

廣告

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