《游戲界面設(shè)計》01 游戲UI是什么

YOUXIJIEMIANSHEJI68%[F:]25.1GB17.0GBFree多平臺游戲UI設(shè)計從游戲類別到游戲UI設(shè)計游戲UI設(shè)計基本元素大集合游戲UI是什么YOUXIJIEMIANSHEJIYOUXIJIEMIANSHEJIYOUXIJIEMIANSHEJI游戲UI設(shè)計/選自暴雪娛樂公司開發(fā)的集換式卡牌游戲《爐石傳說》一、UI概述UI的本義是用戶界面，也稱人機界面，泛指用戶的操作界面，包含網(wǎng)頁、移動APP等。UI設(shè)計主要是指對用戶界面的外觀樣式、人機交互、操作邏輯等進(jìn)行有效設(shè)計。YOUXIJIEMIANSHEJI網(wǎng)頁UI設(shè)計軟件UI設(shè)計/選自Adobe公司的圖像處理軟件PhotoshopYOUXIJIEMIANSHEJI二、GUI概述GUI是英文graphicaluserinterface的縮寫，翻譯為“圖形用戶界面”，又稱圖形用戶接口，是指采用圖形方式顯示的計算機操作用戶界面。計算機操作用戶界面YOUXIJIEMIANSHEJIGUI也是在人和機器互動的過程中產(chǎn)生的一種圖形用戶界面。GUI在未來將被廣泛應(yīng)用，因為它極大地方便了非專業(yè)用戶與機器的互動，使人們不再需要死記硬背一些命令來操作，只需要通過圖形化的窗口、菜單、按鍵等即可進(jìn)行簡單的操作。機器人主控器YOUXIJIEMIANSHEJI三、交互設(shè)計交互設(shè)計的英文為interactiondesign，縮寫為ID。它是定義和設(shè)計人造系統(tǒng)行為的設(shè)計領(lǐng)域，讓兩個或多個互動的個體能夠互相交流、互相配合，從而共同達(dá)到一種目的。交互設(shè)計主要關(guān)注以人為本的用戶需求，目標(biāo)是從可用性和用戶體驗兩個層面進(jìn)行分析、研究，努力創(chuàng)造、建立人和產(chǎn)品之間的服務(wù)關(guān)系，從而讓人在被服務(wù)時更舒適。YOUXIJIEMIANSHEJI按照作用的不同，界面可分為操作界面和顯示界面兩大類。操作界面通常包括鼠標(biāo)、鍵盤、遙控器、操作手柄等。顯示界面的主要作用是顯示信息，用戶通過顯示出的相關(guān)信息做出判斷。鼠標(biāo)、鍵盤計算機顯示界面YOUXIJIEMIANSHEJI人機交互與傳統(tǒng)的人和人之間的交互不同。在人機交互的過程中，人要不斷地與機器打交道。因此，人機交互界面逐漸成為一個獨立的、重要的研究領(lǐng)域。游戲交互設(shè)計YOUXIJIEMIANSHEJI交互規(guī)范主要分為Web端、移動端以及其他配合產(chǎn)品所使用的設(shè)備端。移動端主要有Android和iOS兩種系統(tǒng)。設(shè)計師在制訂對應(yīng)的交互設(shè)計規(guī)范時，一定要做好前期調(diào)研，進(jìn)行有效的參考，如“Windows用戶界面規(guī)范”“iOS人機界面指導(dǎo)手冊”“Android人機界面指導(dǎo)手冊”，并響應(yīng)平臺本身的特點。YOUXIJIEMIANSHEJI不管交互方式怎么變，它們的通用設(shè)計原則是不變的，那就是“三易兩致”，使界面設(shè)計符合用戶的認(rèn)知心理和認(rèn)知習(xí)慣?！叭變芍隆奔匆讓W(xué)、易見、易用，內(nèi)部一致、外部一致。YOUXIJIEMIANSHEJI界面功能和內(nèi)容要易于學(xué)習(xí)和記憶：一是要使用用戶的語言而不是機器的語言，二是要對用戶進(jìn)行有效提示與幫助。界面信息與內(nèi)容能夠讓用戶一目了然：首先讓用戶控制界面，有“下一步、完成”等不同的選擇提示，然后讓用戶明顯地看到反饋與之后的狀態(tài)。界面必須好用：一是具備導(dǎo)航功能，讓用戶學(xué)習(xí)方法，有效地按照自己的心意進(jìn)行路徑切換；二是有明確的錯誤提示，要主動去幫助用戶防錯和糾錯；三是允許退出工作并及時保存；四是讓用戶隨時知道自己所處的位置。YOUXIJIEMIANSHEJI四、UE概述UE是英文userexperience的縮寫，翻譯為“用戶體驗”，是用戶在使用一個產(chǎn)品的過程中所產(chǎn)生的主觀的心理感受。YOUXIJIEMIANSHEJI五、UI設(shè)計與認(rèn)知心理學(xué)的關(guān)系從認(rèn)知心理學(xué)的角度去理解UI設(shè)計準(zhǔn)則會發(fā)現(xiàn)，人們對周圍世界的感知往往并不是對外部環(huán)境刺激的真實描述，人們感知到的很大程度上是自己期望感知到的。影響人們感知的有以下幾個基本因素：經(jīng)驗、環(huán)境和目標(biāo)。經(jīng)驗會先入為主地影響人們的感知。不同的環(huán)境會使同樣的短語、句子產(chǎn)生不同的含義。YOUXIJIEMIANSHEJI一、游戲UI設(shè)計概述游戲UI即游戲圖形用戶界面，與之相關(guān)的所有工作統(tǒng)稱為游戲美術(shù)。在游戲中，游戲UI會根據(jù)不同游戲的特性，在游戲的主界面、彈窗界面、操控界面上展現(xiàn)不同的相關(guān)信息，最后根據(jù)合理的設(shè)計，引導(dǎo)用戶進(jìn)行簡單的人機交互操作。【微課視頻】1.游戲UI設(shè)計概述2.游戲UI發(fā)展史YOUXIJIEMIANSHEJI游戲UI設(shè)計/選自游戲《尼爾：機械紀(jì)元》游戲UI設(shè)計/選自虛擬現(xiàn)實工作室的原創(chuàng)游戲《你的名字》/2018年/何靜YOUXIJIEMIANSHEJI一款優(yōu)秀的游戲產(chǎn)品不僅需要界面美觀的整體設(shè)計，還需要將游戲交互的合理性、玩家的體驗感把握得恰如其分。合理的游戲UI設(shè)計就是在人機交互的操作方式中營造出操作簡單并具有引導(dǎo)功能的美觀的人機環(huán)境。游戲UI設(shè)計/選自芬蘭游戲公司SupercellOy推出的策略類游戲《部落沖突》YOUXIJIEMIANSHEJI游戲UI設(shè)計的工作方向可根據(jù)工作內(nèi)容劃分為圖標(biāo)UI設(shè)計和輔助UI設(shè)計等。游戲UI設(shè)計師的具體工作內(nèi)容可以從以下5個方面去闡述：負(fù)責(zé)與策劃進(jìn)行有效溝通，參與前期游戲的交互設(shè)計、UI和圖標(biāo)原型設(shè)計的討論；負(fù)責(zé)與程序設(shè)計師討論游戲UI在實踐項目中的功能實現(xiàn)與原型還原；負(fù)責(zé)整個游戲研發(fā)項目的界面、圖標(biāo)、游戲推廣圖、游戲Banner等美術(shù)資源設(shè)計工作；負(fù)責(zé)確認(rèn)游戲效果圖和游戲UI切圖是否符合程序的需要，游戲功能和交互功能是否滿足策劃與用戶的需要；后期日常的游戲UI設(shè)計更新。0102030405YOUXIJIEMIANSHEJI二、游戲開發(fā)過程從游戲的開發(fā)過程來看，對應(yīng)4個工作方向，分別是程序、設(shè)計、美術(shù)、音樂。在一個標(biāo)配的游戲開發(fā)團(tuán)隊中一般有三大總監(jiān)：創(chuàng)意總監(jiān)、技術(shù)總監(jiān)、藝術(shù)總監(jiān)。換一種說法，其實就是主策劃、主程序、主美。這三大總監(jiān)上面還有制作人。在游戲公司里，制作人上面還有總經(jīng)理，而總經(jīng)理上面還有董事會。【微課視頻】游戲UI工作內(nèi)容及方向YOUXIJIEMIANSHEJI一款游戲的研發(fā)，首先會由創(chuàng)意總監(jiān)來決定游戲往哪個方向設(shè)計與制作，并對設(shè)計上的分歧進(jìn)行最終的決斷；然后由技術(shù)總監(jiān)采取相應(yīng)的技術(shù)方案，來制定游戲所需的功能和系統(tǒng)；最后由藝術(shù)總監(jiān)負(fù)責(zé)領(lǐng)導(dǎo)制作游戲的美術(shù)資源，以確保游戲畫面的美觀性和統(tǒng)一性。制作人會相應(yīng)地提供三大總監(jiān)所需要的資源與幫助，并保證游戲項目的正常推進(jìn)、運行與最終發(fā)售。（書中圖1-12所示為一款游戲的開發(fā)過程）YOUXIJIEMIANSHEJI游戲研發(fā)公司開發(fā)一款游戲會經(jīng)歷4個階段：立項原型包裝（視覺設(shè)計）游戲測試與迭代YOUXIJIEMIANSHEJI（一）立項一個游戲項目的開始一般會有3種模式。①市場：大型公司一般都會有市場部門，專門收集、研究市場數(shù)據(jù)，分析下一個項目應(yīng)該做哪種類型的游戲。②其他企業(yè)人：部分企業(yè)的高層可能沒有接觸過游戲領(lǐng)域，但是他們有夢想，有經(jīng)濟(jì)實力，就可以組建團(tuán)隊、成立公司，用來設(shè)計、研發(fā)游戲。③游戲設(shè)計師：有想法的游戲人，出于對游戲的熱愛而投身于游戲事業(yè)中。YOUXIJIEMIANSHEJI（二）原型一般一個游戲項目成立之后，就會進(jìn)入原型階段，去檢驗這款游戲的玩法和開發(fā)的可行性。主策劃要向程序負(fù)責(zé)人闡述游戲的玩法框架、游戲中的系統(tǒng)。技術(shù)人員則進(jìn)行功能和玩法的實現(xiàn)。有時設(shè)計師會在此階段做出游戲的可視化效果。不過一般在游戲原型階段做出的游戲都比不上最后上線的版本。游戲UI設(shè)計/選自虛擬現(xiàn)實工作室的原創(chuàng)游戲《海域危機》/2018年/黃雪莉YOUXIJIEMIANSHEJI（三）包裝包裝（視覺優(yōu)化）就是在游戲玩法已經(jīng)確定的基礎(chǔ)上對游戲進(jìn)行視覺化的美術(shù)設(shè)計，包括游戲角色原畫、游戲場景原畫、游戲模型、游戲動畫、游戲UI、游戲特效、游戲音效、游戲音樂及配音等。在游戲的視覺和聽覺的雙重包裝完成之后，就會進(jìn)入下一個階段。游戲角色原畫三視圖/2019年/盧思琪/指導(dǎo)教師：桂風(fēng)嬌YOUXIJIEMIANSHEJI游戲角色原畫三視圖/2019年/焦媛媛/指導(dǎo)教師：桂風(fēng)嬌游戲角色原畫/選自《怪物獵人：邊境G》原畫集YOUXIJIEMIANSHEJI游戲場景原畫/選自游戲《尋龍訣》概念圖選/2014年/徐天華游戲場景原畫/選自重慶工程學(xué)院的《舊城時光》/2017年/李欣YOUXIJIEMIANSHEJI游戲角色模型/選自游戲《艾洛亞》游戲UI設(shè)計/選自育碧娛樂軟件公司的音樂舞蹈游戲《舞力全開》YOUXIJIEMIANSHEJI游戲UI設(shè)計/選自虛擬現(xiàn)實工作室的原創(chuàng)游戲《你的名字》/2018年/何靜游戲特效YOUXIJIEMIANSHEJI（四）游戲測試與迭代這個階段主要是對游戲進(jìn)行全方位的驗收，最需要耐心，因為要對游戲中的每一個按鍵、每一個功能進(jìn)行測試，找到所有存在異常的地方并進(jìn)行修復(fù)。YOUXIJIEMIANSHEJI三、游戲UI交互設(shè)計從早期的投幣、搖桿、按鈕式街機，跳舞機，有手柄和按鈕的家用機，有鼠標(biāo)和鍵盤的個人計算機，有按鍵或全屏多點觸摸的手機，到現(xiàn)在的體感交互的Wii和Kinect，以及最新的VR（虛擬現(xiàn)實）、AR（增強現(xiàn)實）、MR（混合現(xiàn)實）技術(shù)，交互方式在不斷地變化。交互設(shè)計/2017年/聿山Y(jié)OUXIJIEMIANSHEJI游戲UI設(shè)計并不是控件越多越好，畫面越漂亮越好，主要還是看游戲的用戶黏度。為了增強用戶黏度，游戲UI交互設(shè)計就必須更加注重用戶的體驗和交互體驗。YOUXIJIEMIANSHEJI四、游戲UI設(shè)計在游戲開發(fā)中的作用游戲UI設(shè)計是一個跨學(xué)科、跨專業(yè)，涵蓋計算機科學(xué)與技術(shù)、設(shè)計學(xué)等多學(xué)科的綜合性工作。因此，游戲UI設(shè)計師的工作要求非常高，工作內(nèi)容也非常繁雜。YOUXIJIEMIANSHEJI五、游戲UI設(shè)計與游戲原畫設(shè)計的區(qū)別游戲UI設(shè)計是指游戲UI設(shè)計師對游戲操作界面的設(shè)計與制作，包括讀取界面、登錄界面、主界面以及界面中所呈現(xiàn)的技能圖標(biāo)和控件按鈕等的設(shè)計與制作。目前涉及UI方向的職位有很多，包括網(wǎng)頁UI設(shè)計師、軟件UI設(shè)計師、游戲UI設(shè)計師。YOUXIJIEMIANSHEJI游戲UI設(shè)計/選自模擬經(jīng)營類游戲《了不起的修仙模擬器》YOUXIJIEMIANSHEJI游戲原畫設(shè)計是游戲研發(fā)制作前期的一個重要環(huán)節(jié)。游戲原畫設(shè)計師根據(jù)游戲策劃文案的要求設(shè)計出整款游戲的美術(shù)方案，設(shè)定游戲整體的美術(shù)風(fēng)格，包括游戲角色設(shè)計、游戲場景設(shè)計、游戲道具設(shè)計、游戲武器設(shè)計和游戲美術(shù)宣傳圖（概念圖）設(shè)計。游戲角色原畫設(shè)計/選自國產(chǎn)角色扮演游戲《古劍奇譚》YOUXIJIEMIANSHEJI六、游戲UI設(shè)計與其他UI設(shè)計的區(qū)別游戲UI設(shè)計是UI設(shè)計這個大類下面的一個分支。UI設(shè)計大類除了有游戲UI設(shè)計外，還有其他的應(yīng)用UI設(shè)計。雖然都是UI設(shè)計，也都分別應(yīng)用在各大平臺上，但游戲UI設(shè)計與其他UI設(shè)計相比，還是有以下幾個方面的區(qū)別：視覺風(fēng)格不同、復(fù)雜程度不同、學(xué)習(xí)內(nèi)容不同、工作崗位職責(zé)不同。【微課視頻】游戲UI與其他UI的區(qū)別YOUXIJIEMIANSHEJI（一）視覺風(fēng)格不同應(yīng)用UI可以獨立于其內(nèi)容來進(jìn)行視覺風(fēng)格設(shè)計，游戲UI則必須結(jié)合游戲本身的內(nèi)容來進(jìn)行視覺風(fēng)格設(shè)計。游戲UI設(shè)計需要在游戲原畫這個已有的美術(shù)風(fēng)格范圍內(nèi)做設(shè)計，設(shè)計師需要掌握基本的手繪能力、設(shè)計能力和對游戲的理解能力。POS收銀系統(tǒng)管理軟件UIYOUXIJIEMIANSHEJI（二）復(fù)雜程度不同游戲有著龐大的世界觀。美國拳頭游戲（RiotGames）開發(fā)、中國大陸地區(qū)騰訊游戲代理運營的英雄對戰(zhàn)競技網(wǎng)游《英雄聯(lián)盟》就具有完整的世界觀和極其復(fù)雜的故事，因此在視覺、邏輯和數(shù)量上都比其他類型的UI設(shè)計要復(fù)雜。YOUXIJIEMIANSHEJI（三）學(xué)習(xí)內(nèi)容不同游戲UI設(shè)計學(xué)習(xí)的軟件主要是Photoshop。高級游戲UI設(shè)計師還需要會Axure、AdobeIllustrator、Unity3D、AfterEffects等軟件。除此之外，游戲UI設(shè)計師還要不斷提高手繪造型能力、動效設(shè)計能力和材質(zhì)表現(xiàn)能力。YOUXIJIEMIANSHEJI（四）工作崗位職責(zé)不同游戲UI設(shè)計主要針對的崗位是游戲公司里的游戲UI設(shè)計師，除了需要具備游戲UI的整體視覺風(fēng)格把控能力、交互設(shè)計師的交互能力，以及較強的手繪能力、平面設(shè)計和UI設(shè)計創(chuàng)意能力與扎實的美術(shù)功底之外，還需要具備Unity3D軟件基礎(chǔ)。YOUXIJIEMIANSHEJI一、游戲UI設(shè)計的基本原則游戲UI設(shè)計應(yīng)該注意以下兩個基本原則：游戲界面的布局合理并有明顯的視覺順序，游戲界面的視覺風(fēng)格統(tǒng)一。YOUXIJIEMIANSHEJI（一）游戲界面的布局合理并有明顯的視覺順序在界面框架圖繪制階段，游戲UI設(shè)計師要對界面的內(nèi)容進(jìn)行歸類并合理布局。設(shè)計師在布局一些功能性按鈕和圖標(biāo)時，一定要符合用戶平時的行為習(xí)慣，把一些重要的按鈕放在玩家能夠輕松看到的地方。游戲UI設(shè)計/選自騰訊出品的休閑棋類手機游戲《QQ五子棋》YOUXIJIEMIANSHEJI游戲中圖標(biāo)和文字的辨識度要高，引導(dǎo)性要強，要有明顯的邏輯和視覺順序，讓用戶進(jìn)入一個界面之后能快速知曉“接下來要干什么”。游戲UI設(shè)計/選自益智策略類塔防御戰(zhàn)游戲《植物大戰(zhàn)僵尸2：奇妙時空之旅》YOUXIJIEMIANSHEJI（二）游戲界面的視覺風(fēng)格統(tǒng)一游戲UI設(shè)計中，從造型到色彩搭配再到質(zhì)感表現(xiàn)上，都應(yīng)該保持協(xié)調(diào)、統(tǒng)一。顏色反差不要太大，必須保持一致的視覺風(fēng)格。好的色彩搭配會錦上添花，給玩家?guī)磔^好的視覺體驗。游戲UI設(shè)計/選自育碧娛樂軟件公司的音樂舞蹈游戲《舞力全開》YOUXIJIEMIANSHEJI二、游戲UI設(shè)計的主要形式游戲UI設(shè)計是UI設(shè)計的一個細(xì)化的分支。UI設(shè)計是指人和機器的交互、操作邏輯、界面的整體設(shè)計。游戲UI其實就是玩家和游戲進(jìn)行交互時的一個平臺。通過這個平臺，玩家和游戲之間可以進(jìn)行情感交互、共鳴，以此來實現(xiàn)游戲為用戶服務(wù)的目的。YOUXIJIEMIANSHEJI以功能性和使用性為核心游戲UI設(shè)計最主要的目的就是為了讓玩家與游戲進(jìn)行交互，所以設(shè)計師在設(shè)計時就必須以游戲的功能性和使用性為核心。以情感表達(dá)為核心通過合理的設(shè)計，游戲UI可以讓玩家與游戲之間產(chǎn)生一種情感的互動。以營造環(huán)境為前提游戲產(chǎn)品的設(shè)計從來都離不開整體環(huán)境的氛圍渲染。010203YOUXIJIEMIANSHEJI一、游戲UI設(shè)計的工作流程一款游戲的UI設(shè)計流程大致分為前期的交互設(shè)計階段和后期的視覺優(yōu)化階段。設(shè)計師在具體設(shè)計與制作一款游戲的UI時，會先根據(jù)策劃的要求進(jìn)行前期的需求解讀，然后分析并設(shè)計與制作游戲流程和界面框架圖，最后才會進(jìn)入視覺優(yōu)化階段?！疚⒄n視頻】游戲用戶界面設(shè)計流程YOUXIJIEMIANSHEJI（一）項目需求解讀項目前期，游戲UI設(shè)計師需要對游戲的投放平臺、尺寸、分辨率、美術(shù)風(fēng)格進(jìn)行需求分析，同時參考優(yōu)質(zhì)的同類游戲產(chǎn)品，分析游戲項目的目標(biāo)用戶，包括用戶的年齡、性別、愛好、收入、教育程度、需求和使用場景等。YOUXIJIEMIANSHEJI（二）設(shè)計分析與定位執(zhí)行項目初期，對需求進(jìn)行分析之后，即可進(jìn)行游戲界面框架的方案設(shè)計以及核心系統(tǒng)的交互框架設(shè)計。最后的執(zhí)行階段包括交互原型設(shè)計、草圖設(shè)計、界面信息框架設(shè)計等。游戲界面框架圖設(shè)計/2019年/張惠馨/指導(dǎo)教師：桂風(fēng)嬌YOUXIJIEMIANSHEJI（三）調(diào)研驗證及設(shè)計跟進(jìn)項目中期，通過對不同的游戲UI設(shè)計方案進(jìn)行實踐調(diào)研驗證，確定更適合游戲項目本身的方案。項目組確定視覺風(fēng)格后，游戲UI設(shè)計師則根據(jù)交互原型和設(shè)計稿進(jìn)行更加完善的游戲UI視覺設(shè)計。在這個過程中，游戲UI設(shè)計師還必須與程序設(shè)計師溝通，確保切圖文件的最終效果實現(xiàn)。游戲UI設(shè)計/2019年/張惠馨/指導(dǎo)教師：桂風(fēng)嬌YOUXIJIEMIANSHEJI（四）用戶驗證反饋與設(shè)計驗收項目后期，最后確定的設(shè)計方案即可推入市場。但此時游戲UI設(shè)計的工作并沒有結(jié)束。產(chǎn)品上市以后會得到很多用戶反饋，這時就需要根據(jù)用戶的反饋進(jìn)行梳理，為以后的更新做好準(zhǔn)備。YOUXIJIEMIANSHEJI二、視覺設(shè)計前的準(zhǔn)備世界觀中的歷史背景能為游戲的美術(shù)風(fēng)格、系統(tǒng)玩法、劇情等的設(shè)計提供有效的依據(jù)。游戲世界中所有的元素為什么會是這個樣子，為什么會有這樣的劇情發(fā)展，其實都是根據(jù)世界觀中的歷史背景設(shè)計的。（一）了解游戲的世界觀游戲UI設(shè)計/選自暴雪娛樂公司的多人在線角色扮演游戲《魔獸世界》YOUXIJIEMIANSHEJI游戲UI的設(shè)計風(fēng)格取決于整款游戲的美術(shù)風(fēng)格。游戲UI設(shè)計師一般都是按照游戲的原畫風(fēng)格去設(shè)定UI設(shè)計風(fēng)格的。多變的游戲風(fēng)格要求游戲UI設(shè)計師具有超強的設(shè)計能力和扎實的手繪功底。（二）確定游戲UI的設(shè)計風(fēng)格超寫實風(fēng)格游戲截圖/選自Rockstar公司的動作冒險類游戲《荒野大鏢客：救贖2》YOUXIJIEMIANSHEJI1.超寫實風(fēng)格超寫實風(fēng)格源于超寫實主義（hyperrealism，又稱高度寫實主義）。它是繪畫和雕塑的一個流派，可以看成照相寫實主義，在游戲中可以理解成游戲中的所有畫面與真實世界很相像且還原度很高。超寫實風(fēng)格游戲UI設(shè)計/選自Rockstar公司的動作冒險類游戲《荒野大鏢客：救贖2》YOUXIJIEMIANSHEJI2.暗黑風(fēng)格暗黑風(fēng)格（diablo-like）一般會出現(xiàn)在西方的魔幻游戲中，是ARPG游戲（動作類角色扮演游戲）的一種設(shè)計風(fēng)格，從整體畫面風(fēng)格上看，色調(diào)昏暗，局部有絢麗的特效光線，讓玩家仿佛置身于魔幻的世界中。暗黑風(fēng)格游戲截圖/選自暴雪娛樂公司的動作類角色扮演游戲《暗黑破壞神3》YOUXIJIEMIANSHEJI3.涂鴉風(fēng)格涂鴉風(fēng)格源于“涂鴉”（graffiti）一詞，是指在墻壁上亂涂亂寫的圖像或畫。文字在涂鴉中占的比重一般較大，其中包含形象的符號和標(biāo)志等。圖形也是涂鴉中經(jīng)常見到的內(nèi)容。涂鴉風(fēng)格的游戲畫面一般給人感覺輕松、自然，能夠讓玩家在游戲中回味童年。涂鴉風(fēng)格游戲UI設(shè)計/選自手繪圖形的飛行射擊游戲《涂鴉飛機》YOUXIJIEMIANSHEJI4.卡通風(fēng)格卡通的英文為cartoon，原意是指時事、政治類的單幅或短篇的諷刺漫畫，從廣義上來說就是對所要表現(xiàn)的對象進(jìn)行歸納、夸張、變形等處理后完成的視覺作品?？ㄍL(fēng)格的游戲一般整體色彩明亮，給人一種輕松、活潑的感覺?？ㄍL(fēng)格游戲UI設(shè)計/選自育碧娛樂軟件公司的游戲《英靈亂戰(zhàn)》YOUXIJIEMIANSHEJI5.未來科幻風(fēng)格未來科幻風(fēng)格既不局限于卡通，也不局限于寫實，也可以說不管是卡通還是寫實作品，都可以表現(xiàn)出未來科幻風(fēng)格。未來科幻風(fēng)格游戲UI設(shè)計/選自暴雪娛樂公司的團(tuán)隊射擊游戲《守望先鋒》YOUXIJIEMIANSHEJI三、原創(chuàng)休閑益智問答類游戲開始界面框架圖設(shè)計案例《加油，唐七七》是一款益智問答類游戲，主要運行環(huán)境有Windows、Android、iOS，針對目前患有糖尿病的兒童而設(shè)計，讓他們在娛樂的同時，可以學(xué)習(xí)與糖尿病相關(guān)的知識，達(dá)到寓教于樂的目的，并讓他們在此過程中獲得互動的樂趣。（一）案例簡介YOUXIJIEMIANSHEJI在游戲中，玩家將扮演一個7歲左右的兒童“唐七七”。某一天，他突然發(fā)現(xiàn)自己身體不舒服，到醫(yī)院檢查之后發(fā)現(xiàn)患有糖尿病并需要藥物控制和健康輔導(dǎo)，于是住進(jìn)了醫(yī)院。經(jīng)過一段時間的學(xué)習(xí)，“唐七七”已經(jīng)基本掌握了控制糖尿病的相關(guān)知識，但是醫(yī)生不太放心，安排了一次出院測試，只有通過測試才能離開醫(yī)院，回到家里。（一）案例簡介YOUXIJIEMIANSHEJI（二）案例制作過程1.項目需求解讀在項目制作過程中，游戲UI設(shè)計師通過對策劃文案，以及甲方的要求和游戲目標(biāo)用戶（患有糖尿