《陰陽(yáng)師》手游界面設(shè)計(jì)中產(chǎn)品語(yǔ)意學(xué)的應(yīng)用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（二）使設(shè)計(jì)可以展示圖標(biāo)的功能

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

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

邏輯構(gòu)架越是復(fù)雜的游戲，就越需對(duì)操作流程信息（新手教程）進(jìn)行設(shè)計(jì)?！蛾庩?yáng)師》中的新手教程就是通過(guò)式神小白的口吻，引導(dǎo)玩家進(jìn)行正確操作。

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

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

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

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

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

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

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

（一）識(shí)別用戶(hù)目標(biāo)，突出目標(biāo)信息

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

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

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

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

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

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

五、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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