手機游戲人機交互界面設計研究

余瑩瑩 張 輝 陳 鵬 （西安理工大學藝術與設計學院 陜西西安 710054）

手機游戲人機交互界面設計研究

余瑩瑩 張 輝 陳 鵬 （西安理工大學藝術與設計學院 陜西西安 710054）

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

手機游戲；人機交互；設計

一、智能手機游戲的界面交互設計

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

二、手機游戲界面交互設計原則

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

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

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

1.保持主題的一致性

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

2.界面風格簡明化

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

三、進一步優化玩家體驗

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

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

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

[2]顧群業,宋玉遠,張光帥．游戲藝術設計[M]．清華大學出版,2012．

[3]黃石．游戲架構設計與策劃基礎[M]．清華大學出版,2010．

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

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