雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁(yè) 案例 服務(wù) 關(guān)于 face+

游戲界面ui設(shè)計(jì)要點(diǎn)是什么?需要遵循哪些原則

Time: 2021-04-14

如今游戲已經(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ì)

游戲界面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ì)

游戲界面ui設(shè)計(jì)(圖片來(lái)自網(wǎng)絡(luò))


  以上是小編為大家?guī)?lái)的有關(guān)游戲界面ui設(shè)計(jì)要點(diǎn)和原則的具體介紹,相信大家在看完之后也清楚了吧,歡迎關(guān)注我們的網(wǎng)站了解更多信息。


合作咨詢(xún)

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁(yè) | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見(jiàn)

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開(kāi)