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

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