扁平簡約風格在游戲界面設計中的應用目錄TOC\o"1-2"\h\u12390一、扁平化設計現狀分析 124034（一）扁平化設計相關概述 17992（二）扁平化設計研究現狀 13013二、扁平化在游戲類UI界面設計中的應用及用戶體驗 319104（一）扁平化在游戲類UI界面設計中的應用 332253（二）扁平化在游戲類UI界面設計的用戶體驗 323498三扁平化設計風格在UI游戲界面的設計 517314（一）字體的選擇 53469（二）色調與飽和度的調配 623529（三）簡化圖形 76961四、總結 84660參考文獻 9一、扁平化設計現狀分析（一）扁平化設計相關概述扁平化設計最大的特點就是簡潔，它的設計過程是在做減法，減去就像凹凸結構、投影和暗部、色彩漸變等所有干擾觀者觀察本質的一些修飾部分，既干凈又利落的表現物體的本質結構，傳達最精干的信息。在圖形的形態設計時，通過將物體本身的形態進行提煉和抽象，總結成簡潔的矢量化圖形，如此每一個部分都是扁平的，由構成畫面的基礎元素點線面為構成，將一些簡單的例如圓形、矩形等等的幾何圖形進行重新的排列組合，盡最大可能的保證設計的直觀性，是其主要特征一目了然建筑的扁平化設計研究主要從三個方面進行：造型提煉簡化、色彩提取創新以及點、線、面的綜合運用。（二）扁平化設計研究現狀UserInterface縮寫UI。翻譯成中文是用戶界面。即是闡述用戶和界面之間關系的概念。它包括界面操作的思維邏輯、界面色彩搭配、交互設計等知識。一些不清楚行業的人習慣把UI設計師稱之為“美工”，其實不然，UI設計師的工作不僅僅是“作圖”那么簡單。他們的工作是立體的全方位的，包括結構設計、界面設計、用戶體驗設計幾個層面。九十年代，交互設計繼續發展，在設計的過程更加強調以人為本的設計理念，增加用戶的認同感和歸屬感，最終達到自我價值的實現。面對不同的軟件的使用環境，設計師們參考大量用戶的使用經驗和反饋，理論聯系實際，確保了不用人群在使用不同的軟件和設備時都能有愉快的使用經歷。交互設計融合多學科，使人類在不同需求時都能滿足自己的需求，保證了情感化的體驗。進入二十一世紀，人類的科技水平又邁上新的臺階，移動互聯網的發展為人類提供新的生活方式。產品愉快的體驗成為軟件開發部門的核心競爭力，用戶的需要更多，對交互設計師的要求也越來越高，對于產品出現了更細分的市場需求。設計師的分工進一步明確，新的職業應運而生，設計總監、軟件體驗師、多媒體專家、信息設計、人體工程學專家、競品分析師。交互設計的內容變得更加豐富，學科的發展更加飽滿。在移動設備方面，周陟撰寫的《UI進化論移動設備人機交互界面設計》重點研究了移動設備上用戶體驗設計的可行性和方法。二、扁平化在游戲類UI界面設計中的應用及用戶體驗（一）扁平化在游戲類UI界面設計中的應用利用手機操作系統中用于布局的UI組件和應用程序操作控件進行合理布局，應符合手機操作系統的設計原則，整體性能用戶習慣的整體把握。在手機U工界面設計中需要對界面的分級信息進行合理規劃，在盡可能讓用戶使用度舒適的前提下，縮減界面設計中不必要的信息，以免造成用戶視覺疲勞，以及用戶體驗感較弱的情況發生。做到操作系統信息層級的簡潔化，即使用最少的語言表達出設計師最多的設計意圖，并能夠讓用戶所理解是至關重要的。在手機界面系統的設計中最為關鍵的信息層級的排列方式，要有嚴格的把控，把視覺信息相近的部分呈統一的方式排列，能夠讓用戶在使用手機的體驗中更容易進行信息的區分與規劃。隨著人們對審美、時尚、趣味的不斷追求，移動多媒體終端界面設計也不斷花樣百出，越來越多的精美、新穎、富有創造力和想象力的界面充斥著我們的世界，對于移動多媒體終端來說，最為重要的特點是手機界面的可用性設計。從可用性角度來說并不是越花哨的界面越被用戶接受，界面的美，不僅要作為藝術審美形式的美，要以滿足用戶感覺上的愉悅性，更多的是作為操作的一種工具，要滿足用戶易用、好用的需求。（二）扁平化在游戲類UI界面設計的用戶體驗用戶在產品的使用過程中建立起來的用戶感受，我們稱之為用戶體驗。在智能手機中用戶體驗側重于用戶對于界面使用的操作過程，用戶體驗要以用戶為中心，設計出滿足用戶使用需求和心理需求的產品是設計師的職責之所在。手機功能的提升對設計的要求不僅僅停留在簡單的通訊業務上，應該伴隨人們的喜好在設計的同時加入用戶的情感體驗，設計師在對手機功能性設計時要傾向于用戶的使用體驗，比如當今的年輕一代都喜歡用手機進行自拍，在手機的拍照功能上加入更多的流行元素，尋找一種更為貼切的方式與用戶進行溝通。要想把手機的用戶體驗做好，就要深入的對手機用戶進行透徹的調查分析，做出確切的研究報告，對特殊使用群體進行分析歸納總結，找出用戶使用手機過程中的共性與相異之處。例如在手機的使用中，人們對文字的閱讀習慣總是從左到右的順序進行的，因此設計師在處理界面文本的時候要符合人們的使用習慣，把一些具有標題性的文字標識盡量安排在界面的左側，在保證用戶能夠正確操作的同時，并能獲得良好的用戶反饋，否則就會出現在手機的使用過程中的錯誤操作，造成一定程度上的體驗受挫，影響受眾對產品的信賴度。其次手機界面尺寸的選擇要符合人機工程學的相關原理，一般手機尺寸大小在4到6英寸之間是根據人們的手的大小、以及所在范圍內文字圖形信息的最佳反饋為依據進行設計的，在這樣的手機尺寸下，按鈕以及文字的處理都能達到用戶可識別的范圍之內，并在保證良好的使用的同時，最大程度的減少手機界面的負荷使用戶體驗更加輕松流暢。在手機的用戶體驗中，設計師應該身處用戶的角度，進行一邊體驗一邊設計，這樣做出的設計產品，不僅具有人性化的特點，還能隨時對操作中出現的問題進行及時的修改。良好的用戶體驗是手機智能化發展的前提基礎，要做出用戶體驗良好的產品，更多的得到用戶的信賴和支持才能使手機的發展走得更遠，更廣。

