摘? 要：隨著智能手機的普及和5G時代的到來，手機游戲行業(yè)的發(fā)展越來越迅速，人們對于游戲界面設(shè)計的關(guān)注也越來越多。手機游戲的界面設(shè)計涵蓋平面、動效、新媒體設(shè)計等諸多方面，但其設(shè)計本質(zhì)上還是一個通過設(shè)計者編碼、用戶解碼的信息傳遞形式。當(dāng)界面設(shè)計者能夠?qū)⒂螒蛟O(shè)計者想要表達的信息通過可視化方法傳遞給玩家時，界面設(shè)計的第一步也就完成了，這也是一款游戲能否帶給玩家優(yōu)質(zhì)游戲體驗的關(guān)鍵一步。

關(guān)鍵詞：游戲界面設(shè)計;語意學(xué);《陰陽師》手游

隨著智能手機的普及、手機內(nèi)存不斷變大、4G乃至5G時代的到來，手機游戲開始呈數(shù)量級增長。手機相較于電腦，輕便易攜帶，使用人數(shù)更多，游戲公司也將更多的精力投入到手機游戲的開發(fā)當(dāng)中。游戲中復(fù)雜的邏輯、精美的界面、絢麗的動效都不遜色于電腦端游。其中游戲界面的設(shè)計雖然涉及諸多新媒體、交互設(shè)計等方法，但這些方法也都脫胎于傳統(tǒng)的符號學(xué)設(shè)計理論，本文即從這一角度出發(fā)，論述產(chǎn)品語意學(xué)在游戲界面設(shè)計中的應(yīng)用。

一、產(chǎn)品語意學(xué)與游戲界面設(shè)計

產(chǎn)品語意學(xué)力圖以生動明確的視覺形象和富有象征意義的形態(tài)，表現(xiàn)更多的文化內(nèi)涵。研究產(chǎn)品語意學(xué)，是為了使產(chǎn)品能像語言一樣，可以向用戶表達、傳遞設(shè)計者的情感、信息，使產(chǎn)品功能明確化、人機交互簡潔化，降低用戶在學(xué)習(xí)使用產(chǎn)品時的難度，達到用戶、產(chǎn)品、環(huán)境間的和諧統(tǒng)一[1]。而玩家體驗游戲的過程就是一個在“游戲設(shè)計者-游戲-游戲玩家”之間傳遞信息的過程。

游戲界面主要是指游戲玩家在體驗游戲時所看到的界面。界面設(shè)計主要包括游戲畫面中圖標、按鈕的設(shè)計，文字、場景、窗口的布局和排版，動效、音效的搭配等與玩家直接或間接相關(guān)的元素。僅從視覺角度上看，主要指游戲用戶可以看到的場景、角色、圖標、按鈕和各種信息組成的畫面。因此，游戲界面設(shè)計的過程就是一個處理信息的過程，將游戲設(shè)計者想要表達的內(nèi)容通過界面?zhèn)鬟f給玩家，使設(shè)計者和玩家間做到信息同構(gòu)[2]。

二、信息同構(gòu)的過程

信息同構(gòu)能夠使游戲玩家和游戲設(shè)計者之間產(chǎn)生共鳴。設(shè)計和藝術(shù)不同，藝術(shù)重在以自己喜歡的方式表現(xiàn)自我，注重個人;而設(shè)計則需要在大眾普遍認同的邏輯上展示產(chǎn)品，注重群體。優(yōu)秀的界面設(shè)計，能夠讓游戲設(shè)計者和游戲玩家對同一信息的理解有大體一致的認識。

游戲開發(fā)具有一個很長的產(chǎn)業(yè)鏈，信息同構(gòu)的過程就更為復(fù)雜。僅從界面設(shè)計來看，首先由游戲設(shè)計者提出信息需求，再由界面設(shè)計師結(jié)合像形思維，運用符號學(xué)、語義學(xué)的原理對信息進行編碼，運用圖形和文字傳遞游戲設(shè)計者所想要表達的信息。游戲玩家則會運用自身的審美經(jīng)驗，對游戲界面進行解碼，從而接收信息并反饋信息[3]（如圖1）。

