《游戲界面設計》01 游戲UI是什么

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