探究手機游戲中的UI設計

田宇彤 王佳 張華

摘 要：隨著科技的高速發展，電子產品以及互聯網的普及，手機游戲成為人們日常生活中重要的娛樂方式，而一款游戲的受歡迎程度與否更多地取決于其UI界面設計。該文主要以一款手機游戲《紀念碑谷》為例，從游戲創作的靈感來源、色彩搭配、幾何之美、交互體驗等方面去分析其UI界面設計，并從中總結一些能更好地促進手機游戲發展的創新思路和方法。

關鍵詞：UI界面 用戶體驗 手機游戲

中圖分類號：TB47 文獻標識碼：A 文章編號：1672-3791（2019）02（a）-00-02

1 手機游戲UI的發展現狀

隨著游戲市場的擴大，手機游戲的需求更是日益增大。然而隨著人們審美的不斷提升，對游戲的可玩性以及畫面畫質的要求更加嚴苛。目前，我國的游戲UI設計水平尚且停留在相對初級的階段，多數設計會根據基本功能和“漂亮”的基準來衡量，而忽略了不同用戶的操作需求。具體表現如下：（1）界面設計單調乏味。（2）多數借鑒國外大作，缺乏自身游戲特點。（3）不注重交互體驗，沒有良好發揮手機特有的優勢。（4）游戲引導不夠或過度，令玩家產生厭惡感。實際上游戲UI設計需要注重藝術審美、專業技術、心理情感等方面的結合，從多角度去理解游戲UI設計，才能真正為行業注入新的活力。

2 以《紀念碑谷》為例，分析手機游戲的UI界面設計

2.1 靈感來源

《紀念碑谷》被設想為一款在平板電腦上的觸控游戲。它從2013年開始制作，花費近10個月完成。整款游戲的UI界面設計是以埃舍爾風格的藝術概念畫作為靈感來源開始的。游戲之所以命名為《紀念碑谷》的原因在于設計師認為“游戲里所有的建筑都是一座座紀念碑”。故事情節是隨著“公主”艾達的救贖之旅展開的一場探險旅程。在游戲中玩家引領她透過在等角投影、錯視和不可能的幾何物體組成的“紀念碑”中行走達到終點，這些“紀念碑”在游戲中被“神圣幾何”所建造。《紀念碑谷》以等角投影視角展現，玩家要與游戲中的環境互動，尋找被隱藏的道路，使艾達到達每個關卡的終點。《紀念碑谷》的10個關卡設有不同風格和主題色彩的中心“紀念碑”。玩家在游戲的操作過程中可通過移動滑塊、圖騰以及觸碰機關制造過路的橋梁，游戲中的色彩會給玩家解謎的間接線索，擋住艾達前行的烏鴉人也會為玩家帶來直接提示。

2.2 色彩搭配

《紀念碑谷》給我們最直觀的感受還是每一個浪漫唯美到極致的多彩建筑，簡單的理解就是色彩的“形狀”，也是最先俘獲觀眾心靈的部分。例如西班牙的紅墻被賦予到《紀念碑谷》紅色的“形狀”里，給人以溫暖和被包容的治愈系感受。暗黑系是《紀念碑谷》的夜晚“形狀”，結合藍紫色系，更加突出了神秘恐懼感。綠色系“形狀”則突出了調皮、歡快的氣質，給人很舒服的視覺感受。通過不同的綠色視角，烘托出充滿希望的心理暗示，讓玩家可以內心充滿正能量。而紀念碑谷每一關卡的開啟，正是所有色彩“形狀”的新生，同時也是人們憧憬現實世界同游戲世界一樣綻放光彩的心靈寄托。

2.3 建筑的幾何之美

《紀念碑谷》如同一個建筑模型，用有趣的空間錯位感交織出了清新唯美的迷宮世界，帶給體驗者一種世外桃源的心靈體驗。游戲設計者通過搜集不同風格的建筑，將埃舍爾的《另一個世界》《觀景樓》《畫廊》《瀑布》《變形記》系列等都在該游戲中展現出來，從伊斯蘭式屋頂到各種城堡；階梯也是紀念碑谷重要的元素之一，更深入地呈現其對數理幾何美的理解，并在此基礎上加入不同的紋理和細節；并通過幾何變換讓關卡進行連接進而順利通關。例如在紀念碑谷游戲中，借用“莫比烏斯環”令引力方向發生了扭曲；利用“彭羅斯三角”產生視覺錯位藝術；利用“施羅德階梯”隨時改變方向開啟新的通道；利用俄羅斯套娃”制造酷炫效果。