三、產(chǎn)品語意學(xué)在游戲界面設(shè)計中的維度

《陰陽師》是由網(wǎng)易公司研發(fā)的3D日式和風(fēng)回合制RPG手游，于2016年6月在安卓首測，并于同年9月，于蘋果商店上架。作為一款運營5年的手機游戲，有著一批穩(wěn)定的玩家，各方面都趨于成熟。以下便以《陰陽師》手游為例，分析產(chǎn)品語意學(xué)在游戲界面設(shè)計中運用的5個維度。

（一）使設(shè)計符合人的感官經(jīng)驗

感官經(jīng)驗指人們對于日常生活中反復(fù)出現(xiàn)的某類事物形成的群體印象。隨著網(wǎng)絡(luò)與設(shè)備的不斷發(fā)展，手機游戲的邏輯結(jié)構(gòu)也日趨復(fù)雜，繁復(fù)的操作流程與玩法使得新手玩家上手一款游戲的難度不斷加大，甚至帶來較差的游戲體驗。因此，游戲界面設(shè)計，首先就要符合人們的感官經(jīng)驗。同時，也要研究大眾對于游戲表現(xiàn)內(nèi)容相關(guān)的知覺、記憶與印象，尋找生活中可以與之相對應(yīng)的物品或場景，使游戲設(shè)計貼合玩家的心理模型，令人一看到界面或是某個圖標，就能夠理解其功能。此外，還要結(jié)合游戲背景，使設(shè)計出乎意料之外，符合情理之中，降低玩家對于游戲的學(xué)習(xí)成本。

《陰陽師》的游戲商城，承擔(dān)著玩家查看并購買商品的功能，因為商品種類繁多，信息量過大。于是，通過設(shè)計，設(shè)計師將表現(xiàn)模型靠近心理模型，把游戲商城設(shè)計為日常市集的場景，不同商品的分類好比一條街上的若干店鋪，玩家點擊進入不同的店鋪就可以選購不同類型的商品[4]。同時，為了方便玩家操作，設(shè)計師還在界面下方設(shè)置了各個店鋪的快捷入口，玩家可以根據(jù)個人習(xí)慣選擇操作（如圖2-a）。

店鋪內(nèi)部界面也采用了擬物的設(shè)計方法，以皮膚購買為例，一個個皮膚，就像店鋪內(nèi)擺放在貨架上的商品，用戶可以自行滑動瀏覽（如圖2-b）。

（二）使設(shè)計可以展示圖標的功能

每一個符號，在不同的使用場景中會具有不同的表意。例如一個向右旋轉(zhuǎn)90度的等腰三角形，同時具有視頻播放和方向指示兩種含義。在游戲界面中，每一個按鈕都有各自的功能，鏈接不同的副本入口，設(shè)計師需要消除每個符號元素所代表寓意的模糊性，通過對符號元素的認識將信息需求與相關(guān)符號元素進行對照，從而使界面、圖標的語意明確化。要使玩家理解一個新按鈕的用途和功能，就要將同類型的按鈕進行比較。玩家對按鈕符號的理解，多是建立在平時見到過且多次出現(xiàn)的某類型按鈕的對比總結(jié)之上。游戲中，戰(zhàn)斗開始的按鈕多是圖形加提示文字的組合，因此在具體實施時，《陰陽師》進入戰(zhàn)斗的按鈕統(tǒng)一都是一面戰(zhàn)鼓的形態(tài)，并在鼓面上標注“挑戰(zhàn)”字樣，既可以展示按鈕功能，又符合游戲場景的設(shè)定（如圖3）。

（三）使設(shè)計提示游戲的操作方式

邏輯構(gòu)架越是復(fù)雜的游戲，就越需對操作流程信息（新手教程）進行設(shè)計?！蛾庩枎煛分械男率纸坛叹褪峭ㄟ^式神小白的口吻，引導(dǎo)玩家進行正確操作。

