摘要：本文從界面設(shè)計(jì)入手，探究提升游戲沉浸體驗(yàn)感的方法，尋找手機(jī)游戲界面設(shè)計(jì)未來優(yōu)化方向，以期增進(jìn)游戲用戶黏度與產(chǎn)品競爭力。本文通過文獻(xiàn)分析法、案例分析法整理分析手機(jī)游戲界面設(shè)計(jì)的相關(guān)文獻(xiàn)，并從用戶體驗(yàn)角度對幾款高品質(zhì)手游界面設(shè)計(jì)進(jìn)行研究分析，發(fā)現(xiàn)可以通過加強(qiáng)游戲界面交互的高效性、代入感、流暢感、爽快感來營造沉浸式氛圍，提升游戲界面品質(zhì)與用戶體驗(yàn)。本文為提升游戲沉浸體驗(yàn)，優(yōu)化游戲界面設(shè)計(jì)提供參考。

關(guān)鍵詞：手機(jī)游戲;游戲界面設(shè)計(jì);游戲視覺;沉浸體驗(yàn)

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2021）08-0-03

0 引言

信息時(shí)代，智能手機(jī)日益普及，手機(jī)性能也日漸提升，手游在我們?nèi)粘蕵飞钪械谋戎厝找嬖鲩L。據(jù)統(tǒng)計(jì)，中國游戲總收入已位列全球第一，其中2020年收益達(dá)2096.76億元，約占整體游戲市場的75%，龐大的玩家數(shù)量和較高的收益吸引了各互聯(lián)網(wǎng)廠商搶奪市場。在如今這個(gè)注重創(chuàng)新性與用戶體驗(yàn)的時(shí)代，沉浸感的強(qiáng)弱越來越成為玩家選擇游戲的標(biāo)準(zhǔn)。游戲系統(tǒng)作為一個(gè)動(dòng)態(tài)的多層次模型系統(tǒng)，其界面是提供給用戶最直觀的展示[1]，因此一款能夠提升游戲沉浸體驗(yàn)的游戲界面是改款游戲在行業(yè)競爭中脫穎而出的重要因素之一。然而就目前手游市場而言，許多手機(jī)游戲界面設(shè)計(jì)仍駐足于以滿足功能需求為目的的階段，缺乏讓人眼前一亮的設(shè)計(jì)。如何通過游戲界面設(shè)計(jì)提升游戲沉浸體驗(yàn)是目前面對的重要課題。

1 沉浸體驗(yàn)概述

“沉浸體驗(yàn)”是指人在全身心投入某項(xiàng)活動(dòng)時(shí)，隨著時(shí)間的流逝而產(chǎn)生的一種忘我狀態(tài)[2]，它往往伴隨著積極的心理狀態(tài)與情緒。在交互活動(dòng)中，用戶保持完全的專注和被引導(dǎo)而產(chǎn)生的心理愉悅，是沉浸體驗(yàn)的兩個(gè)主要特征[3]。近年來，“沉浸體驗(yàn)”作為熱門研究，被眾多領(lǐng)域所應(yīng)用，如博物館、游戲、影視音樂、教學(xué)等，其中游戲里設(shè)計(jì)者常常通過視覺、聽覺、嗅覺、觸覺為游戲設(shè)計(jì)介入多感官設(shè)計(jì)，以排除外界干擾，引導(dǎo)玩家全身心投入其中，使玩家體驗(yàn)到沉浸式享受，獲得滿足感。

2 基于沉浸體驗(yàn)的游戲界面設(shè)計(jì)方法

隨著移動(dòng)端硬件運(yùn)算能力與圖形技術(shù)的發(fā)展，游戲畫質(zhì)今非昔比，這對游戲界面設(shè)計(jì)也提出了更高的要求。游戲通過游戲界面的元素與玩家進(jìn)行信息交換，建立起玩家溝通的橋梁，信息溝通的流暢度和準(zhǔn)確性是影響玩家沉浸體驗(yàn)和用戶數(shù)量的重要因素。游戲界面設(shè)計(jì)通常需要遵循7個(gè)原則：簡潔性原則、熟悉性原則、一致性原則、安全性原則、高效性原則、響應(yīng)性原則、美學(xué)性原則[4]。通過對市場熱門游戲進(jìn)行調(diào)查，分析如何通過界面設(shè)計(jì)加強(qiáng)游戲沉浸體驗(yàn)。

