【摘要】：一部游戲的操作界面不僅要重視其美觀度，更應(yīng)該注意界面的功能性，這是游戲界面是否易于操作和好玩的關(guān)鍵。在設(shè)計(jì)的過(guò)程中理解和掌握游戲界面設(shè)計(jì)的流程是非常必要的，本文將以用戶體驗(yàn)的角度對(duì)游戲界面設(shè)計(jì)的流程進(jìn)行簡(jiǎn)要的解讀和思考，為游戲界面的設(shè)計(jì)與制作建立基本認(rèn)識(shí)。

【關(guān)鍵詞】：游戲；界面設(shè)計(jì)；流程

隨著游戲產(chǎn)業(yè)的發(fā)展，各種類(lèi)型的游戲花樣百出，不同的游戲類(lèi)型，千差萬(wàn)別的游戲畫(huà)面風(fēng)格填充著大家的各種設(shè)備，如何能夠使游戲能夠與眾不同，游戲界面設(shè)計(jì)將起到重要的作用。游戲玩家在游戲當(dāng)中最主要的操作行為就是對(duì)游戲當(dāng)中的角色或物品進(jìn)行人機(jī)交互的操作，一款好的游戲界面設(shè)計(jì)對(duì)于游戲本身來(lái)說(shuō)覺(jué)得著其可玩性的程度。在游戲界面設(shè)計(jì)中，界面設(shè)計(jì)師的工作基本涉及到游戲整個(gè)設(shè)計(jì)和制作的各個(gè)環(huán)節(jié)，從最初的游戲策劃、游戲交互設(shè)置、游戲視覺(jué)設(shè)計(jì)以及與游戲程序員之間的溝通，都需要游戲界面設(shè)計(jì)師去了解和參與。

較好的界面設(shè)計(jì)能夠使游戲區(qū)別于其他同類(lèi)產(chǎn)品，這個(gè)較好的設(shè)計(jì)不僅僅指界面的美觀與好看，人們從心里層次的角度來(lái)說(shuō)，初次接觸一款游戲，最先感受到的就是游戲的畫(huà)面和界面，這從人的感覺(jué)層次出發(fā)能夠產(chǎn)生對(duì)游戲的第一印象，美觀的界面能夠讓人們對(duì)游戲有玩樂(lè)的心情，增加玩家對(duì)游戲的好感度，但是這只能是視覺(jué)層面的部分。還有一層是操作層面，游戲界面的操作需要簡(jiǎn)便、舒適，這是游戲界面的主要功能。人機(jī)界面的設(shè)計(jì)應(yīng)該簡(jiǎn)潔易懂，游戲界面不應(yīng)該喧賓奪主。[1]視覺(jué)層面雖然能夠吸引一部分的玩家，但是游戲軟件和繪畫(huà)有明顯的區(qū)別，它的功能主要在與服務(wù)效果。界面的功能性要高于形式，如果游戲界面操作比較繁雜，反而會(huì)影響玩家的注意力，使玩家脫離游戲世界的體驗(yàn)造成使用負(fù)擔(dān)。因此在游戲界面設(shè)計(jì)中，主要包含了三大部分，一部分是游戲界面的視覺(jué)設(shè)計(jì)，也就是通常所說(shuō)的用戶圖形界面設(shè)計(jì)GUI，一部分是用戶體驗(yàn)設(shè)計(jì)UX或UE，一部分就是交互設(shè)計(jì)部分，通常稱(chēng)為ID，這三者共同構(gòu)成游戲界面設(shè)計(jì)。

在游戲界面設(shè)計(jì)師進(jìn)行設(shè)計(jì)的過(guò)程中，這三者之間是有著必然的聯(lián)系的，并且遵循一定的順序來(lái)實(shí)現(xiàn)。作為服務(wù)性功能的界面設(shè)計(jì)，用戶體驗(yàn)是設(shè)計(jì)師首要關(guān)注的部分，在Jesse James Garrett所著《用戶的要素體驗(yàn)》一書(shū)當(dāng)中有提到，整個(gè)用戶體驗(yàn)開(kāi)發(fā)過(guò)程中，都是為了確保用戶在你的產(chǎn)品上的所有體驗(yàn)不會(huì)發(fā)生在你“明確的、有意識(shí)的意圖”之外，要考慮用戶的每一個(gè)可能性。[2]這部分內(nèi)容完全符合游戲界面設(shè)計(jì)與制作，在考慮游戲界面產(chǎn)品每一個(gè)可能性的部分都需要進(jìn)行游戲界面框架的設(shè)計(jì)，在界面的整體框架搭建中，基本上從戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層這五大部分著手。

游戲界面的框架首先是對(duì)游戲策劃的解讀，游戲應(yīng)該是什么類(lèi)型、擁有怎樣的世界觀、需要用怎樣的操作方式來(lái)進(jìn)行游戲等等都是建立在此游戲的戰(zhàn)略構(gòu)架上，這個(gè)部分決定了游戲的方向與核心。在游戲戰(zhàn)略策劃部分已經(jīng)確定的情況下，才可以真正開(kāi)始搭建游戲界面的范圍層部分，此時(shí)游戲界面的制作和設(shè)計(jì)由設(shè)想和策劃開(kāi)始轉(zhuǎn)為具體的內(nèi)容，游戲開(kāi)始逐漸擁有每個(gè)部分的劃分和功能設(shè)置，這里的內(nèi)容是以文字框架為主，它羅列了游戲?qū)?huì)擁有哪些界面，在這個(gè)界面當(dāng)中應(yīng)當(dāng)具備哪些功能與內(nèi)容，這是整套游戲界面設(shè)計(jì)的戰(zhàn)略表。這兩個(gè)部分相當(dāng)于游戲由設(shè)想和策劃逐步擁有了制作的大綱，這個(gè)大綱就相當(dāng)是游戲界面設(shè)計(jì)的文字腳本。

