當前位置:首頁(yè) > 游戲UI教程 > [游戲UI教程]小白注意事項:游戲UI教程

[游戲UI教程] 小白注意事項:游戲UI教程

2021-12-28

        小白注意事項:游戲UI教程


  你是否真的對游戲UI有所了解呢,知道UI是什么嗎?關(guān)于游戲UI的問(wèn)題有許許多多,本期小編就來(lái)講一講與游戲UI相關(guān)的問(wèn)題,感興趣的趕緊點(diǎn)進(jìn)來(lái)看看吧。


  你是不是和許多人一樣,玩過(guò)很多游戲,卻從來(lái)沒(méi)有關(guān)注過(guò)UI?如果不是因為游戲UI設計師目前水漲船高的身價(jià),和異常龐大的需求——

 
(這里可以百度招聘信息的薪資)

 

        你也許關(guān)注的還是游戲的角色、場(chǎng)景、劇情、玩法等等,根本想不到游戲UI設計。已經(jīng)在游戲行業(yè)里排在了一個(gè)何等重要的位置。
        UI=User Interface,也就是“用戶(hù)界面設計”。打開(kāi)你過(guò)去24小時(shí)里玩過(guò)的游戲,從登錄界面、操作界面,到游戲道具、技能標志,所有這些設計,統統屬于游戲UI。換句話(huà)說(shuō),你在玩游戲的過(guò)程中一半以上的工夫都在跟UI打交道,它設計得是否巧妙、清晰、流暢,很大程度影響到了你的游戲體驗。
 
(名動(dòng)漫學(xué)生練習作品)

 

        那我們現在進(jìn)入游戲UI設計。首先,我們在開(kāi)始學(xué)習之前,務(wù)必知道,游戲 UI 設計的原則主要有以下幾個(gè)方面——
        1、設計簡(jiǎn)易:界面設計要盡量簡(jiǎn)潔,目的是便于游戲玩家使用,減少在操作上出現錯誤。這種簡(jiǎn)潔性的設計和人機工程學(xué)非常相似,也可以說(shuō)就是同一個(gè)方向,都是為了方便人的行為而產(chǎn)生的。在現階段已經(jīng)普遍應用于我們生活中的各個(gè)領(lǐng)域,幵且在未來(lái)還會(huì )繼續拓展。

 
        2、代表玩家說(shuō)話(huà):界面設計的語(yǔ)言要能夠代表游戲玩家說(shuō)話(huà)而不是設計者。這里所說(shuō)的代表,就是把大部分玩家的想法實(shí)體化表現出來(lái),主要通過(guò)造型、色彩、布局等幾個(gè)主要方面表達,不同的變化會(huì )產(chǎn)生不同的心理感受,例如尖銳、紅色、交錯帶來(lái)了血腥、暴力、激動(dòng)、刺激、張揚等情緒,適合打擊感和比較暴力的作品,而平滑、黑色、屈曲帶來(lái)了詭異、怪誕、恐怖的氣息,又如分散、粉紅、嫩綠、圓鈍,則帶給我們可愛(ài)、迷你、浪漫的感覺(jué),如此多的搭配會(huì )系統的引導玩家的游戲體驗,為玩家的各種新奇想法助力。



 
        3、統一性:界面設計的風(fēng)格、結構必須要與游戲的主題和內容相一致,優(yōu)秀的游戲界面設計都具備這個(gè)特點(diǎn)。這一點(diǎn)看上去簡(jiǎn)單,實(shí)則還是比較復雜的,想要統一起來(lái),幵不是一件簡(jiǎn)單的事情,就拿顏色這點(diǎn)來(lái)說(shuō),就算我只用幾個(gè)顏色搭配設計界面,也不容易使之統一,因為顏色的比重會(huì )對畫(huà)面產(chǎn)生不同的影響,所以我們會(huì )對統一性做出多種統一方式方法。
        例如固定一個(gè)色版,包括色相、純度、明度都要確定,另外就是比例、主次,等等,統一界面除了色彩還有構件,這也是一個(gè)可以重復利用和統一的最好方式,邊框、底紋、標記、按鈕、圖標,等等,都是用一致的紋樣、結構、設計,最后就是必須統一文字,在界面上是必不可少的,每個(gè)游戲只能使用 1-2 種文字,文字也是游戲中出現頻率的方面,過(guò)多就不夠統一。

 
        4、清晰視覺(jué):效果的清晰有助于游戲玩家對游戲的理解,方便游戲玩家對功能的使用。對于 IOS 平臺上的游戲來(lái)說(shuō),為了達到更高的效率和清晰度,需要制作不同的界面美術(shù)資源,以達到目的,這也是目前無(wú)法解決的硬件與軟件間的問(wèn)題。不同的系統,其像素的要求,尺寸的要求也是不一樣。

 
        5、習慣與認知:界面設計在操作上的難易程度盡量不要超出大部分游戲玩家的認知范圍,幵且要考慮大部分游戲玩家在與游戲互動(dòng)時(shí)的習慣。這個(gè)部分就要提到游戲人群了,不同的人群擁有不同的年齡特點(diǎn)和時(shí)代背景,所接觸的游戲也大不相同,這就要我們提早定位目標人群,把他們可能玩過(guò)的游戲做統一整理,分析幵制定符合他們習慣的界面認知系統。

 
        6、自由度:游戲玩家在與游戲進(jìn)行互動(dòng)時(shí)的方式具有多重性,自由度很高,例如操作的工具不單單局限于鼠標和鍵盤(pán),也可以是游戲手柄、體感游戲設備。這一點(diǎn)對于高端玩家來(lái)說(shuō),是非常重要的,因為這群人不會(huì )停留在基礎的玩法之上,他們會(huì )利用游戲中各種細微的空間,來(lái)表現出自身的不同和優(yōu)勢,所以我們要在界面的部分為這類(lèi)人群提供自由度較高的設計。