2.1 清晰的信息排布

在游戲玩法日益豐富，游戲體量不斷擴(kuò)大的同時(shí)，游戲界面所需承載的信息量直線上升，大量的信息承載容易破壞玩家對信息感知的準(zhǔn)確度和高效性。用戶在接觸新的產(chǎn)品和界面時(shí)，往往會(huì)經(jīng)歷三個(gè)階段的情緒變化——陌生到習(xí)慣再到疲勞，糟糕的用戶體驗(yàn)、令人費(fèi)解的界面、不符合用戶習(xí)慣的使用方式很容易讓用戶失去耐心，直接由陌生階段跳轉(zhuǎn)至內(nèi)心疲勞的階段[5]。根據(jù)游戲界面設(shè)計(jì)原則，優(yōu)秀的游戲界面設(shè)計(jì)往往會(huì)控制界面單一屏信息量，并根據(jù)信息優(yōu)先級(jí)、視覺規(guī)律等來編排界面內(nèi)容，設(shè)置定制化交互模型，保證界面簡潔高效，提高玩家界面信息接收效率。

據(jù)研究，游戲主界面UI占比超過20%時(shí)，復(fù)雜的功能入口和戰(zhàn)斗系統(tǒng)會(huì)擠占玩家的游戲視角，致使游戲游離感嚴(yán)重，相比之下，UI占比較小的游戲界面信息一目了然。在游戲設(shè)計(jì)時(shí)，設(shè)計(jì)師想要通過對主界面部分功能做一定取舍來保證界面整潔，擴(kuò)大游戲視角，提高玩家的界面信息接收率與游戲?qū)Ｗ⒍?，就要注重以?點(diǎn)：一是抓準(zhǔn)游戲核心玩法，弱化輔助功能;二是角色拆分，分散技能區(qū)域容量（建議每個(gè)角色的技能控制在2～3個(gè)）;三是改變傳統(tǒng)技能釋放方式，運(yùn)用手勢或圖標(biāo)不同狀態(tài)處理技能（點(diǎn)擊、長按蓄力、能量累計(jì)等），減少技能圖標(biāo)占比;四是對大部分次要功能進(jìn)行收納。

除控制界面單一屏信息量外，與格式塔心理學(xué)相結(jié)合也是提高游戲界面信息傳達(dá)率、提升沉浸體驗(yàn)的有效手段。格式塔心理學(xué)是研究人的視知覺系統(tǒng)的理論，人的視覺認(rèn)知習(xí)慣是整體的，人的視覺系統(tǒng)能自動(dòng)輸入并構(gòu)建結(jié)構(gòu)，對形狀、圖形和物體等視覺元素進(jìn)行整體組織[6]。設(shè)計(jì)師通過格式塔心理學(xué)設(shè)計(jì)方法，巧妙利用格式塔的接近性、相似性原則對界面元素及信息進(jìn)行排列，將關(guān)聯(lián)信息設(shè)計(jì)成相似控件安排在同一區(qū)塊，組成不同功能區(qū)，這種方式可以讓玩家快速識(shí)別界面功能分區(qū)，讓龐雜的界面信息變得清晰可讀，減弱游戲割裂感。此外，信息在界面中的位置、大小、顏色也是一種有趣變量，利用視覺規(guī)律按照界面交互邏輯確定界面分區(qū)，讓信息呈現(xiàn)在視覺上存在先后順序，可以減少玩家學(xué)習(xí)成本，使玩家擁有流暢的操作體驗(yàn)。

2.2 界面載體融入游戲世界

