余瑩瑩 張 輝 陳 鵬 （西安理工大學(xué)藝術(shù)與設(shè)計學(xué)院 陜西西安 710054）

手機游戲人機交互界面設(shè)計研究

余瑩瑩 張 輝 陳 鵬 （西安理工大學(xué)藝術(shù)與設(shè)計學(xué)院 陜西西安 710054）

隨著信息技術(shù)的迅速發(fā)展，新媒體和新技術(shù)廣泛的運用，如今已經(jīng)進入到嶄新的數(shù)字化設(shè)計時代，數(shù)字產(chǎn)業(yè)的蓬勃發(fā)展，軟件系統(tǒng)、計算機技術(shù)等在人們的日常生活中起到越發(fā)重要的作用。在數(shù)字產(chǎn)品、數(shù)字媒體的使用傳播環(huán)境中，為了增加產(chǎn)品的吸引力和效力，強化品牌印象，提升用戶體驗質(zhì)量的重要手段與方法，人機界面的交互設(shè)計開始引起人們重視，現(xiàn)已成為游戲設(shè)計界中最為活躍的課題。

手機游戲；人機交互；設(shè)計

一、智能手機游戲的界面交互設(shè)計

交互設(shè)計（InteractionDesign）是IDEO公司創(chuàng)始人比爾?莫格里奇（Bill?Mog-gridge）在1984年一次設(shè)計會議上提出的作為關(guān)注交互體驗的一門新學(xué)科。交互設(shè)計的本質(zhì)是使人超越機器，讓機器服務(wù)于人，進而使人們通過產(chǎn)品和服務(wù)形成互動和交流。概括性地說，交互設(shè)計就是設(shè)計人與產(chǎn)品交互過程。手機界面交互設(shè)計是指對手機軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。完美的界面可以有效傳達使用信息和文化信息。據(jù)調(diào)查當(dāng)前智能手機的主流分辨率分別是Android系統(tǒng)的1280×720和ISO系統(tǒng)的1136×640。2013年Iphone5S的出現(xiàn)雖然在分辨率上未做改動，但是同時更新的IOS7系統(tǒng)卻顛覆了如今手機界面設(shè)計市場。隨著分辨率的逐漸提升，手機界面成為產(chǎn)品形象的重要組成。

二、手機游戲界面交互設(shè)計原則

手機游戲界面設(shè)計要符合美術(shù)設(shè)計的原則和交互設(shè)計上的原則。

美術(shù)設(shè)計上的原則：在游戲界面設(shè)計中整體風(fēng)格、顏色的搭配和界面布局等所有元素都要圍繞游戲主題。游戲畫面、菜單的控制欄的設(shè)計等應(yīng)符合游戲所營造的氛圍。通過對界面元素的樣式、顏色等改進與統(tǒng)一來增加游戲過程的美學(xué)享受。在手機游戲界面的設(shè)計不但要遵循形式美的法則和視覺構(gòu)成要素，而且要符合游戲的創(chuàng)意和主題思想。優(yōu)秀的手機游戲可以使玩家沉浸在游戲中，甚至忽略周邊環(huán)境的影響。如果想達到這種目的，游戲設(shè)計者便要具有充分的想象力，并且明確的分析出用戶的需求投其所好、引人入勝。

交互設(shè)計上的原則：一個游戲的靈魂是它的交互設(shè)計，界面的作用主要在于實現(xiàn)人機的交互。玩家在玩游戲的過程中其實就是通過游戲界面來時間與手機的交互的過程。玩家在玩游戲過程中，屏幕上梭看見的所有界面設(shè)計元素都是為了方便快捷的讓玩家快速了解游戲，向玩家提供相關(guān)信息，引導(dǎo)其互動。所以對于設(shè)計者而言，游戲畫面中的所有元素都是交互界面的一部分，每個元素的設(shè)計也要遵循著一定的原則。

1.保持主題的一致性

谷歌設(shè)計總監(jiān)杰弗里?維恩（Jeffery Veen）說：“設(shè)計師可以從混亂中找到統(tǒng)一；他們可以通過組織操控文字、圖片從而清晰地傳達設(shè)計意圖?！痹O(shè)計師要做到在同一游戲中，盡量讓不同界面鍵間的風(fēng)格保持統(tǒng)一，這也是界面設(shè)計的基礎(chǔ)。界面設(shè)計的統(tǒng)一性包含的方面很多，從顏色、形狀、到整體結(jié)構(gòu)、通用窗口樣式、字體等，均要考慮并且服務(wù)游戲的主題。如果游戲是發(fā)生中國古代的故事，應(yīng)該將界面上的一些按鈕等元素按照不同的風(fēng)格和顏色進行編組統(tǒng)一。所以說，主題一致風(fēng)格統(tǒng)一是手機游戲交互界面設(shè)計的第一歩。例如在游戲《大掌門》中，游戲界面主要采用暖色調(diào)作為主色調(diào)，大概黃色占到10%、褐色60%、紅色20%，別的色調(diào)10%左右。在《中國傳統(tǒng)文化的顏色》一書中提到：“黃色在中國封建朝代里，從宋朝以后，明黃色是皇帝專用的顏色。黃色也是中華名族文化和中華文明的象征，同時它也是中華民族的主色調(diào)，直至現(xiàn)在，它和紅色都是中國的主色調(diào)。”所以說此款游戲在顏色搭配上符合中國傳統(tǒng)風(fēng)格的設(shè)計。游戲中的人物主要來源于各種膾炙人口的武俠小說《天龍八部》《絕代雙驕》《神雕俠侶》等。在人設(shè)方面根據(jù)電視劇里人們熟知角色形象來繪制，更抓住了玩家的心理使玩家的陌生感消除，更易于把玩家?guī)нM了古代武俠的世界投入游戲。但是在《大掌門》這款游戲也有不盡人意的地方，總體界面看起來不夠簡潔，有些功能鍵也有重復(fù)。

