【美術專題】遊戲UI設計（上）

一.什麼是遊戲UI

遊戲UI設計涵蓋了遊戲軟件中交互設計、界面設計等內容，在遊戲設計中，界面、圖標等UI的設計內容會隨着遊戲定位不一樣而變化。既要凸顯遊戲的風格性，又要讓操做簡便、溫馨，符合遊戲功能性規劃。

二.設計目的

遊戲UI設計的目的是爲了解決玩家需求，在簡單易懂的前提下，讓玩家對遊戲留下美好而深入的印象。功能的易用是遊戲UI設計的首要因素，它決定一款遊戲的核心體驗。而易用則是遊戲功能的外在表現，可以有效地提高遊戲產品的市場價值。

因此，遊戲UI設計力求在功能性和美觀性二者之間達到平衡。

達到易用和美觀這兩點的平衡，就能夠設計出合格的遊戲界面了。

想要達到這兩點，你須要遵循如下的幾個原則:

1.類似相近原則

「風格統一，同類相近」。同一類型控件的位置要離的近一些，即便沒有圖案的框選，也能知道它們屬於同一類按鈕。同類功能的按鈕都擺在一塊兒，不一樣類型的按鈕之間也沒有出現相互干擾。

2.目標導向原則

遊戲界面中相應的目標功能。界面所展現的信息可以讓玩家明確理解並容易操做。

這幾個圖中，每一個界面中的UI控件都能和這個圖中的其餘控件造成一種風格。同類功能的按鈕圖標擺放的都很近，不一樣類型的按鈕擺放的都很遠，且每個界面中的每個UI控件的配色都能和這個界面造成很好的自洽性。

作的一切設計都要爲你的這個目標來服務，要時刻想着你作的是一個怎樣的界面，這個界面是幹什麼用的。所展現的信息必定要可以讓玩家明確理解並容易操做。在確保界面原始功能目標達成的狀況下，再來保證總體界面的美觀性與功能性。

3.色彩傾向

色彩傾向：在界面設計中，總體色彩傾向即指一般意義上主色調。

在遊戲UI設計中，使用百分比來對色彩作出劃分，也就是「631」原則。631原則就是總體界面的配色按照百分比來劃分的話，主色佔60%，輔色佔30%，須要突出的顏色爲10%。

以上圖這個倉庫的界面爲例子，整個界面配色以白色爲主色，大概佔了這個界面顏色比重的60%，灰色和深灰色爲輔色，大概佔了30%左右，須要突出的裝扮按鈕用的是亮黃色按鈕，大概佔了10%左右的顏色比例，這個界面的配色所應用的就是631原則。

上圖的這個界面的色彩運用相對就比較簡潔，他的主體顏色是大面積的墨綠色，輔色用了更深的綠色來突出總體畫面的層次感，界面中的功能性按鈕採用了比較高亮的顏色來進行點綴，顏色對比很是強烈。總體畫面給人的感受也很是溫馨。

總的來講，在遊戲ui色彩搭配的時候，須要咱們作到感性與理性的相結合。

4.文字節奏

在遊戲UI設計中，文字的合理應用佔遊戲可讀性的首要位置。 一般在圖標不足以徹底表達信息時，文字就是對UI功能性最好的補充。

字體設計包含了文字排版，形狀，大小，顏色等內容。而在同一個界面中，根據信息重要程度在文字形式上做出相對變化，便可豐富信息的層級變化，突出重點內容。所以根據功能場景的不一樣需求，使用不一樣的文字形式，把控文字節奏，是豐富UI層級，表達方式的重要形式。

圖片中界面的文字節奏控制的就很合理，這是一個結算界面，界面中的「沒時間了」這幾個字，用的字號爲很大的40號，顏色醒目，位置也放在了比較顯眼的地方，讓玩家第一眼就能看到咱們所須要引導玩家看到的重要信息。

（前三名的數字是30號，後面名次是24號，而且有顏色區分）

排行榜的名次字號，前三名的數字爲30號，後面的名次是24號的，在顏色上也作出了不一樣的區分。總體節奏把控的十分合理。

（也相對比較醒目）

在玩家排行榜上的星級評分採用了白色的字色，在暗色的背景陪襯下也較爲醒目。

Tips：在設計界面時，文字的字號最好是雙數的，通常PC端的遊戲最小的字不要小於14號，移動端的字最小不要小於20號，不然會模糊不清。