2.4 交互體驗

交互是《紀念碑谷》系列的核心，設計師利用交互體驗有助于更好地講述故事和主人公的情感變化。游戲中的升降、滑動和旋轉模塊都使用了基本的點擊和滑動手勢，游戲中各種不同的圖案代表按鈕，有的按鈕需要玩家反復琢磨，引發繼續玩下去的興趣。因而就產生了交互習慣，移動的方式雖然簡單，但怎樣去移動滑塊解開謎題才是重點，這種注重思考的游戲體驗才是令玩家著迷的主要原因。此外，游戲善于利用感官讓玩家體驗人機交互，人物的走動、建筑物的重組以及溪水的流動都配以逼真的音效，讓玩家能夠身臨其境；游戲使用空靈悠揚的音樂作背景，能使玩家靜下心來沉浸在游戲的世界中；而豐富的UI界面設計結合用戶的操作帶來異樣的觸摸體驗；最后結合游戲最有特點的色彩設計，讓用戶在視覺、觸覺、聽覺中更好地與游戲本身展開互動。

3 《紀念碑谷》游戲中的UI設計啟發

3.1 主次鮮明的色彩布局

色彩是給用戶傳遞信息最顯著的視覺元素之一，不同的色彩能給用戶帶來不同的感受和體驗。色彩不是越多越好，要選擇適合該游戲主題的顏色。在《紀念碑谷》游戲UI界面中，主色調約占60%，輔助色占30%，突出色占10%。而界面的色彩亮度和面積一般成反比關系，因為它直接決定了UI原色的主次關系問題。設計師需根據色彩對人們心理的影響，合理地加以運用，通過創建配色方案，主題鮮明、重點突出，會令游戲的可讀性更強，更容易被玩家理解和掌握，從而產生繼續玩下去的欲望。

3.2 跨學科領域的交叉融合

生活中人人都是設計師，都有各自不同的背景和對美學的理解，好的UI設計來自各方知識的理解整合，所以UI設計師的學習和理解能力就顯得尤為重要了。在《紀念碑谷》中玩家不僅能體驗到暢玩游戲的樂趣，同時還能欣賞到其中的建筑之美以及幾何之美。設計師巧妙地將建筑與幾何相結合，讓玩家對游戲產生了不一樣的情感體驗，也就是說，我們在進行游戲設計時要善于打破常規的學科界限，廣泛涉獵不同的學科領域，在學科交叉融合碰撞的過程中，或許能夠激發新的創作靈感，為游戲UI設計開拓新的方向。

3.3 人文體驗與關懷

UI設計是對游戲產品的人機交互、操作上的邏輯思維以及界面美觀設計的總稱。《紀念碑谷》在游戲中設置了許多交互環節，通過細微的、人性化的交互，能夠快速地補充溝通過程中的狀態和反饋，將某個動作所產生的結果視覺化的呈現出來。微交互的核心是用人性化的設計呈現用戶預期的操作，并渴望下一步的操作。要知道一款手機游戲的界面設計不單包括文字、圖片設計，還需要視頻、音效相互配合，從視覺、聽覺、觸覺等全方位為玩家創造一種獨特的體驗感受。設計師在進行游戲設計時可以結合游戲的故事背景，讓玩家能夠有很好的游戲帶入感，這需要考慮視覺設計和交互體驗完美配合，讓玩家能夠直觀感受屏幕界面帶來的虛擬效果。

4 未來展望

近年來游戲UI在國內也逐漸引起重視，但仍處于發展階段。現下，對話式的游戲UI是值得UI設計領域探索的方向，也就是要我們換個角度來審視游戲UI界面，其本質就是用戶和機器之間的對話，對于企業和品牌而言，智能化的UI對話體驗有許多值得探索的維度，結合未來科技的發展將會迎來新的機遇和挑戰。

參考文獻

[1] 韓林.淺析手機游戲UI設計中視覺藝術元素的構成[J]. 美術教育研究，2018（16）：72-73.

[2] 葉張一.手機游戲UI視覺設計的應用與研究——以實踐手游項目《醉江湖》為例[D]. 杭州師范大學，2018.