[游戲UI教程] 游戲UI設(shè)計設(shè)計要點

2021-12-28

　　玩游戲時，不知道各位有沒有和小編一樣想令自己沉迷的游戲究竟有什么奧秘呢？要知道一款好游戲，它不僅有精美的人物設(shè)計以及流暢的劇情，其漂亮的ＵＩ界面也十分關(guān)鍵，本期小編通過學(xué)生作品，和大家嘮一嘮游戲ＵＩ中的要點吧。

　　要點一：文字要簡潔明了，方便觀眾

　　在UI的設(shè)計中，文字信息是非常重要的，甚至可以說沒有之一，很多界面如果去掉了文字本身，可能會讓你不知所云，比如名動漫學(xué)生設(shè)計的界面，現(xiàn)在我們把文字去掉（渣PS請見諒哈）。

　　給人的感覺只會是一個空洞而又抽象的石板，如果在游戲中我們看到的是后面的圖，估計很多同學(xué)的第一反應(yīng)會是“出BUG了吧？”，現(xiàn)在我們還原文字，很明顯了，這是一個游戲的副本挑戰(zhàn)選擇。

　　雖然字?jǐn)?shù)不多，但是作為交待內(nèi)容來說足夠了，當(dāng)然，文字也不是越多越好的，比如這個網(wǎng)站設(shè)計界面就是UI設(shè)計中妥妥的反面教材。

　　什么都想說，結(jié)果就是文字過密集，字體過于花哨

　　要點二：整體配色要穩(wěn)定，避免視覺疲勞

　　說到配色，看過我們之前教程的同學(xué)應(yīng)該都有印象，對了，就是“黃金比率”，主色調(diào)占60%，輔色占30%，點綴色占10%。但是具體到UI界面，黃金比率還不是最重要的，還有一個很關(guān)鍵的因素，即：偏亮偏純的顏色一般集中在面積較小的區(qū)域，偏灰偏暗的顏色才是畫面中最主要的，也就是“三分純七分灰”，比如名動漫學(xué)生設(shè)計的賽博朋克風(fēng)的界面。

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

　　要點三：視覺引導(dǎo)要合理，自然，清晰

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

　　（1）比如這個學(xué)生的作品設(shè)計中

　　界面整體的色彩是比較偏“灰”的，但得益于做出了明暗的強烈對比，我們在第一時間依然能看到周圍的物品/技能欄，這就是巧妙運用視覺引導(dǎo)的例子。

　?。?）還有這個“簽到界面”

　　已經(jīng)完成簽到的就可以降低對比度，（領(lǐng)過的東西還會有人特地去看么？），玩家更關(guān)心的是當(dāng)下自己所領(lǐng)到的東西，因此藍(lán)色+橙色的對比色，就很好地引導(dǎo)著玩家往“第三天簽到”去看，而模糊不清的界面設(shè)計，除了只會讓客戶不知所措，甚至遺漏重要信息以外，毫無意義。