游戲網(wǎng)頁設(shè)計(jì)：擬物還是扁平？

游戲網(wǎng)頁設(shè)計(jì)的扁平化設(shè)計(jì)從13年的設(shè)計(jì)潮流發(fā)展到如今的設(shè)計(jì)趨勢(shì)，在網(wǎng)頁設(shè)計(jì)中已經(jīng)應(yīng)用廣泛。相比于曾經(jīng)成為主流的質(zhì)感化網(wǎng)頁，這兩者之間帶給用戶的體驗(yàn)變化究竟有哪些？以下我們來談一談。

   扁平化設(shè)計(jì)為何如此受青睞，因?yàn)槠溆兄黠@的優(yōu)勢(shì)所在。扁平化設(shè)計(jì)摒棄過多復(fù)雜的修飾，以最簡單直白的方式傳遞設(shè)計(jì)所要表達(dá)的東西，因此設(shè)計(jì)會(huì)更加注重功能化，通過明顯的顏色方案與排版上的設(shè)計(jì)，來減少不必要的視覺設(shè)計(jì)要素對(duì)表達(dá)內(nèi)容的干擾。

   如我們看到的上圖，設(shè)計(jì)師通過顏色的設(shè)計(jì)，合理的布局，通過對(duì)用戶行為的研究，來減少干擾信息，以最簡約的方式讓用戶去接收內(nèi)容，在這種設(shè)計(jì)下：少，則是多。

   而扁平化的更重要一點(diǎn)作用體現(xiàn)，是對(duì)設(shè)計(jì)時(shí)間以及成本上面的節(jié)省。在多終端尤其是移動(dòng)平臺(tái)上，扁平化的表現(xiàn)效果都是十分完美。無論是內(nèi)容加載，或者是分辨率的適應(yīng)，都能很好地實(shí)現(xiàn)低成本跨終端的模式。

   而設(shè)計(jì)師更青睞于扁平化設(shè)計(jì)的另一個(gè)重要原因是，扁平化能大大地簡化設(shè)計(jì)，減少設(shè)計(jì)師工作量。而往往在扁平化設(shè)計(jì)潮流中，它也成為設(shè)計(jì)師偷懶的一個(gè)小手段，大家的頁面設(shè)計(jì)都越做越扁，越來越雷同，越來越?jīng)]新意。甚至對(duì)這種設(shè)計(jì)產(chǎn)生視覺疲勞。

   那么我們除了通過做扁平的方法來提升閱讀體驗(yàn)之外，還有什么方法來拉近與用戶之間的溝通呢。扁平的設(shè)計(jì)在相比擬物具象設(shè)計(jì)有時(shí)候確實(shí)缺少情感表達(dá)，讓設(shè)計(jì)顯得冰冷。在游戲網(wǎng)頁設(shè)計(jì)中，提升用戶體驗(yàn)不僅僅在于清晰的信息傳遞。當(dāng)你同時(shí)做幾個(gè)游戲產(chǎn)品的專題頁面時(shí)，體現(xiàn)游戲差異化可是很重要的一點(diǎn)。單通過提取產(chǎn)品宣傳主色調(diào)，是無法成為游戲的鮮明標(biāo)志。比如在大量的FPS游戲面前。

   避免扁平的雷同，擬物具象的設(shè)計(jì)表現(xiàn)方式，在提升游戲網(wǎng)頁情感體驗(yàn)方式也有著突出的特點(diǎn)。

   擬物的設(shè)計(jì)有助于減少認(rèn)知成本，以有親和力的設(shè)計(jì)形式，從情感上來帶給玩家閱讀體驗(yàn)。

http://promo.na.leagueoflegends.com/en/snowdown-2013/

  《英雄聯(lián)盟》重大的游戲活動(dòng)會(huì)采用此種“大畫面”式的頁面形式，通過場(chǎng)景的塑造，用場(chǎng)景連接內(nèi)容，生動(dòng)，具象地，以故事性的方式傳達(dá)活動(dòng)信息。這種方式，在游戲情感體驗(yàn)上能給予玩家極強(qiáng)親和力和巨大的吸引力。

  如何在游戲網(wǎng)頁設(shè)計(jì)中增進(jìn)情感體驗(yàn)。我覺得有以下幾點(diǎn)：

1.試著了解用戶

設(shè)計(jì)師變身用戶，了解用戶需要看到的是什么，從而抓住目標(biāo)用戶的特點(diǎn)。通過設(shè)計(jì)真正地傳遞價(jià)值。

2.對(duì)信息的理解

巧妙的處理方式有助于更好地表達(dá)內(nèi)容。

http://www.dota2.com/diretide/

  像valve的《夜魘暗潮》這樣一個(gè)活動(dòng)，為了講述整一個(gè)游戲市場(chǎng)活動(dòng)的詳情，藝術(shù)家采用高精度的原畫設(shè)計(jì)，內(nèi)容排版，像電影在講述一個(gè)古老的故事一般，具體的把活動(dòng)涉及的所有要素，通過一幅畫卷來敘述劇情，來表達(dá)一個(gè)主題活動(dòng)。這是地把游戲的活動(dòng)推廣，品牌傳播，頁面的設(shè)計(jì)完美緊密地結(jié)合的一個(gè)優(yōu)秀的例子。

3.增強(qiáng)游戲的代入感

頁面設(shè)計(jì)是游戲產(chǎn)品的一部分，通過合理的素材應(yīng)用，氣氛營造。合理地處理圖片，設(shè)計(jì)師可以讓玩家通過頁面就能在頁面中就能體驗(yàn)到游戲的感覺。頁面更有意思，便能更好地引導(dǎo)玩家操作。

   比如《天天富翁》這樣一個(gè)游戲頁面，把游戲UI巧妙合理地運(yùn)用在網(wǎng)頁表現(xiàn)上，十分恰當(dāng)又顯得有趣。

   尤其在一個(gè)游戲的首發(fā)站，玩家是通過官網(wǎng)第一次來認(rèn)識(shí)這個(gè)游戲，玩家不知道這是一個(gè)什么游戲，怎么才能通過設(shè)計(jì)，來帶給玩家第一印象？

   看這樣一個(gè)網(wǎng)站，它向我們展示了游戲角色設(shè)計(jì)，游戲場(chǎng)景設(shè)計(jì)，游戲的主色調(diào)，基本的游戲介紹，游戲玩法視頻以及截圖，我們對(duì)一個(gè)游戲需要有的第一印象，集中在一個(gè)頁面上，以十分有趣的設(shè)計(jì)方式展示，是不是比用扁平化平鋪直敘式的設(shè)計(jì)要帶給我們更愉悅的感受？

   所謂設(shè)計(jì)的美，美在是否適合。通過扁平化的潮流，設(shè)計(jì)師不斷注重著設(shè)計(jì)的信息表達(dá)，設(shè)計(jì)師也通過擬物具象的方式來增加設(shè)計(jì)中的情感體驗(yàn)。游戲網(wǎng)頁設(shè)計(jì)還在不斷突破成長的路上，隨著移動(dòng)平臺(tái)的發(fā)展，多終端的互通，扁平化的應(yīng)用必將越來越廣泛。而隨著游戲品質(zhì)的不斷提升，游戲性的多樣化發(fā)展，游戲網(wǎng)頁設(shè)計(jì)也更需要新的ideas支撐，如何在不斷優(yōu)化與豐富玩家體驗(yàn)的道路上進(jìn)步，我們正在積極探討著。