ui設(shè)計(jì)涉及的行業(yè)和領(lǐng)域很多，但是有一個(gè)行業(yè)是ui設(shè)計(jì)師最喜歡的，那就是游戲界?，F(xiàn)在的游戲界面通過ui設(shè)計(jì)變得更加生動(dòng)有趣。今天就讓faceui為大家介紹游戲界面ui設(shè)計(jì)的要點(diǎn)總結(jié)，游戲界面ui設(shè)計(jì)怎么做讓游戲界面有科技感。

　　游戲界面ui設(shè)計(jì)的要點(diǎn)總結(jié)

　　1、文字要簡(jiǎn)潔明了，方便觀眾

　　在UI的設(shè)計(jì)中，文字信息是非常重要的，甚至可以說(shuō)沒有之一，很多界面如果去掉了文字本身，可能會(huì)讓你不知所云，多余的文字給人的感覺只會(huì)是一個(gè)空洞而又抽象的石板，如果在游戲中有太多文字，大家玩游戲就像讀書一樣，那簡(jiǎn)直太累人了。

　　游戲界面ui設(shè)計(jì)，字?jǐn)?shù)不能太多，但是作為交待內(nèi)容來(lái)說(shuō)足夠了，當(dāng)然，文字也不是越多越好的。如果什么都想說(shuō)，結(jié)果就是文字過密集，字體過于花哨，會(huì)沖淡游戲的主題。

　　2、整體配色要穩(wěn)定，避免視覺疲勞

　　說(shuō)到配色，記住“黃金比率”，主色調(diào)占60%，輔色占30%，點(diǎn)綴色占10%。但是具體到UI界面，黃金比率還不是最重要的，還有一個(gè)很關(guān)鍵的因素，即：偏亮偏純的顏色一般集中在面積較小的區(qū)域，偏灰偏暗的顏色才是畫面中最主要的，也就是“三分純七分灰”，比如名動(dòng)漫學(xué)生設(shè)計(jì)的賽博朋克風(fēng)的界面。

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

　　3、視覺引導(dǎo)要合理，自然，清晰

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

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

　　界面整體的色彩是比較偏“灰”的，但得益于做出了明暗的強(qiáng)烈對(duì)比，我們?cè)诘谝粫r(shí)間依然能看到周圍的物品/技能欄，這就是巧妙運(yùn)用視覺引導(dǎo)的例子。已經(jīng)完成簽到的就可以降低對(duì)比度，（領(lǐng)過的東西還會(huì)有人特地去看么？），玩家更關(guān)心的是當(dāng)下自己所領(lǐng)到的東西，因此藍(lán)色+橙色的對(duì)比色，就很好地引導(dǎo)著玩家往更關(guān)注的地方去看，而模糊不清的界面設(shè)計(jì)，除了只會(huì)讓客戶不知所措，甚至遺漏重要信息以外，毫無(wú)意義。

　　4、風(fēng)格上保持一致，避免突兀

　　你的界面風(fēng)格是現(xiàn)代的，那么整體的元素選取，也是要以現(xiàn)代的科技或者元素。這樣風(fēng)格高度一致界面才會(huì)避免“違和感”，所以也就不難理解。

　　游戲界面ui設(shè)計(jì)怎么做讓游戲界面有科技感

　　1、結(jié)合游戲的內(nèi)容，對(duì)以上的元素進(jìn)行篩選，找到相關(guān)的參考素材確定主視覺風(fēng)格（簡(jiǎn)潔的表達(dá)，細(xì)節(jié)追求，具有品質(zhì)感）。

　　2、根據(jù)界面的構(gòu)成，可以從背景、圖形、配色、控件設(shè)計(jì)、字體、動(dòng)效、特效這幾個(gè)方面開始分析：

　?。?）背景。制作一般是利用顏色或者游戲場(chǎng)景來(lái)表現(xiàn)。顏色有用純色、漸變等來(lái)表現(xiàn)，大多以深色為主，色相偏冷，比如科技代表色藍(lán)色、青色。大面積的冷色調(diào)和深色很容易營(yíng)造出科技氛圍感。還可以和文字形成對(duì)比來(lái)傳遞信息內(nèi)容（襯托作用）。

