如今游戲已經(jīng)成為當(dāng)下主要的放松手段,游戲的類(lèi)型豐富,這也為人們的游戲設(shè)計(jì)提供了更多方便,進(jìn)行ui界面設(shè)計(jì)也是非常有必要的,那么游戲界面ui設(shè)計(jì)要點(diǎn)是什么?下面一起看下吧。
要點(diǎn)一:文字要簡(jiǎn)潔明了,方便觀眾
在UI的設(shè)計(jì)中,文字信息是非常重要的,甚至可以說(shuō)沒(méi)有之一,很多界面如果去掉了文字本身,可能會(huì)讓你不知所云,比如名動(dòng)漫學(xué)生設(shè)計(jì)的界面,現(xiàn)在我們把文字去掉(渣PS請(qǐng)見(jiàn)諒哈)。
給人的感覺(jué)只會(huì)是一個(gè)空洞而又抽象的石板,如果在游戲中我們看到的是后面的圖,估計(jì)很多同學(xué)的第一反應(yīng)會(huì)是“出BUG了吧?”,現(xiàn)在我們還原文字,很明顯了,這是一個(gè)游戲的副本挑戰(zhàn)選擇。
雖然字?jǐn)?shù)不多,但是作為交待內(nèi)容來(lái)說(shuō)足夠了,當(dāng)然,文字也不是越多越好的,比如這個(gè)網(wǎng)站設(shè)計(jì)界面就是UI設(shè)計(jì)中妥妥的反面教材。
什么都想說(shuō),結(jié)果就是文字過(guò)密集,字體過(guò)于花哨
要點(diǎn)二:整體配色要穩(wěn)定,避免視覺(jué)疲勞
說(shuō)到配色,看過(guò)我們之前教程的同學(xué)應(yīng)該都有印象,對(duì)了,就是“黃金比率”,主色調(diào)占60%,輔色占30%,點(diǎn)綴色占10%。但是具體到UI界面,黃金比率還不是最重要的,還有一個(gè)很關(guān)鍵的因素,即:偏亮偏純的顏色一般集中在面積較小的區(qū)域,偏灰偏暗的顏色才是畫(huà)面中最主要的,也就是“三分純七分灰”,比如名動(dòng)漫學(xué)生設(shè)計(jì)的賽博朋克風(fēng)的界面。
整體是大面積的暗色,只有在視覺(jué)中心的部位才有一些偏純偏亮的色彩,這樣給我們的感覺(jué)就不會(huì)過(guò)于花,像是下面這種色彩搭配,雖然大體上也符合“黃金比率”,但由于純色占了畫(huà)面中最主要的區(qū)域,還是辣眼無(wú)比。
游戲界面ui設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
要點(diǎn)三:視覺(jué)引導(dǎo)要合理,自然,清晰
在界面設(shè)計(jì)中,我們需要讓關(guān)鍵位置有明暗和色彩的強(qiáng)烈對(duì)比,這樣才能讓觀眾第一時(shí)間就能看到,而不要把界面的設(shè)計(jì)當(dāng)做“捉迷藏”。
?。?)比如這個(gè)學(xué)生的作品設(shè)計(jì)中
界面整體的色彩是比較偏“灰”的,但得益于做出了明暗的強(qiáng)烈對(duì)比,我們?cè)诘谝粫r(shí)間依然能看到周?chē)奈锲?技能欄,這就是巧妙運(yùn)用視覺(jué)引導(dǎo)的例子。
?。?)還有這個(gè)“簽到界面”
已經(jīng)完成簽到的就可以降低對(duì)比度,(領(lǐng)過(guò)的東西還會(huì)有人特地去看么?),玩家更關(guān)心的是當(dāng)下自己所領(lǐng)到的東西,因此藍(lán)色+橙色的對(duì)比色,就很好地引導(dǎo)著玩家往“第三天簽到”去看,而模糊不清的界面設(shè)計(jì),除了只會(huì)讓客戶(hù)不知所措,甚至遺漏重要信息以外,毫無(wú)意義。
要點(diǎn)四:風(fēng)格上保持一致,避免突兀
你的界面風(fēng)格是現(xiàn)代的,那么整體的元素選取,也是要以現(xiàn)代的科技或者元素。
這樣風(fēng)格高度一致界面才會(huì)避免“違和感”,所以也就不難理解,《和平精英》之前搞過(guò)的關(guān)二爺拿AK的設(shè)計(jì),能有如此大的爭(zhēng)議了。
游戲界面ui設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))
以上是小編為大家?guī)?lái)的有關(guān)游戲界面ui設(shè)計(jì)要點(diǎn)和原則的具體介紹,相信大家在看完之后也清楚了吧,歡迎關(guān)注我們的網(wǎng)站了解更多信息。