三扁平化設計風格在UI游戲界面的設計在當今信息爆炸的文化背景下，人們每天要通過計算機、平板電腦、手機等工具來獲取相當多的信息，有的時候是主動搜索、查找、瀏覽接收信息，而有的時候則是被動的接收，原因是現如今很多軟件的應用程序都捆綁了一定量的廣告，以窗口彈出的方式推送給用戶，這樣一來，用戶需要對信息進行評估、過濾再篩選，但是這樣會給用戶帶來認知上的負擔，而扁平化在UI設計中更加適合這種信息冗雜的傳遞方式。首先，扁平化設計從本質上來講更近似于“極簡主義”的設計風格，提倡功能大于形式，強調營造的視覺效果主要是為功能服務的，它將有效信息進行分類，對信息層級的編排與梳理，將核心內容的進行路徑扁平化設計，使用戶通過更少的路徑便迅速獲得信息。這樣做的原因是因為簡潔的內容不僅能夠縮小應用程序自身的空間占用量，而且還可以縮短數據加載的時間，提高了使用效率，增強了用戶體驗。其主要特征體現在以下幾個方面：（一）字體的選擇扁平化設計的優勢在于它富有極致簡化的特點，并以此展現出產品的極佳易用性、功能性。那么，設計師為了能夠體現扁平化這種優勢，就需要在視覺效果上下功夫，力爭極致簡化和并凸顯功能的最大化，那么，在不妨礙信息的溝通和不影響畫面簡潔的情況下，在很大程度上需要依賴字體的選擇，為了使文字的字體更加符合扁平化設計，在設計時應該選擇簡單易用的字體。在通常情況下，扁平化設計風格的版面字體使用一般不超過兩種，最好的選擇就是無襯線字體，在西方字體庫中，它被稱為無襯線體，而在中文字體庫中，則與雅宋、微軟雅黑、蘋果字體、蘭亭黑等相近似，它沒有銳利的轉折和收筆時的棱角，整體給人感覺較為流暢、簡潔，呈幾何形態，是通過字體粗細、字號大小、色調輕重及排版方式等產生的視覺空間感，來區分內容的層級，使版面主次信息一目了然，能實現更多的變化和組合形式，也更加容易被閱讀。另外，如果設計師不喜歡這種無襯線字體或者認為其他某種字體相對來說更適合產品的界面，這就要求設計師首先明白不同風格的字體會產生不同的視覺感受，然后在選擇字體時要保持表述內容與字體風格的統一，從而創建出預期的風格和基調。還需要注意的是字體的大小應與整體設計相匹配，文案要求盡量精簡、千練，保證文字內容與形式在版面中的一致性。（二）色調與飽和度的調配扁平化設計除了簡單的形狀、簡潔的文字，還包括大膽的配色。在視覺傳達中，色彩要明顯優先于圖形，對人的感官產生極大的影響，具有很強的視覺沖擊力，是一種僅次于功能的重要組成部分，如果設計師能夠準確地運用色彩，能使產品擁有更好的宣傳效果。首先，根據科學測定，色彩的冷暖、明度、純度都會對人的心理產生影響。一個人對色彩的選擇，對顏色的嗜好可以顯示其人對異性的態度和日常生活的形態。一般來說，愛使用原色的人具有自我主張強烈的個性，而愛使用混合色的人屬于妥協的個性。它不但影響人的視覺神經，還影響著心臟、內分泌機能、中樞神經系統的活動。古埃及和印度的醫書已經記載，色彩可以象藥物一樣對人產生一定的療效。每一種顏色都具有特殊的心理作用，能影響人的溫度知覺、空間知覺甚至情緒。以上材料證實，界面中的顏色是具有指向性隱喻功能的，用戶可以通過色彩與自身的“色彩記憶”進行互動與匹配，進而快速的完成產品信息的傳遞。那么，設計師在充分把握用戶的“色彩記憶”的前提下，在進行扁平化的UI設計時，通常會使用大膽的和鮮亮的顏色，因為其能夠帶來一種很獨到的感覺。而且鮮艷明亮的色彩能夠使界面在任何亮度背景下都有良好的對比度，為界面創造出與眾不同的感覺，以此獲得用戶的注意，并帶來良好的第一印象。所以在通常情況下，提到扁平化設計的色彩方案，就會聯想到其高飽和、更加傾向于單色調的色彩為主的特點。其次，扁平化設計在顏色方面的另一出眾之處是設計師在進行顏色的選擇時都會考慮到用戶可能會出現視覺疲勞的情況，所以通常的做法是降低色彩的飽和度，在調色板中從簡單的一種、兩種顏色擴展到三種、四種乃至更多種顏色，反復調整色調與飽和度，形成主色和輔助色，偶爾也會使用這種色調對稱灰色或黑色，演變成一種高級灰的色調。歸根結底就是運用多種配色手法形成強烈的視覺沖擊，盡量延遲用戶產生視覺疲勞的時間，深深吸引消費者的眼球，來創造優秀的視覺體驗。其次，在其色彩調性保持統一的前提下，扁平化設計的色彩發展趨勢能夠緊跟市場大環境下的流行色腳步以及適應用戶不斷變化的需求，持續為用戶眼中的色彩視覺語言注入新的內容和形式，如今已逐漸演變成以超高的飽和度、明亮、比較復古或單色調的顏色為主的2.0扁平化配色基調，更好的完成產品與用戶之間的良好互動。但是需要注意的是，上述配色的方式并非唯一配色選擇，所以，當設計師要將上述理論依據付諸實踐行動時，還需要仔細斟酌和反復嘗試。（三）簡化圖形古語有云，“話說天下大勢，分久必合，合久必分”。其實設計也是同樣如此，在經歷了最初的簡單化發展到擬物化后，不論是研發者還是用戶，都會產生視覺上的審美疲勞，接下來的發展路徑勢必會由復雜再回歸簡單，可謂是“簡久必繁，繁久必簡”。這里所謂的簡化圖形并非是指一般意義上的“簡單”，而是一種將圖形拆開，使其能夠在界面中展示出其最基本的形態，從而帶來一種純粹的抽象性和美觀性的心理感知，給用戶以抽象美的視覺享受。在扁平化設計中，設計師們通常會使用簡單的幾何形狀（矩形或者圓形），并且盡量突出外形，弱化裝飾效果，再將這些圖形元素在形態上進行最大化的壓榨和修飾，進而構成富有簡潔、具象的按鈕或控件圖標，它們的特征是都具有基本的幾何形狀，提取原本圖案的基本要素，再利用線條和色塊來描繪代表著本身功能的象形符號，在這中間會經歷數個步驟，并將細節與輪廓進行適度的取舍，最后將優化好的圖形運用到界面設計中去，進而清晰明了的表達信息，起到了簡化圖形、突出功能的目的，也更容易被用戶認知和記憶。四、總結扁平化設計風格的成功并非一蹴而就。首先，它在近年來的發展歷程當中，不論是對產品的生產商，還是設計師，亦或是用戶的面前，都能夠展示出其可圈可點的易用性、交互性。扁平化設計風格是微軟公司最開始應用在數字媒體上的，但蘋果公司讓扁平化設計風格由小眾發展成為大眾，正在引領UI設計領域的主流風格。但本人認為，就算喬布斯不采用扁平化設計風格，也一定會有另一個“喬布斯”站出來，把扁平化設計風格由小眾發展成為大眾。因為現在人們所接觸的設備不論是從硬件上還是軟件上都越來越先進，從界面中獲取的信息也越來越多。所以，人們更注重產品所能帶給用戶的體驗感受，那么在選擇上做加減法就是必然的，它遵循歷史發展規律的，同樣也是經得起推敲的。對于扁平化設計風格，本人認為扁平化設計風格在UI設計當中的應用道路還不止于扁平化2.0時代，并具有很大的發掘潛力和進步空間。

參考文獻[1]徐曉虎.基于多元質感的游戲系統界面設計研究與實踐[D].湖南大學,2020.DOI:10.2