　?。?）圖形。修飾性的圖形都會(huì)以點(diǎn) 、線、面、規(guī)則的、不規(guī)則的、抽象的各種樣式去設(shè)計(jì)。修飾性的圖形（簡(jiǎn)單的幾何圖形，比如圓環(huán)、線、矩形等的復(fù)合）在點(diǎn)綴搭配時(shí)，不要過于花哨，要讓玩家知道界面的重點(diǎn)內(nèi)容是什么，不要搶了內(nèi)容信息的風(fēng)頭。

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

　?。?）配色。顏色按照631的搭配比例進(jìn)行配色，最好不要使用過多的配色，控制在三種色相內(nèi)設(shè)計(jì)。過多的配色會(huì)干擾信息的傳達(dá)，也會(huì)影響其他界面的延展統(tǒng)一性導(dǎo)致后期的失控。例如：冷暖對(duì)比、色相差異、顏色明度純度……來(lái)產(chǎn)生差異性使引導(dǎo)可以清晰明了。

　　（4）控件?？丶谟螒蛑械姆N類較多，這里重點(diǎn)列出三種進(jìn)行闡述：

　　圖標(biāo)是具有明確指代含義的圖形，它是功能標(biāo)識(shí)也是圖形符號(hào)。所以最好是以最簡(jiǎn)單的圖形，來(lái)表達(dá)最容易理解的含義，呈現(xiàn)最合理的設(shè)計(jì)。

　　按鈕是游戲UI中最重要的交互控件。玩家要第一眼就發(fā)現(xiàn)并知道這是一個(gè)可以點(diǎn)擊的按鈕，要讓按鈕看上去像一個(gè)按鈕；無(wú)歧義且圖標(biāo)表達(dá)易懂、文字表達(dá)到位，能清晰地讓玩家知道點(diǎn)擊后會(huì)發(fā)生的事情；按鈕也有主次之分，重要的按鈕要更突出顏色/更顯眼的位置/更強(qiáng)烈的提示。

　　框體可以幫助我們將界面內(nèi)容與其他元素在視覺上區(qū)別開，它作為一個(gè)元素來(lái)分解設(shè)計(jì)的不同部分。大多科技風(fēng)的框體多用簡(jiǎn)單的線條去設(shè)計(jì)，不需要很多的效果。

　?。?）字體。字體多為線條硬朗的無(wú)襯線字體，該類字體通常是機(jī)械的和統(tǒng)一線條的，它們往往擁有相同的曲率，筆直的線條，銳利的轉(zhuǎn)角 。這類字體簡(jiǎn)單很符合科技風(fēng)的調(diào)性（與圖形線條很搭配，自身的簡(jiǎn)潔顯得很精致）。字體的種類如果有特定的要求最好也不要超過三種，多利用文字大小、粗細(xì)、顏色、透明度等營(yíng)造信息層級(jí)關(guān)系。

　?。?）動(dòng)效。有了動(dòng)效，讓我們之前做的界面就鮮活的呈現(xiàn)了出來(lái)。它可以引導(dǎo)，交互，讓玩家更好的去沉浸你的游戲中。所以它和界面的美觀、易用、滿足需求等息息相關(guān)（傳達(dá)狀態(tài)提供反饋，可視化操作的結(jié)果，增強(qiáng)交互的感覺）。切記要求動(dòng)效的準(zhǔn)確簡(jiǎn)潔。

　　（7）特效。特效在UI的視覺表現(xiàn)上也起到了推波助瀾的作用。提高整個(gè)界面的表現(xiàn)，烘托氛圍；吸引玩家眼球，增加引導(dǎo)指向，拉進(jìn)玩家互動(dòng)。簡(jiǎn)潔為主，不可過多的絢麗效果堆砌，強(qiáng)調(diào)重點(diǎn)表現(xiàn)。

　　以上就是faceui為大家介紹的關(guān)于游戲界面ui設(shè)計(jì)的相關(guān)內(nèi)容。游戲界面設(shè)計(jì)是ui設(shè)計(jì)的主要領(lǐng)域，能設(shè)計(jì)除好的游戲界面，往往需要設(shè)計(jì)者對(duì)游戲玩家的感受非常重視才行。