(本欄圖片來(lái)源名動(dòng)漫學(xué)生練習)

 

        除了上述游戲界面設計的原則,在游戲 UI 設計中還需注意以下事項:
        1、突出設計重點(diǎn)減少識別誤區。
        2、使界面簡(jiǎn)潔,體現重要信息;找到玩家習慣,隱藏冷門(mén)應用。
        3、使用普通接受習慣,不輕易嘗試新的設計規范。
        4、減少用戶(hù)學(xué)習信息,簡(jiǎn)化重復操作,節省空間加載資源。

 

        既然想學(xué)游戲UI,還是得先從基礎學(xué)起。下面我就簡(jiǎn)單講講游戲UI的設計流程,雖然簡(jiǎn)單,可句句是干貨


 

        一、在開(kāi)始高大上的游戲UI設計之旅前,你得先跑起來(lái)!你先要明確一個(gè)最最基本的概念:游戲UI不是把自己關(guān)在小黑屋里,腦袋一拍,想怎么畫(huà)就畫(huà)出來(lái)的。
 
        在設計前,你必須得知道幾個(gè)前提:
        1、我需要向玩家傳達哪些信息?
        2、玩家需要點(diǎn)擊哪些功能?
        3、游戲需要突出哪些內容?
        4、窗口、按鈕、圖標處在哪種環(huán)境中?

 

        二、然后你得先跑到游戲策劃那兒,和對方推心置腹地溝通,了解清楚你要設計的游戲究竟是玩什么、給誰(shuí)玩、怎么玩。這幾點(diǎn)確定了,才好確定美術(shù)風(fēng)格。比如,你在下手前要先確定游戲的題材、背景年代、質(zhì)感、整體色調、可用元素等等。要是做一款三國背景的游戲,對話(huà)界面竟然跳出腎6的屏幕,如果你是玩家,會(huì )不會(huì )覺(jué)得整個(gè)人都穿越了?

 
        三、最后跑到做游戲設定部門(mén),了解角色的設定過(guò)程,以及場(chǎng)景設定過(guò)程。在心中對游戲已經(jīng)有了一個(gè)具體的了解,從策劃到角色設計,到場(chǎng)景規劃,都有了一個(gè)整體的概念。

 

        四、這一步搞定后,你就進(jìn)入搭框架階段,從主界面開(kāi)始一層層深入設計,像是一些常用界面、彈出框、功能按鈕、道具、技能圖標等等,要是連一些雜七雜八的東西再加上游戲Logo也能連帶著(zhù)一道設計掉,那真是極好的。


 

        偷偷告訴你幾個(gè)小Tip,包你工作起來(lái)事半功倍:
        1、先給界面模塊的開(kāi)發(fā)分清優(yōu)先級,先設計以及導航,然后二級導航;三級導航等等的主次順序,因為開(kāi)發(fā)過(guò)程也是線(xiàn)分主共功能
        2、務(wù)必先要確立好設計規范。否則等開(kāi)工了再邊做邊改,會(huì )死掉多少腦細胞,你造嗎?
        3、菜單層級控制在3級,不要超過(guò)4級。

 

        五、到這里就可以為每個(gè)元素布局并制作草稿了。千萬(wàn)別想當然,一定要根據用戶(hù)操作習慣,規劃好顯示區域、操作區域、執行按鈕區域等。用于展示的圖標不要大于操作圖標,只要能清楚顯示就行。文字的字體樣式和大小也順便敲定,都別超過(guò)3種。動(dòng)態(tài)文字用系統默認就夠了,等到中期再看情況做詳細規定。
        然后可以根據游戲主題風(fēng)格,開(kāi)始尋找相關(guān)的一些設計元素

 
        現在,制作主界面UI以及主要功能按鈕的時(shí)機才算成熟,可以正式確立UI整體風(fēng)格了。根據剛開(kāi)始設定的信息和原畫(huà)圖片,確保UI風(fēng)格跟原畫(huà)風(fēng)格統一。顏色別整得太花里胡哨,清晰美觀(guān)即可,建立主輔色調以及點(diǎn)綴色的調性以及比例體系。(如下圖)

 
        然后開(kāi)始根據對游戲的大體定位,風(fēng)格以及元素,先把主體功能一一列出來(lái),按照對游戲的理解,在以設計原則的基礎上,把主功能的圖標先設計出來(lái),也就是一級導航。后面的二級導航,三級導航 就可以根據圖標風(fēng)格,進(jìn)行延伸和補充。(切記一條關(guān)鍵原則:哪怕玩你游戲的是從沒(méi)玩過(guò)游戲的小白,只要他們能分分鐘順著(zhù)你的邏輯思路走下去,你就贏(yíng)了。好的UI不僅可以讓游戲變得順暢簡(jiǎn)單,還能讓整個(gè)體驗更上一層樓。)

 
















 
        (提示:上面作品是游戲UI班學(xué)生第一次做圖標設計練習,通過(guò)一種主題設計一套功能圖標,主要訓練圖標設計、配色、制作。整體構圖飽滿(mǎn),顏色統一,但最后在精度上同學(xué)們還是比較欠缺的,希望下次繼續努力?。?/span>

 

        現在明白整套項目的前提流程了嗎?既然說(shuō)到這里,我們這邊也把這么多年的游戲UI設計經(jīng)驗給大家分享一下,不多說(shuō),就4條,都是我們在設計游戲UI設計時(shí)著(zhù)重考慮的幾點(diǎn)經(jīng)驗,一家之言,不代表立場(chǎng),能不能加分看你的運用水平,但至少能保證你在做UI設計時(shí)被少退幾稿。

 

        1、讓你設計的界面簡(jiǎn)潔,減少玩家發(fā)生選擇錯誤的可能性。
        別一開(kāi)始就迫不及待地把那些八竿子打不著(zhù)的內容一股腦展現出來(lái),玩家也不可能記得住。你還在讀小學(xué),就讓你背三角函數,除了把自己繞暈,對你學(xué)習數學(xué)沒(méi)有任何幫助。游戲也是一樣,讓鋪天蓋地的菜單、按鈕、圖標、文字一開(kāi)始就碾壓過(guò)來(lái),玩家只會(huì )頭昏眼花。相信我,那么多功能,能用全的玩家不會(huì )超過(guò)一半。對于大多數人,只要呈現給他們流暢的游戲體驗,就足夠了。

 

        2、UI設計要能一眼看明白,一點(diǎn)就有效。
        人腦畢竟對于圖形的識別速度要高于文字,生活中常見(jiàn)物品又會(huì )對他們產(chǎn)生直觀(guān)的暗示。如果能在UI設計中合理應用這些暗示,讓玩家一眼看明白相應操作的含義,他們就能無(wú)腦式操作。操作一流暢,玩家留存率自然提高。

 

        3、切記切記切記:要保持一致。
        說(shuō)起來(lái)簡(jiǎn)單,但“一致”其實(shí)包含了很多方面。比如不同組成部分之間的交互設計目標要一致:目標用戶(hù)如果是小白玩家,就別把界面邏輯整得太復雜,不光局部如此,整體也要如此。交互元素的外觀(guān)也要保持一致:這樣可以保持玩家注意力集中。不過(guò)這個(gè)還沒(méi)有統一標準,千萬(wàn)別一拍腦袋就決定。
想想WOW為什么能火10年?毛主席說(shuō)了,沒(méi)有調查就沒(méi)有發(fā)言權。玩家觸發(fā)不同類(lèi)型元素對應的行為事件后交互行為更需要一致:比如需要確認操作的對話(huà)框里至少都得有“確認”和“取消”這兩個(gè)按鈕,如果極端點(diǎn)的話(huà),相同類(lèi)型交互元素引起的行為事件也應該都相同,但具體情況還得具體分析,不可胡子眉毛一把抓。

 

        4、不管設計得多么花里胡哨,永遠別忘了:這東西是給人用的,功能性差,其他什么都白搭。
        喬幫主的蘋(píng)果為什么大家都肯買(mǎi)賬,除了外觀(guān)精致,更重要的還是它的每個(gè)功能點(diǎn)都妥妥地戳中用戶(hù)的G點(diǎn)。游戲UI也是同樣道理,這畢竟是給玩家用的,只有讓他們感覺(jué)不累贅,一點(diǎn)就上手,才愿意下回接著(zhù)玩。偉大的設計,都在藝術(shù)美、易用性、性能和成本間尋求平衡。



 

        總結

 

        游戲 Ui與平面 Ui 的不同:同樣的東西你可以發(fā)揮你的想象,設計成你自己想要的樣子,但是前提都是要考慮用戶(hù)體驗。這兩點(diǎn)是兩者共通的,但人機交互永遠都是平面 Ui 設計的主旨。
而游戲圖標的設計則可以根據游戲的情景相應變化,或者根據游戲人物的需要,同樣 一個(gè)物件,可以百變。又如第二部分說(shuō)到的登陸界面一樣,不同的游戲登陸界面 也有多種,而這種界面的好壞不是根據畫(huà)的像不像,而是用戶(hù)的體驗。


 

        知識問(wèn)答區

 

        零基礎可以學(xué)習嗎?
        1、答案是肯定可以的,前段時(shí)間,有很多同學(xué)在微信后臺留言問(wèn)小編說(shuō)「我是學(xué)xx專(zhuān)業(yè)的,我能不能轉行做原畫(huà)」「我今天xx歲了,我能不能轉行做設計」「我是山東人,我能不能轉行做漫畫(huà)」(可以理解,畢竟進(jìn)入一個(gè)陌生的行業(yè),都會(huì )迷茫。)
        2、興趣+執行力+機遇,堅持這些,你就有成為優(yōu)秀的設計師、原畫(huà)師、漫畫(huà)師等等的可能。我忽略了「天賦」這一項,因為天賦實(shí)際上不可考察,往往是后驗的。
興趣和執行力,收益和付出、收益和要求,都是對應的,長(cháng)期來(lái)看都是公平的。別人能有好的待遇,你也可以,因為這取決于你的能力,還有作品。

        3、每個(gè)專(zhuān)業(yè),都會(huì )有入門(mén)、基礎、進(jìn)階、精英、大神的進(jìn)階過(guò)程。而相對的,每個(gè)階段都會(huì )有相對的學(xué)習知識,想好了入這行,就要勇敢的踏進(jìn)“入門(mén)”這一步。


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