關(guān)于游戲界面設(shè)計的流程解讀與思考

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

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

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

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

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

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

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

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

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

參考文獻：

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

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