在界面設(shè)計中設(shè)置防錯操作，可以有效降低玩家因操作失誤帶來的不良游戲體驗。例如設(shè)置條件，將暫時不能使用的功能設(shè)置為不可點擊，達到條件后方能解鎖;在遇到重要操作或出錯后會對玩家造成損失的情況時，利用二次提示再次確認操作;而對于一些會對玩家?guī)韲乐乩鎿p害的操作，還可以使用輸入動態(tài)驗證碼的方式確定操作。防錯操作雖然會使玩家消耗更多的時間和精力，但可以很大程度上避免損失[5]?！蛾庩枎煛分袑τ诟呒壥缴?，系統(tǒng)會自動鎖定，當(dāng)玩家要對式神進行分解時，系統(tǒng)會跳出“該式神已上鎖，是否需要解鎖”的彈窗提示。而在綁定手機等賬號操作時，就需要驗證動態(tài)驗證碼，防止出現(xiàn)重大損失。同時，允許撤銷的操作，也會極大的提高用戶體驗，正如設(shè)計師在使用PS的過程中，使用最頻繁的操作就有撤銷與還原。

（四）使設(shè)計展示游戲的位置方向

這一維度運用在產(chǎn)品設(shè)計中大多是展示產(chǎn)品各個層面的含義。設(shè)計師要從用戶的角度考慮產(chǎn)品的正面、側(cè)面、反面分別代表什么，并注意兼顧層面的布局。手機游戲無論是二維制作還是三維制作，本質(zhì)只是一個即展示在屏幕上的二維圖像，玩家通過文字和圖像就可以輕松辨別方向，很多人會認為這個維度對于界面設(shè)計沒有太大意義，但其實不然，在多人游戲?qū)?zhàn)中，如果沒有明確的方向指示和定位標記，玩家會很容易在平面的游戲場景中迷失方向。對此，很多游戲設(shè)計者都會在游戲界面的左上方或右上方設(shè)置縮略地圖并實時標記玩家的當(dāng)前位置，以供玩家參考。《陰陽師》作為卡牌游戲，其中的對戰(zhàn)大都是玩家雙方固定站位進行回合制對攻，比較容易分辨對戰(zhàn)方向，但為了便于區(qū)分，游戲方還是將不同陣營雙方的生命血條設(shè)置為不同的顏色。戰(zhàn)斗過程中，可以隨時滑動界面多角度觀看對戰(zhàn)，當(dāng)游戲畫面與默認狀態(tài)發(fā)生偏移時，會出現(xiàn)復(fù)位按鈕，點擊后可以使畫面一件復(fù)位（如圖4）。

（五）使設(shè)計顯示游戲的運行狀態(tài)

游戲運行的可視化設(shè)計，可以實時提醒玩家當(dāng)前的狀態(tài)。作為玩家，我們無法觀察游戲后臺的運行進度，因此，需要設(shè)計師在界面設(shè)計中對游戲的運行狀態(tài)進行可視化設(shè)計，向玩家提供各種反饋信息。《陰陽師》在加載游戲的過程中，會顯示加載進度條，并且會設(shè)計一些動態(tài)效果引導(dǎo)玩家關(guān)注（如圖5-a）;進行戰(zhàn)斗時，玩家配置好出戰(zhàn)成員，點擊準備后，會出現(xiàn)一個回合制戰(zhàn)鼓敲響的動態(tài)畫面，提示玩家已經(jīng)進入戰(zhàn)斗狀態(tài)（如圖5-b）;在游戲商店購買產(chǎn)品時，因為得到的物品無論是皮膚還是游戲券，實質(zhì)上都是游戲數(shù)據(jù)，更需要對購買成功后的狀態(tài)作出可視化信息的反饋，否則很容易給玩家?guī)砘ㄥX后卻沒有得到對應(yīng)物品的不良游戲體驗（如圖5-c）。

四、信息同構(gòu)的方法

語意學(xué)在游戲界面設(shè)計中的用法簡單來說就是做好信息同構(gòu)，這也是影響用戶體驗的一個關(guān)鍵。進行信息同構(gòu)可以分為以下三個步驟。

（一）識別用戶目標，突出目標信息

