遊戲網頁設計:擬物還是扁平?

來源:互聯網
上載者:User

 

  小日:遊戲網頁設計的扁平化設計從13年的設計潮流發展到如今的設計趨勢,在網頁設計中已經應用廣泛。相比於曾經成為主流的質感化網頁,這兩者之間帶給使用者的體驗變化究竟有哪些?以下我們來談一談。

  扁平化設計為何如此受青睞,因為其有著明顯的優勢所在。扁平化設計摒棄過多複雜的修飾,以最簡單直白的方式傳遞設計所要表達的東西,因此設計會更加註重功能化,通過明顯的顏色方案與排版上的設計,來減少不必要的視覺設計要素對錶達內容的幹擾。

  如我們看到的上圖,設計師通過顏色的設計,合理的布局,通過對使用者行為的研究,來減少幹擾資訊,以最簡約的方式讓使用者去接收內容,在這種設計下:少,則是多。

  而扁平化的更重要一點作用體現,是對設計時間以及成本上面的節省。在多終端尤其是移動平台上,扁平化的表現效果都是十分完美。無論是內容載入,或者是解析度的適應,都能很好地實現低成本跨終端的模式。

  而設計師更青睞於扁平化設計的另一個重要原因是,扁平化能大大地簡化設計,減少設計師工作量。而往往在扁平化設計潮流中,它也成為設計師偷懶的一個小手段,大家的頁面設計都越做越扁,越來越雷同,越來越沒新意。甚至對這種設計產生視覺疲勞。

  那麼我們除了通過做扁平的方法來提升閱讀體驗之外,還有什麼方法來拉近與使用者之間的溝通呢。扁平的設計在相比擬物具象設計有時候確實缺少情感表達,讓設計顯得冰冷。在遊戲網頁設計中,提升使用者體驗不僅僅在於清晰的資訊傳遞。當你同時做幾個遊戲產品的專題頁面時,體現遊戲差異化可是很重要的一點。單通過提取產品宣傳主色調,是無法成為遊戲的鮮明標誌。比如在大量的FPS遊戲面前。

  避免扁平的雷同,擬物具象的設計表現方式,在提升遊戲網頁情感體驗方式也有著突出的特點。

  擬物的設計有助於減少認知成本,以有親和力的設計形式,從情感上來帶給玩家閱讀體驗。

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

  《英雄聯盟》重大的遊戲活動會採用此種“大畫面”式的頁面形式,通過情境的塑造,用情境串連內容,生動,具象地,以故事性的方式傳達活動資訊。這種方式,在遊戲情感體驗上能給予玩家極強親和力和巨大的吸引力。

  如何在遊戲網頁設計中增進情感體驗。我覺得有以下幾點:

  1. 試著瞭解使用者

  設計師變身使用者,瞭解使用者需要看到的是什麼,從而抓住目標使用者的特點。通過設計真正地傳遞價值。

  2. 對資訊的理解

  巧妙的處理方式有助於更好地表達內容。

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

  像valve的《夜魘暗潮》這樣一個活動,為了講述整一個遊戲行銷活動的詳情,藝術家採用高精度的原畫設計,內容排版,像電影在講述一個古老的故事一般,具體的把活動涉及的所有要素,通過一幅畫捲來敘述劇情,來表達一個主題活動。這是地把遊戲的活動推廣,品牌傳播,頁面的設計完美緊密地結合的一個優秀的例子。

  3. 增強遊戲的代入感

  頁面設計是遊戲產品的一部分,通過合理的素材應用,氣氛營造。合理地處理圖片,設計師可以讓玩家通過頁面就能在頁面中就能體驗到遊戲的感覺。頁面更有意思,便能更好地引導玩家操作。

  比如《天天富翁》這樣一個遊戲頁面,把遊戲UI巧妙合理地運用在網頁表現上,十分恰當又顯得有趣。

  尤其在一個遊戲的首發站,玩家是通過官網第一次來認識這個遊戲,玩家不知道這是一個什麼遊戲,怎麼才能通過設計,來帶給玩家第一印象?

  看這樣一個網站,它向我們展示了遊戲角色設計,遊戲情境設計,遊戲的主色調,基本的遊戲介紹,遊戲玩法視頻以及截圖,我們對一個遊戲需要有的第一印象,集中在一個頁面上,以十分有趣的設計方式展示,是不是比用扁平化平鋪直敘式的設計要帶給我們更愉悅的感受?

  所謂設計的美,美在是否適合。通過扁平化的潮流,設計師不斷注重著設計的資訊表達,設計師也通過擬物具象的方式來增加設計中的情感體驗。遊戲網頁設計還在不斷突破成長的路上,隨著移動平台的發展,多終端的互連,扁平化的應用必將越來越廣泛。而隨著遊戲品質的不斷提升,遊戲性的多樣化發展,遊戲網頁設計也更需要新的ideas支撐,如何在不斷最佳化與豐富玩家體驗的道路上進步,我們正在積極探討著。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。