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

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

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

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

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

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

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

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

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

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

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

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

1.試著了解用戶(hù)

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

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

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

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

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

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

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

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

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

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

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