在傳統(tǒng)游戲中，游戲UI往往被獨(dú)立于游戲之外。而近年來，越來越多的游戲開始嘗試將界面UI融入游戲世界中，使界面與游戲世界成為一個(gè)有機(jī)整體，加強(qiáng)游戲情感化表達(dá)，通過營造真實(shí)的游戲氛圍讓玩家認(rèn)同并融入世界觀。

游戲界面設(shè)計(jì)有故事內(nèi)界面和故事外界面兩種表現(xiàn)形式，可通過信息是否能被玩家所扮演的角色在游戲世界中看到來區(qū)分。故事內(nèi)界面使玩家在使用界面時(shí)不產(chǎn)生脫離感，有助于玩家情緒代入，這種面向角色的設(shè)計(jì)思路使界面呈現(xiàn)變得合理化，能讓玩家快速代入角色，強(qiáng)化玩家情緒體驗(yàn)。然而，純故事內(nèi)界面實(shí)現(xiàn)難度大，耗費(fèi)成本高，更多游戲界面設(shè)計(jì)會(huì)選擇局部故事內(nèi)界面的表現(xiàn)形式，即故事內(nèi)界面與故事外界面相結(jié)合的界面。這種界面既帶有故事內(nèi)界面的高沉浸感，也具有故事外界面的高延展性。局部故事內(nèi)界面設(shè)計(jì)形式眾多，主要有3種形式。

一是全屏界面，與傳統(tǒng)的游戲公式化界面框架不同，將扁平的UI元素與游戲三維動(dòng)態(tài)模型相結(jié)合，可以明顯提升游戲沉浸效果，而部分后期迭代需求較大的信息解釋部分作為故事外界面根據(jù)格式塔原理進(jìn)行排布，規(guī)避傳統(tǒng)的底板承載信息設(shè)計(jì)形式，減少界面切割，弱化界面感，提升沉浸效果。二是半透明全屏界面，定格游戲內(nèi)場景并做模糊處理，模擬毛玻璃樣式，給玩家擬造一直處于游戲世界的錯(cuò)覺。如此可以減輕玩家的思維在游戲世界和現(xiàn)實(shí)中來回切換的游離感，再結(jié)合規(guī)范化的界面框架，是最具性價(jià)比的一種設(shè)計(jì)形式。三是半屏界面，半屏信息界面結(jié)合半透明遮罩，呈現(xiàn)信息的同時(shí)保留游戲交互對象和場景，讓玩家不會(huì)因?yàn)榇蜷_界面而缺失真實(shí)感。

從整體來看，在設(shè)計(jì)游戲界面時(shí)，游戲核心概念不可忽視。設(shè)計(jì)師需要根據(jù)世界觀設(shè)定，掌握游戲設(shè)計(jì)核心概念，再以這個(gè)核心概念為原點(diǎn)進(jìn)行界面設(shè)計(jì)才能使游戲所有系統(tǒng)界面創(chuàng)意可以彼此融合，保證游戲的整體性與統(tǒng)一性，構(gòu)成一個(gè)和諧的故事。

2.3 流暢的界面變化

數(shù)字化技術(shù)與手機(jī)硬件設(shè)備的快速發(fā)展賦予了手游更多可能性，手游設(shè)計(jì)越來越追求電影質(zhì)感，開始融入大量電影符號(hào)或電影敘事手法以加強(qiáng)游戲沉浸體驗(yàn)感。根據(jù)調(diào)查，手游越來越注重游戲的流暢性，運(yùn)用特殊的鏡頭技巧或巧妙的運(yùn)鏡方式是目前大多游戲提升界面轉(zhuǎn)換流暢度的主要方式。游戲中的鏡頭運(yùn)用與電影敘事手法具有相似性，能夠通過規(guī)則設(shè)定和參數(shù)調(diào)整攝像機(jī)鏡頭放大、的美術(shù)呈現(xiàn)，明顯提升游戲沉浸感和游戲品質(zhì)。下面通過幾款優(yōu)秀的手游案例來介紹一些鏡頭機(jī)制。

