當前位置:首頁(yè) > 游戲UI教程 > [游戲UI教程]游戲UI設計設計要點(diǎn)

[游戲UI教程] 游戲UI設計設計要點(diǎn)

2021-12-28

  游戲UI設計設計要點(diǎn)


  玩游戲時(shí),不知道各位有沒(méi)有和小編一樣想令自己沉迷的游戲究竟有什么奧秘呢?要知道一款好游戲,它不僅有精美的人物設計以及流暢的劇情,其漂亮的UI界面也十分關(guān)鍵,本期小編通過(guò)學(xué)生作品,和大家嘮一嘮游戲UI中的要點(diǎn)吧。


  要點(diǎn)一:文字要簡(jiǎn)潔明了,方便觀(guān)眾


  在UI的設計中,文字信息是非常重要的,甚至可以說(shuō)沒(méi)有之一,很多界面如果去掉了文字本身,可能會(huì )讓你不知所云,比如名動(dòng)漫學(xué)生設計的界面,現在我們把文字去掉(渣PS請見(jiàn)諒哈)。



  給人的感覺(jué)只會(huì )是一個(gè)空洞而又抽象的石板,如果在游戲中我們看到的是后面的圖,估計很多同學(xué)的第一反應會(huì )是“出BUG了吧?”,現在我們還原文字,很明顯了,這是一個(gè)游戲的副本挑戰選擇。
 


  雖然字數不多,但是作為交待內容來(lái)說(shuō)足夠了,當然,文字也不是越多越好的,比如這個(gè)網(wǎng)站設計界面就是UI設計中妥妥的反面教材。



  什么都想說(shuō),結果就是文字過(guò)密集,字體過(guò)于花哨



  要點(diǎn)二:整體配色要穩定,避免視覺(jué)疲勞


  說(shuō)到配色,看過(guò)我們之前教程的同學(xué)應該都有印象,對了,就是“黃金比率”,主色調占60%,輔色占30%,點(diǎn)綴色占10%。但是具體到UI界面,黃金比率還不是最重要的,還有一個(gè)很關(guān)鍵的因素,即:偏亮偏純的顏色一般集中在面積較小的區域,偏灰偏暗的顏色才是畫(huà)面中最主要的,也就是“三分純七分灰”,比如名動(dòng)漫學(xué)生設計的賽博朋克風(fēng)的界面。



  整體是大面積的暗色,只有在視覺(jué)中心的部位才有一些偏純偏亮的色彩,這樣給我們的感覺(jué)就不會(huì )過(guò)于花,像是下面這種色彩搭配,雖然大體上也符合“黃金比率”,但由于純色占了畫(huà)面中最主要的區域,還是辣眼無(wú)比。




  要點(diǎn)三:視覺(jué)引導要合理,自然,清晰


  在界面設計中,我們需要讓關(guān)鍵位置有明暗和色彩的強烈對比,這樣才能讓觀(guān)眾第一時(shí)間就能看到,而不要把界面的設計當做“捉迷藏”。


 ?。?)比如這個(gè)學(xué)生的作品設計中



  界面整體的色彩是比較偏“灰”的,但得益于做出了明暗的強烈對比,我們在第一時(shí)間依然能看到周?chē)奈锲?技能欄,這就是巧妙運用視覺(jué)引導的例子。


 ?。?)還有這個(gè)“簽到界面”



  已經(jīng)完成簽到的就可以降低對比度,(領(lǐng)過(guò)的東西還會(huì )有人特地去看么?),玩家更關(guān)心的是當下自己所領(lǐng)到的東西,因此藍色+橙色的對比色,就很好地引導著(zhù)玩家往“第三天簽到”去看,而模糊不清的界面設計,除了只會(huì )讓客戶(hù)不知所措,甚至遺漏重要信息以外,毫無(wú)意義。




  要點(diǎn)四:風(fēng)格上保持一致,避免突兀


  你的界面風(fēng)格是現代的,那么整體的元素選取,也是要以現代的科技或者元素。



  這樣風(fēng)格高度一致界面才會(huì )避免“違和感”,所以也就不難理解,《和平精英》之前搞過(guò)的關(guān)二爺拿AK的設計,能有如此大的爭議了。



  好了,上面給大家講了講關(guān)于UI設計中的幾個(gè)要素,接下來(lái)看看本次UI班級的學(xué)生作品吧!和玩游戲相比,當然是全盤(pán)掌控開(kāi)始自己畫(huà)更有境界,爆肝有成就!想玩啥風(fēng)格都行!
 


  橙子-安琪





 
  寶-馬路-糖花花




 
  芋泥奶茶-五里-執筆





 
  RNJun7-長(cháng)腿哥哥-冰糖



 
  下面還有學(xué)生的過(guò)程圖
 



  6




  7




  8




  9



  好啦,今天介紹游戲UI設計要點(diǎn)的資訊文章就到這里了,想了解更多繪畫(huà)相關(guān)知識, 請收藏名動(dòng)漫網(wǎng)站/可以在線(xiàn)咨詢(xún)下方的課程顧問(wèn)小姐姐,第一時(shí)間了解最新的課程優(yōu)惠政策。