前言:想要寫出一篇引人入勝的文章?我們特意為您整理了格式塔心理學下的手機游戲界面設計范文,希望能給你帶來靈感和參考,敬請閱讀。
摘要:格式塔心理學是研究視知覺的理論,而在手機游戲界面設計中,視覺占據主導地位,文章對格式塔心理學的相關文獻進行分析和整理,依據其相關原理與法則,并對幾款優秀的手機游戲界面設計進行分析和整理,最后歸納總結出6點關于手機游戲界面設計的設計策略,促使設計師設計出用戶滿意的手機游戲界面。
關鍵詞:格式塔心理學;手機游戲;界面設計;策略
近年來,隨著經濟和技術的迅猛發展,手機的功能也愈來愈豐富,越來越多的人通過手機游戲來消磨時間、放松身心,而手機游戲因其便攜、受眾廣以及互動性[1]的特點更加受大眾的歡迎。在手機游戲行業也出現了不少的巨頭,如騰訊游戲以及網易游戲,這些開發商也開始逐漸重視用戶體驗的改善,行業內也開始重視關于界面設計的研究。但是在手機游戲的界面設計中仍存在著一些問題,例如:(1)過分追求界面的華麗、繁復,有喧賓奪主的問題;(2)手機游戲界面設計中的視覺交互方面未被重視;(3)手機游戲界面設計單一,缺乏創新性;(4)手機游戲引導方面做得不夠;(5)機型適配方面的工作做得不夠好;(6)PC端游戲移植至手機端的過程中,并沒有做好用戶反饋的工作[2]。而格式塔心理學正是研究人的視知覺系統的理論,其表示人的視覺系統能自動輸入并構建結構,對形狀、圖形和物體等視覺元素進行整體組織。它的一些基礎原理與法則在指導界面設計上有一定的幫助。例如,在楊梅、李航的論文中根據格式塔心理學得出扁平化設計風格的設計思路與設計方法[3];在韓靜華、牛菁的論文中通過不同的界面設計案例,分別分析了在界面設計中格式塔心理學的接近性、相似性和閉合性3個原理[4]等。而在手機游戲界面設計中,格式塔心理學還處于空白階段,所以本文根據格式塔心理學基本原理以及相關法則,闡述了其在手機游戲界面設計中的應用。
1格式塔心理學概述
1.1格式塔心理學的概念
“格式塔”是德文“Gestalt”一詞的音譯,即系統的完形、形狀或結構[5]。也可稱之為完形心理學,主要研究視覺及感覺領域[6],其強調知覺的整體性。人的視覺具有整體化、簡化處理圖形的傾向[7]。格式塔心理學派斷言:人們在觀看時,眼腦共同作用,并不是在一開始就區分一個形象的各個單一的組成部分,而是將各個部分組合起來,使之成為一個更易于理解的統一體。格式塔理論明確提出,通過眼腦的共同作用,知覺形象不斷進行組織、簡化和統一,直到產生出易于理解、協調的整體。一個好的格式塔應具有整體和諧的組織關系,并且給人簡單明了的視覺效果[8]。
1.2格式塔心理學基本法則
1.2.1相似性法則相似性的法則是說如果一個人在感知一組元素時,他傾向于將具有一個或多個特征的那些組合作為相關的。而這些特征包括形狀、大小、顏色、紋理等。
1.2.2接近性法則接近性法則是說人們更加傾向于將距離較近的元素歸在一起。例如,在界面上有兩個相似的圖形,它們的距離比較近,而離它們較遠處存在另外一個圖形,那么前兩者的相關性就比它們和第三個圖形的相關性更強。所以對相似性和接近心的判斷始終是相對的[9]。
1.2.3連續性法則連續性法則以格式塔派心理學家提出的另外一個原則為依據,即大腦不傾向于選擇直線運動中出現的突然或不同尋常的變化。換言之,大腦尋求盡可能流暢完整的直線。這個直線可以指傳統意義上畫面中的直線,也可以指幾個物體(圖形)排列成的直線。大腦能把屬于一條連續直線的物體和不屬于這條直線的物體分離開來。
1.2.4封閉式法則封閉式法則是說人們的視覺系統會傾向于自動將敞開的圖形閉合起來,從而使人們將其感知為完整的物體而不是分散的碎片。如果有一斷弧線,即使它不為完整的圓,而是其一部分,人們的大腦也會感知到整個圓。
2手機游戲界面設計關鍵元素
在設計手機游戲的界面之前,需要了解手機游戲界面中存在什么元素、這些元素都會運用在哪、怎樣運用以及如何運用,為此本文結合自身經驗、查閱相關資料后對其進行了分析、整理以及歸納,最終確定了手機游戲界面當中設計關鍵元素有如下幾點:
2.1圖標元素
圖標通常代表的是有意義的圖形符號,其具有高度總結、快速傳達信息、便于記憶等特性。在手機游戲的界面設計中,圖標被廣泛地運用,它可以單獨存在顯示信息,但是因為它對信息進行高度的濃縮,而對于用戶來說卻是負擔,所以它經常與文字進行配合使用。
2.2文字元素
在手機游戲界面設計中,文字是不可或缺的,但是它也不是通篇存在的,有時它會與圖標搭配使用,使用戶對圖標的含義有更加清晰地認識;有時它會單獨使用來顯示信息。
2.3色彩元素
在手機游戲界面設計中,視覺占據主導地位,而色彩在視覺中非常重要。在同一個界面中,色彩通常會是統一和諧的,色彩的改變通常是運用在差異化的處理上,比如一個界面中需要強調某一元素,則經常會改變其顏色,當然,一個界面不能出現太多色彩,不然會造成用戶的負擔,所以在使用色彩時需要慎重考慮。
2.4按鈕元素
在手機游戲界面設計中,按鈕經常是圖標與文字的結合。而同一個按鈕通常會有兩種不同的狀態,一種是可以點擊,而另一種是不可點擊。不同的按鈕之間的顏色、圖標或文字大小會有差異,當然,同一類型的按鈕的風格一般是一致的。
2.5背景元素
手機游戲界面設計的背景作為極為關鍵的設計要素,能夠直接影響手機游戲界面的整體風格走向[10],為此,背景不能盲目地選擇,它需要與該手機游戲風格相匹配,而且需要與其他的元素相互融合。
3基于格式塔心理學的手機游戲界面設計策略
在手機游戲界面設計中,視覺在用戶的體驗中發揮著重要的作用,成為了不得不考慮的一大因素,根據視覺的特點進行界面的設計,有助于提升用戶的滿意度。
3.1對界面的元素進行篩選
在一個手機游戲界面中,會出現很多的功能或入口,特別是對于手機游戲的主界面,這個時候需要根據游戲的定位以及策劃的內容將這些功能、入口進行重要性排序,對于需求程度較低的功能可以根據后期排版進行增加或減少。
3.2將元素進行分類
在篩選后,手機游戲的界面中通常還是會出現很多功能或入口,在這么多的功能中,需要將其分為幾類,有些功能具有相似性,可以很輕易地將其辨別,但是有些功能卻沒有很強的相關性,這個時候可以參考該游戲的定位以及策劃的內容,分析其重要性,進行合理的分配。3.3對類似元素進行統一處理在對手機游戲界面的元素進行分類之后,需要將同一類的元素其進行色彩、顏色、大小以及字體的相同處理,并且排布的方式需要進行處理,較常見的排布方式有橫向排布和縱向排布,當然,根據格式塔心理學的相關原理,也可以進行有運動趨勢的排布。
3.4將不同類別元素拉開距離
一般來說,分在一組的元素的距離較近,而不同的元素距離較遠,這樣視覺就能很好地自動將其進行分組。當然也可以將不同類別的元素的底部進行差異化處理,例如,底部的顏色、樣式不同,這樣也可以很好地將不同類別元素進行區分。
3.5對突出功能進行改變
在同一類的元素中,有時可能需要強調某一元素,這個時候可以改變其顏色或樣式,通常顏色的改變有更大的吸引力,而顏色的突出也以紅、黃等暖色為主,當然也要考慮背景顏色以及其他元素。
3.6巧用封閉式、連續性法則
在對細節的處理上,封閉式與連續性的原理可以很巧妙地幫助人們將一類元素進行組合,當然,在大的元素上也一樣可以發揮其作用。
4基于格式塔心理學的手機游戲界面設計案例分析
格式塔心理學是如何被運用在手機游戲界面設計之中的呢?本章通過分析4個優秀的手機游戲界面設計案例,來看看格式塔心理學的相關法則是如何影響手機游戲界面設計的。
4.1基于接近性與封閉性的手機界面設計
去除《王者榮耀》主界面顏色以及對其中的按鈕、圖標以及文字進行簡化后,如圖1、圖2所示,根據格式塔心理學的接近性和相似性法則,可以將其簡要的分為7個部分,分別為:頂部欄、好友欄、進行游戲欄、底部導航欄、右側導航欄、公告欄以及聊天欄。在位置的編排上,重要的“進入游戲”相關按鈕排布在了中間且較其他元素更大,最為醒目且方便點擊;金幣、鉆石等信息放在了游戲欄頂端,處于視覺的起始位置,更加方便觀看;然后將次要部分放置左右部分。對于同一部分,圖標、按鈕、顏色以及文字進行了相似的處理。讓其內部更加統一,對于想要突出的地方,進行了顏色的差異化,例如,頂部欄想要突出“首充”,則對其加上了醒目的顏色。對于細節,例如,好友欄中,運用了格式塔中封閉式原理,使玩家在沒有看到下面內容的情況下輕松地了解其可以向下拖動。
4.2基于接近性與連續性的手機界面設計
去除了《和平精英》主界面顏色以及進行處理后,如圖3、4所示,很容易觀察到以下7個部分:進入游戲入口、社交入口、公告功能、底部導航欄1、側邊導航欄、語言功能以及底部導航欄2。除了運用格式塔心理學中的接近性、相似性法則之外,還運用了連續性法則,例如,“組隊”與“好友”功能,它們的整體形狀可以歸為一個圖形,又例如語音功能入口也是如此。不僅在較小的元素上可以使用這條法則,在較大的元素中,這條法則也可以發揮很好的作用。在《星季》中,如圖5、圖6所示,底部的大圓盡管是沒有封閉的,但是人們的視覺習慣將其作為一個整圓,這樣也非常巧妙地運用了該法則,簡潔、直觀地體現了該游戲其星星圍繞星球轉的游戲玩法。在《崩壞3》中,如圖7、圖8所示,第1、2個部分元素其內部的的形狀、大小、顏色不僅高度一致,而且其內部的元素排列具有連續性,盡管不知道其里面的內容,但顯而易見的是,它們顯然是一組的。
5結語
格式塔心理學為手機游戲界面設計提供了有意義的設計指導,隨著手機游戲產業不斷的發展,玩家對手機游戲的期望值也會不斷升高,文章從設計師的角度,分析了格式塔心理學理論在手機游戲界面設計的應用,最后總結出了適用于手機游戲界面設計的設計策略,當然,本文所選的手機游戲為現有較優秀的游戲,其中也有不少的問題,而且并不能覆蓋到所有的手機游戲,所以具有一定的局限性,為此,仍將不斷地在設計中進行探索。
參考文獻
[1]杜桂丹.手機游戲中人機界面交互設計的優化方向研究[J].包裝工程,2018,39(04):245-250.
[2]蔣鑫.色彩在手機游戲界面中的應用策略研究[J].包裝工程,2014,35(24):115-118.
[3]楊梅,李航.格式塔心理學視知覺原理在扁平化設計中的應用[J].包裝工程,2019,40(08):72-75.
[4]韓靜華,牛菁.格式塔心理學在界面設計中的應用研究[J].包裝工程,2017,38(8):108-111.
[5]趙杰.格式塔心理學視閾下的電視劇色彩語言分析[J].中國電視,2018(10):104-107.
[6]郭若宇,尹歡,彭婧.視覺力在汽車前臉造型設計中的應用分析[J].包裝工程,2017,38(16):152-157.
[7]周勝.視覺傳達設計中的格式塔心理學原理[J].大家,2010(08):42-43.
[8]李強,彭婧,尹歡.基于格式塔理論的重卡前圍造型設計研究[J].包裝工程,2018,39(14):197-202.
[9]羅伊•R•貝倫斯.藝術、設計和格式塔理論[J].裝飾,2018(03):32-35.
[10]盧文麗.基于智能手機平臺的游戲UI設計[J].自動化與儀器儀表,2019(04):95-98.
[11]陶宇.基于用戶體驗的游戲復雜界面設計分析及可用性評價研究[J].工業設計,2019(03):126-127.
作者:郭鵬飛 鐘廈 肖丹 單位:中國礦業大學