第一，交互體驗(yàn)升級(jí)。游戲中不同功能界面的切換可以通過鏡頭的搖擺推拉來實(shí)現(xiàn)，如圖1從左至右，角色培養(yǎng)信息的變化直接由攝像機(jī)運(yùn)動(dòng)表現(xiàn)，過渡平滑自然，使玩家不再停留在以往平面、生硬的界面元素替換或繁雜的界面切換中，沉浸效果更顯著。

第二，流程指引與目標(biāo)聚焦。在游戲中，利用鏡頭在游戲世界中設(shè)置隱晦的流程指引，可以讓玩家保持專注度的同時(shí)了解任務(wù)提示，為玩家提供沉浸體驗(yàn)。如玩家在控制角色向前方跑動(dòng)，到達(dá)目標(biāo)點(diǎn)附近時(shí)，會(huì)自動(dòng)觸發(fā)鏡頭聚焦來傳達(dá)關(guān)鍵場景視覺信息，類似于電影敘事拍攝手法。一般有兩種呈現(xiàn)形式：一是鏡頭自動(dòng)校正，當(dāng)目標(biāo)終點(diǎn)在玩家所扮演角色左側(cè)時(shí)，在向前奔跑過程中鏡頭會(huì)自動(dòng)進(jìn)行校正，向左偏移，指引玩家向正確目標(biāo)點(diǎn)行動(dòng);二是動(dòng)畫鏡頭聚焦，玩家在到達(dá)觸發(fā)點(diǎn)時(shí)，畫面開始上下切邊，同時(shí)鏡頭轉(zhuǎn)動(dòng)聚焦目標(biāo)，完成指引。這兩種方式的畫面呈現(xiàn)能讓游戲具有電影質(zhì)感的同時(shí)能最大限度地降低玩家對強(qiáng)制指引的排斥感。綜上所述，建議在未來的游戲界面設(shè)計(jì)中多采取輕UI的界面設(shè)定，盡可能減少游戲中的控件信息，通過鏡頭偏移與少量3DUI來完成游戲指引與信息傳達(dá)。在保證功能性的前提下，盡可能地為游戲沉浸體驗(yàn)而服務(wù)。

2.4 多維度的信息呈現(xiàn)

游戲中存在龐大的信息量，快速有效的傳遞信息是防止玩家產(chǎn)生疲憊感，增加游戲沉浸體驗(yàn)的重要途徑，因此，如何在龐大的信息中快速傳達(dá)給玩家此階段所需信息是進(jìn)行游戲界面設(shè)計(jì)時(shí)需要考慮的首要因素。多維度的信息呈現(xiàn)能更好地提升玩家游戲興趣，吸引玩家注意力，游戲中通常借由3種維度呈現(xiàn)信息：視覺、聽覺、觸覺.其中視覺又有動(dòng)、靜之分。按照視覺規(guī)律，眼睛對畫面的識(shí)別順序一般為：動(dòng)態(tài)>顏色>圖形>具體物件，因此在游戲中，動(dòng)態(tài)信息能夠更好地引起玩家視覺關(guān)注，增加游戲操作上的連貫性。一般情況下，動(dòng)態(tài)信息主要用于游戲內(nèi)目標(biāo)位置指示、狀態(tài)變化以及游戲外界面控件交互反饋和界面背景動(dòng)效。此外，聽覺也是玩家接收信息的一個(gè)重要維度，游戲可以通過音效來烘托氛圍或增加交互反饋豐富度，常規(guī)聲音信息大多為游戲內(nèi)背景音樂和界面觸發(fā)音效。一方面，玩家在游戲中可以通過游戲內(nèi)背景音樂來感受不同場景和主題氛圍，強(qiáng)化游戲沉浸感;另一方面，在觸發(fā)交互過程中給予不同音效反饋有助于強(qiáng)化玩家的操控感受，豐富界面交互反饋。

3 手游界面設(shè)計(jì)優(yōu)化方向

3.1 高效性