2.界面風(fēng)格簡明化

Per Almqvist說過；“創(chuàng)造復(fù)雜的界面很簡單，但如何將復(fù)雜的界面簡化卻很難?！笨梢婈P(guān)鍵在于怎樣設(shè)計出一個功能強大，而又能利于簡化用戶操作的界面設(shè)計。蘋果首席設(shè)計師 Jony Ive在接受英國每日電訊報采訪上說過：“我們試圖設(shè)計出最終具備必然性的產(chǎn)品。這會讓你產(chǎn)生此乃唯一解決方案的感覺。其目標是以平和及簡約的方式解決復(fù)雜得難以置信的問題?！盝ony Ive在開發(fā)產(chǎn)品時有兩個目標：讓設(shè)計盡可能的簡單、每個產(chǎn)品設(shè)計要做到足夠好，好到用戶無法接受其他樣子。蘋果公司最新推出的ISO7.0系統(tǒng)正式版正式這樣一個扁平化風(fēng)格，同時在優(yōu)化細節(jié)方面尋求成長。ISO7.0重新設(shè)計了整個界面，總體界面更趨向于簡明化。相對于之前的界面，將原本有玻璃面質(zhì)感的按鈕圖表設(shè)計成了更簡潔的平面感的圖標。微妙的動作和動畫效果，分層和半透明感設(shè)計也提供了深度感。在7.0中增加了從屏幕底部向上推送來快速訪問常用的控制和應(yīng)用程序，可以看到所有的應(yīng)用程序都是用最簡單的二維圖形來制作摒棄了以往的三維立體效果。使得風(fēng)格更加簡單明了，容易操作。這種從祛除三維回歸二維的設(shè)計必然會引起一波新風(fēng)潮是現(xiàn)如今手機界面設(shè)計更加簡明化的走向。

三、進一步優(yōu)化玩家體驗

游戲設(shè)計大師Chris Crawford說過：“高度交互式的游戲會專注地傾聽它的玩家，仔細思考玩家的輸入，并產(chǎn)生清晰的、有表現(xiàn)力的輸出?！苯缑嬖O(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計。全球最大的互聯(lián)網(wǎng)書店——亞馬遜創(chuàng)辦者杰夫?貝佐斯(Jeff Bezos）說過：“如果在關(guān)注競爭對手還是用戶之間選擇，答案總是后者。工作總是首先從用戶開始?！笨梢娮⒅赜脩舻捏w驗是必不可少的。好的游戲就像一步精彩的電影，讓玩家流連忘返，對玩家有著巨大的吸引力。設(shè)計者根據(jù)玩家視覺體驗心理的設(shè)計技巧，遵循游戲界面設(shè)計對比、協(xié)調(diào)、趣味性、韻律感等視覺設(shè)計的一般原則，遵循從畫面中主題到背景的層次感和瀏覽順序。例如Iphone手機的返回圖標一般都在屏幕的左上方，如果在游戲界面設(shè)計中沒有考慮到這點而設(shè)計在右上角或者別的地方就無形中會增加用戶的操作負擔(dān)。根據(jù)玩家需要設(shè)計出精美的按鈕、圖標、場景等，讓玩家在玩游戲的過程中感覺到賞心悅目并且整個游戲簡捷便于操作。這樣便使玩家在最短的時間里用最快速的方式體驗到游戲給他帶來的愉悅感。

在觸屏手機游戲界面設(shè)計中必然要考慮到人體工程學(xué)的問題，也就是如何使玩家手指在操作游戲中的交互達到順暢自如?，F(xiàn)在市面上的手機游戲通常是讓用戶通過手指按壓、手指滑動、手指擠壓、雙手輕點操作、重力感應(yīng)等方式來完成游戲。其中手指按壓的交互方式在現(xiàn)如今的智能手機中最為常見。一般基礎(chǔ)的操作，進入游戲畫面都是通過按壓來完成。例如，在游戲的返回、暫停和選項選擇上一般都是采用按壓來完成的。雖然現(xiàn)在智能手機的屏幕越來越大但其畫面尺寸相對來說還是較小，這樣就要求設(shè)計者在游戲界面設(shè)計中的尺寸要拿捏適當(dāng)，游戲中出現(xiàn)的圖標，圖像要簡單易識。拿Iphone來說，Iphone的輸入鍵盤是全鍵盤，這樣用戶便面臨著字母太小，如果在使用過程中打字手指必然會遮擋住鍵盤。設(shè)計師在設(shè)計也考慮到了這個問題，所以當(dāng)我們要輸入某個字母，當(dāng)你按下這個字母的同時在這個按鍵的上方會出現(xiàn)所輸入的字母的放大版，這樣就解決了玩家在輸入的時候手指遮擋按鍵的問題。所以這些按鈕的大小的設(shè)置就要考慮到這方面的問題，不然會造成游戲在進程中的不便，影響玩家游戲娛樂體驗的流暢性。

[1]張孟雪，智能手機操作界面的交互設(shè)計比較分析及展望[J]．產(chǎn)業(yè)與科技論壇．2011

[2]顧群業(yè),宋玉遠,張光帥．游戲藝術(shù)設(shè)計[M]．清華大學(xué)出版,2012．

[3]黃石．游戲架構(gòu)設(shè)計與策劃基礎(chǔ)[M]．清華大學(xué)出版,2010．

[4]Chris Crawford． 游戲設(shè)計理論[M]． 北京希望電子出版社，2004．

余瑩瑩，1989年生，女，安徽六安人，設(shè)計藝術(shù)學(xué)研究生，視覺傳達與多媒體藝術(shù)設(shè)計方向。