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

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

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

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

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

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

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

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

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

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

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

1.保持主題的一致性

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

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

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

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

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

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

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

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

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

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

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