在快消時(shí)代，信息傳達(dá)的高效性是留住用戶的關(guān)鍵。當(dāng)游戲因信息傳達(dá)過于繁雜破壞游戲沉浸感時(shí)，就會(huì)被大多數(shù)玩家遺棄，因此具有高效信息傳達(dá)性的信息架構(gòu)和內(nèi)容框架是提升游戲沉浸感，保證用戶留存的基礎(chǔ)。在信息架構(gòu)設(shè)計(jì)上，應(yīng)注意界面層級(jí)的權(quán)衡，層級(jí)過深容易使玩家在一層層交互中迷失方向;層級(jí)過淺則會(huì)導(dǎo)致一個(gè)層級(jí)信息量過多，玩家需花大量時(shí)間識(shí)別入口，導(dǎo)致時(shí)間成本過大，難以獲得對應(yīng)的收益，游戲體驗(yàn)感就會(huì)下降。因此在進(jìn)行游戲設(shè)計(jì)前期應(yīng)明確游戲核心玩法，評(píng)估系統(tǒng)信息總量，做出合理取舍以權(quán)衡設(shè)計(jì)層級(jí)以及每個(gè)界面的信息承載量。在內(nèi)容框架設(shè)計(jì)上，設(shè)計(jì)者應(yīng)多利用格式塔原理，根據(jù)游戲信息優(yōu)先級(jí)建立清晰的視覺層級(jí)，引導(dǎo)玩家快速了解和獲取同一層級(jí)的信息和功能。楊潔認(rèn)為建立信息視覺層級(jí)最重要的是設(shè)計(jì)出可以被用戶理解的視覺差異系統(tǒng)[7]。通過簡單的顏色、大小、位置、形狀等對信息進(jìn)行模塊化設(shè)計(jì)和優(yōu)先級(jí)劃分可以降低玩家學(xué)習(xí)成本，高效傳達(dá)游戲想要玩家了解的信息和玩家需要的信息。

3.2 代入感

游戲代入感是增強(qiáng)游戲沉浸感的核心要素，增強(qiáng)玩家情緒體驗(yàn)是實(shí)現(xiàn)代入感的關(guān)鍵路徑之一。在游戲設(shè)計(jì)中，代入感主要表現(xiàn)為角色與環(huán)境之間的互動(dòng)帶給玩家的情緒，往往需要界面UI去完成，即將UI融入游戲場景，使其成為角色能接觸的一部分?？紤]到設(shè)計(jì)成本，建議手游界面以局部故事內(nèi)界面為主，量運(yùn)用設(shè)計(jì)成本較高的故事內(nèi)界面少，這可以在增強(qiáng)界面品質(zhì)的同時(shí)提升游戲界面豐富度。在設(shè)計(jì)局部故事內(nèi)界面時(shí)，需保證玩家盡可能地處于游戲世界中，減少信息提示帶來的打斷感和跳脫感。同時(shí)，在保證當(dāng)前系統(tǒng)界面視覺核心合理化的情況下，需要與游戲所有系統(tǒng)界面創(chuàng)意邏輯自洽，確保系統(tǒng)間界面跳轉(zhuǎn)不突兀，引導(dǎo)玩家情緒沉浸于故事中，形成閉環(huán)。

3.3 流暢感

一個(gè)流暢的游戲體驗(yàn)可以增加玩家在游戲操作中的連貫度，避免玩家被拉扯出沉浸游戲體驗(yàn)中。設(shè)計(jì)者可以通過賦予鏡頭更多的功能化價(jià)值與細(xì)節(jié)填充，達(dá)到更流暢的游戲體驗(yàn)這一目標(biāo)。就目前手游市場而言，大多數(shù)鏡頭表現(xiàn)仍是作為簡單的“信息獲取”窗口，建議在未來的游戲界面設(shè)計(jì)中適當(dāng)介入攝像機(jī)搖桿，緩解或替代界面間生硬、不含感情的切換。根據(jù)用戶體驗(yàn)數(shù)據(jù)分析，信息數(shù)據(jù)提示的學(xué)習(xí)成本往往高于鏡頭指引，建議以鏡頭指引替代彈窗提示，減少游戲中玩家被打斷的次數(shù)。