在界面設(shè)計中，應(yīng)注意將重點信息放置在關(guān)鍵位置。一款游戲，其邏輯結(jié)構(gòu)越復(fù)雜、信息量越大，就越需要使用更多的表格、邏輯圖等方式進行結(jié)構(gòu)呈現(xiàn)。游戲的界面設(shè)計，應(yīng)該與程序員所編寫的邏輯分類一致。但如果僅參照程序員編寫的程序邏輯進行展示，玩家很容易在大量的信息中迷失，找不到重點。這時就需要界面設(shè)計師對邏輯流程進行拆分，在每個步驟中單獨提取重點信息進行強調(diào)設(shè)計。

在《陰陽師》中，僅大廳界面就有主線劇情入口、探索劇情入口、町中入口、召喚入口以及快捷導(dǎo)航欄下的多個入口，向右滑動屏幕還可以看到系統(tǒng)活動面板，僅僅是購買皮膚，就要進行多個層級的操作。在如此繁雜的信息下，界面設(shè)計師提取并強調(diào)了玩家常用的內(nèi)容放置在游戲界面的主要位置，將次要信息放置在需要滑動才能看到的次級位置。

（二）觀察現(xiàn)實生活，尋找類似模型

在進行游戲界面設(shè)計時，要注意我們所構(gòu)建的游戲模型，在生活中有沒有相類似的存在，將這些現(xiàn)實中的情景運用在設(shè)計中，是否可以降低玩家理解游戲的成本。

（三）通過設(shè)計，將表現(xiàn)模型靠近心理模型

承接上一步，設(shè)計師作出的界面設(shè)計就是游戲的表現(xiàn)模型，玩家通過日常經(jīng)驗和對游戲的理解，會形成自己的心理模型，當(dāng)表現(xiàn)模型與心理模型接近甚至一致時，信息同構(gòu)的過程就完成了。

五、結(jié)語

手機游戲的界面設(shè)計涵蓋平面、動效、新媒體設(shè)計等諸多方面，但其設(shè)計本質(zhì)上還是一個通過設(shè)計者編碼、用戶解碼的信息傳遞形式。在設(shè)計中，需要使設(shè)計符合人的感官經(jīng)驗、明確游戲圖標的功能寓意、清晰簡潔的提示操作方法、指示玩家在游戲中的位置方向、提示游戲的運行狀態(tài)。當(dāng)界面設(shè)計者能夠靈活把握產(chǎn)品語意學(xué)的五個維度、使用信息同構(gòu)的方法將游戲設(shè)計者所要表達的信息通過可視化的方式傳遞給玩家、讓游戲設(shè)計者的表現(xiàn)模型靠近用戶的心理模型時，界面設(shè)計的第一步就完成了。其后就是對游戲角色、場景、動效、音效的細節(jié)設(shè)計，本文不再贅述。

參考文獻：

[1]張馨元，吳鳳林.狹義語意與廣義語意在產(chǎn)品設(shè)計中的應(yīng)用[J].包裝工程，2015（6）：113-116.

[2]學(xué)院菌.UX入門干貨：什么是游戲界面？游戲界面有哪些類型[EB/OL].[2020-06-22].https：//game.academy.163.com/course/careerArticle？course=302&isMaster=0.

[3]王坤茜，林捷暉，徐人平.產(chǎn)品界面設(shè)計中的信息同構(gòu)[J].包裝工程，2006（3）：151-152，164.

[4]學(xué)院菌.古登堡圖：善用心理模型：做一目了然的優(yōu)秀設(shè)計[EB/OL].[2020-04-23].https：//game.academy.163.com/course/careerArticle？course=212&isMaster=0.

[5]學(xué)院菌.如何有效防止玩家犯錯？—新鄉(xiāng)重夫-防錯原則.網(wǎng)易游戲?qū)W院[EB/OL].[2020-06-08].https：//game.academy.163.com/course/careerArticle？course=278&isMaster=0.

作者簡介：王禧燕，湖南工業(yè)大學(xué)數(shù)字媒體藝術(shù)專業(yè)碩士研究生。