在游戲的實(shí)際操作中我們會(huì)發(fā)現(xiàn)，一部游戲是擁有非常多的界面，界面與界面之間可以通過(guò)對(duì)控件的點(diǎn)擊實(shí)現(xiàn)跳轉(zhuǎn)，這些界面之間是擁有嵌套關(guān)系和層級(jí)關(guān)系的。如果說(shuō)把一個(gè)大型網(wǎng)絡(luò)游戲的界面完整地鋪展開(kāi)來(lái)，可能出現(xiàn)的非常多的界面，這些界面之間被游戲操作當(dāng)中的邏輯關(guān)系所串聯(lián)，形成整個(gè)游戲的結(jié)構(gòu)體系。游戲界面這間這部分的邏輯構(gòu)架是在范圍層確定了之后開(kāi)始進(jìn)行搭建的，在這個(gè)部分游戲界面設(shè)計(jì)師需要通過(guò)導(dǎo)圖的形式把游戲界面當(dāng)中的每一個(gè)部分進(jìn)行邏輯串聯(lián)，設(shè)計(jì)師需要對(duì)每一個(gè)界面層級(jí)有清楚的認(rèn)識(shí)，這個(gè)結(jié)構(gòu)化的設(shè)計(jì)基本上包含了最初的界面之間的交互設(shè)計(jì)。游戲界面設(shè)計(jì)師需要對(duì)游戲內(nèi)容之間的順序進(jìn)行排列，開(kāi)始嘗試去理解玩家在操作時(shí)候的想法以及行為方式，通常我們表現(xiàn)的方式是繪制游戲界面設(shè)計(jì)流程圖。流程圖的繪制難點(diǎn)主要在于邏輯關(guān)系的搭建，繪制形式卻非常的多，只要能夠通過(guò)簡(jiǎn)潔的文字將各個(gè)界面表述清楚，采用連線的方式將游戲當(dāng)中的界面的層級(jí)關(guān)系表達(dá)清晰即可，這個(gè)部分也相當(dāng)于游戲界面設(shè)計(jì)的內(nèi)容和邏輯綱要。

當(dāng)我們?cè)谟螒蚪缑嬖O(shè)計(jì)當(dāng)中有了文字腳本以及邏輯綱要，游戲界面設(shè)計(jì)師就可以逐步由文字逐漸深入為畫(huà)面內(nèi)容。游戲界面低保真原型圖的繪制工作在此環(huán)節(jié)就開(kāi)始了，低保真原型圖是在每一層級(jí)界面內(nèi)容確定的情況下開(kāi)始制作為每一幅界面的圖像內(nèi)容，這部分的內(nèi)容主要在于表現(xiàn)該界面所包含信息和內(nèi)容的頁(yè)面布局，即是游戲界面設(shè)計(jì)的框架層。界面設(shè)計(jì)師可以通過(guò)簡(jiǎn)單的線條繪制界面的線框圖來(lái)表現(xiàn)頁(yè)面的所有信息，此時(shí)的線框圖當(dāng)中必須明確表明每一塊內(nèi)容所處的位置以及各自的功能，并且此時(shí)的圖像繪制需要緊跟游戲界面的范圍層和結(jié)構(gòu)層所設(shè)計(jì)的內(nèi)容來(lái)進(jìn)行畫(huà)面表述，并且能夠展現(xiàn)界面的操作關(guān)系為之后的完整界面的視覺(jué)表現(xiàn)建立基礎(chǔ)。

游戲界面設(shè)計(jì)當(dāng)中的這四個(gè)層級(jí)的設(shè)計(jì)主要是針對(duì)玩家的操作層面的體驗(yàn)，而最終的視覺(jué)體驗(yàn)部分需要游戲界面設(shè)計(jì)師在表現(xiàn)層部分具體實(shí)現(xiàn)出來(lái)。在前面四層框架結(jié)構(gòu)已經(jīng)建立完成的情況下，才開(kāi)始正式關(guān)注游戲玩家的視覺(jué)感受。在表現(xiàn)層環(huán)節(jié)游戲界面設(shè)計(jì)師需要通過(guò)合理的視覺(jué)設(shè)計(jì)呈現(xiàn)游戲界面內(nèi)容，游戲的畫(huà)面風(fēng)格、游戲界面的配色、文字設(shè)計(jì)、內(nèi)容排版都能對(duì)界面的視覺(jué)效果有較大的影響，繼而能夠影響游戲玩家對(duì)整個(gè)游戲的視覺(jué)感知。游戲界面設(shè)計(jì)在設(shè)計(jì)流程上從這五個(gè)層次層層遞進(jìn)，每一個(gè)環(huán)節(jié)緊密相扣最終實(shí)現(xiàn)整部游戲界面表現(xiàn)。

參考文獻(xiàn)：

[1]Art Eyes設(shè)計(jì)工作室. Photoshop玩轉(zhuǎn)游戲界面設(shè)計(jì)[M]. 北京：人民郵電出版社，2015

[2]Jesse James Garrett. 用戶的要素體驗(yàn)[M]. 北京：機(jī)械工業(yè)出版社，2011