3.4 爽快感

游戲體驗(yàn)的爽快感是游戲得到美譽(yù)度的重要因素之一，因此設(shè)計(jì)師需格外關(guān)注UI反饋對玩家情感的抒發(fā)，借由恰當(dāng)?shù)腢I反饋刺激玩家神經(jīng)，使玩家在不同狀態(tài)下的情緒得到依托與抒發(fā)，讓界面情景體驗(yàn)更加生動(dòng)。相較于單純的靜態(tài)信息，不同維度的信息呈現(xiàn)方式可以更好地完成對玩家的注意力導(dǎo)向，提升游戲的沉浸體驗(yàn)，動(dòng)態(tài)視覺信息相較于靜態(tài)信息更易吸引注意力，聽覺信息具有很強(qiáng)的方向性和辨識(shí)性，觸覺信息能讓玩家更直接地感受到對游戲的操控感。建議在進(jìn)行游戲界面設(shè)計(jì)時(shí)，適時(shí)適量地運(yùn)用動(dòng)態(tài)、聽覺和觸覺信息，增強(qiáng)游戲體驗(yàn)，把控游戲氛圍。

4 結(jié)語

在互聯(lián)網(wǎng)產(chǎn)業(yè)經(jīng)濟(jì)大潮的推動(dòng)下，手游市場蓬勃發(fā)展，但作為高收益產(chǎn)業(yè)，品質(zhì)參差不齊。游戲作為“第九藝術(shù)”，其藝術(shù)性是備受爭議的話題，在發(fā)展的過程中，設(shè)計(jì)師們不僅需要關(guān)心其商業(yè)收益，還需思考如何轉(zhuǎn)變?nèi)藗儗τ螒虻钠?，傳達(dá)出更好的價(jià)值觀。目前，通過游戲界面帶來的沉浸體驗(yàn)只是游戲發(fā)展的冰山一角，游戲仍有無數(shù)可能性未被挖掘與試驗(yàn)。未來應(yīng)著重考慮手游界面設(shè)計(jì)為玩家?guī)淼那榫w體驗(yàn)，通過完整、系統(tǒng)的游戲界面設(shè)計(jì)提升游戲沉浸體驗(yàn)，并在此基礎(chǔ)上不斷完善，形成全新的游戲界面設(shè)計(jì)風(fēng)格。

參考文獻(xiàn)：

[1] 董歡.色彩在游戲界面設(shè)計(jì)中的應(yīng)用研究[J].工業(yè)設(shè)計(jì)，2020（06）：95-96.

[2] 張博，胡瑩.基于沉浸體驗(yàn)的標(biāo)簽式導(dǎo)航轉(zhuǎn)場方式研究[J].包裝工程，2020，41（06）：205-210.

[3] 郭伏，于聰，丁一.網(wǎng)頁交互任務(wù)的用戶情感測量方法[J].東北大學(xué)學(xué)報(bào)（自然科學(xué)版），2014（1）：131-134.

[4] 張曉明，李娜.扁平化風(fēng)格在游戲界面設(shè)計(jì)中的應(yīng)用[J].美術(shù)大觀，2018（07）：122-123.

[5] 左騰嘉，辛向陽，肖菂.游戲化體驗(yàn)，一個(gè)突破性和重塑性的行為模型——以DOTA2為例的MOBA游戲交互模式案例分析[J].設(shè)計(jì)，2018（15）：54-56.

[6] 郭鵬飛，鐘廈，肖丹.基于格式塔心理學(xué)的手機(jī)游戲界面設(shè)計(jì)研究[J].工業(yè)設(shè)計(jì)，2020（03）：71-73.

[7] 陳雪，周美玉.基于用戶體驗(yàn)的界面設(shè)計(jì)因素分析[J].設(shè)計(jì)，2019，32（01）：81-83.

作者簡介：詹鈺（1995—），女，浙江紹興人，碩士在讀，研究方向：視覺傳達(dá)設(shè)計(jì)。