游戲開發(fā)培訓(xùn)：游戲UI的設(shè)計(jì)原則應(yīng)注意什么

來源：www.dedgn.cn 發(fā)布人：星星

2022-01-02 12:20:46|已瀏覽：201次

游戲UI的設(shè)計(jì)原則

1、視覺流的引導(dǎo)

視覺流，就是我們?cè)诓榭磫蝹€(gè)界面時(shí)的視覺流程。暫且先不考慮手勢(shì)的熱區(qū)范圍，單從眼動(dòng)軌跡來看，眼睛對(duì)于物體的關(guān)注本身是有一定的視覺規(guī)律的，比如最簡(jiǎn)單的從上到下、從左到右的規(guī)律。但眼睛的視覺流是可以通過對(duì)界面控件合理的層級(jí)羅列、恰當(dāng)?shù)牟季謥磉M(jìn)行有效引導(dǎo)的。
舉個(gè)例子，《萬象物語》的主界面除了把按鈕擺放在四周外，還專門把旅途按鈕擺到了右側(cè)中間位置，并加了閃動(dòng)的特效。玩家的眼睛會(huì)不自覺的被吸引到這個(gè)特殊的按鈕上，并會(huì)忍不住想點(diǎn)擊，這樣就可以達(dá)到把玩家拉到游戲功能的目的。

2、界面簡(jiǎn)潔，方便操作

游戲界面要簡(jiǎn)潔美觀，避免雜亂，這樣更便于玩家操作，減少使用上的錯(cuò)誤。這里可以看一下《原神》的處理，界面中大部分功能都收納進(jìn)二級(jí)菜單，在界面布局上更簡(jiǎn)潔美觀，給人更清爽的感覺。

3、色彩偏向和色彩層次
界面設(shè)計(jì)中都有一個(gè)色彩的偏向，也就是主色調(diào)。畫面中的色彩不宜過多，不同色系最好不要超過3種。同時(shí)，色彩偏向還可以調(diào)動(dòng)玩家的情緒。比如，黑色可以營(yíng)造詭異、恐怖的氛圍，生存恐怖類游戲《生化危機(jī)》系列就是這種基調(diào)。
而色彩層次則可以對(duì)界面中的功能模塊進(jìn)行劃分。還是拿《王者榮耀》的主界面來說，界面主色調(diào)是灰度很高的藍(lán)色，輔助色是黃色，從色相上對(duì)功能模塊做出了劃分，并且可點(diǎn)擊區(qū)域的顏色有很高的亮度，這樣的設(shè)計(jì)讓玩家很容易識(shí)別功能。
4、風(fēng)格統(tǒng)一性
界面設(shè)計(jì)的風(fēng)格、結(jié)構(gòu)要與游戲的主題和內(nèi)容保持一致，優(yōu)秀的游戲界面設(shè)計(jì)大都具備這個(gè)特點(diǎn)。舉個(gè)例子，《全面戰(zhàn)爭(zhēng)：三國(guó)》這款中國(guó)題材戰(zhàn)爭(zhēng)游戲在UI設(shè)計(jì)上下足了功夫，滿屏的中國(guó)風(fēng)。其中的改革界面以黑色水墨版面為背景，升級(jí)節(jié)點(diǎn)是用白色工筆畫的圖標(biāo)，每完成一次升級(jí)，梅花就會(huì)在節(jié)點(diǎn)上綻放。
再比如，同系列游戲《全面戰(zhàn)爭(zhēng)傳奇：特洛伊》中，選擇界面暗黃的色調(diào)下，人物銅像與真人轉(zhuǎn)換，帶來強(qiáng)烈的古希臘的史詩感。
5、習(xí)慣和認(rèn)知

關(guān)于界面設(shè)計(jì)在操作上的難易程度，盡量不要超出大部分游戲玩家的認(rèn)知范圍，并且要考慮大部分游戲玩家在與游戲互動(dòng)時(shí)的習(xí)慣。以《英雄聯(lián)盟》客戶端為例，整個(gè)界面非常簡(jiǎn)單，左側(cè)是文字說明，右側(cè)是一個(gè)圓環(huán)動(dòng)效和按鈕。圓環(huán)和“接受”按鈕在顏色和動(dòng)效上都做了突出設(shè)計(jì)，當(dāng)動(dòng)效開始播放時(shí)，會(huì)有類似時(shí)間倒計(jì)時(shí)的效果，對(duì)用戶進(jìn)行點(diǎn)擊下方“接受”按鈕的心理暗示。

本文由培訓(xùn)無憂網(wǎng)AAA教育專屬課程顧問老師整理發(fā)布，更多游戲開發(fā)課程信息可關(guān)注培訓(xùn)無憂網(wǎng)游戲開發(fā)培訓(xùn)或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.dedgn.cn/news-id-11917.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注游戲開發(fā)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050