很多設計師不會做等級體系，今天菜心老師來聊聊這個話題！

其實體現等級體系的進階感非常簡單，你只需要注意三個維度：顏色、造型、質感。

我們一個一個來講。

更多UI設計干貨：

一、顏色

說到顏色，我們就可以先說色相，其實單一色相也可以凸顯出等級感，比如藍色、綠色這種冷色系一般代表低等級，而黃橙紅等暖色一般代表高等級：

這里面需要強調一個飽和度的知識點，就是低等級的時候，我們可以適當將顏色飽和度調低，這樣會讓效果看起來更加“寒酸”，低等級的感覺就會更加強烈，就像剛才的例子一樣：

除了色相，那肯定就是顏色的數量決定了等級的高低，低等級我們可以用一個顏色，高等級的我們可以用兩個顏色的漸變，甚至 3 個顏色的漸變：

當然，我們也遇到過另外一種需求，就是色相只有一種，只能用綠色，但還是需要有等級感，這時候怎么辦？

其實也是可以用顏色的層級數量來進行區分，比如低等級的用一層綠，高等級的用多層綠：

這其實也是在用顏色的數量來進行等級區分。

這里額外說一個顏色的其他知識點，在滿足等級感的同時，一定要注意顏色的呼應與和諧，比如下面這個，背景板有紅色，但是主體就沒有紅色呼應，所以就非常奇怪：

當優化之后，前后顏色有呼應了，就會更加的舒服和諧：

所以總結下來，顏色色相、飽和度、數量都可以影響等級感，我們根據具體需求來進行設計就可以了。

二、造型

造型不難理解，越復雜的造型，顯得等級越高。

我們就拿底板來說，最開始可以用三角形，然后依次 4 邊形，5 邊形，6 邊形等等：

再拿主元素來說，也是造型越復雜，等級越高，比如我們在用吉祥物做主元素的時候，低等級可以少一些修飾元素，而高等級就可以多一些修飾元素：

不同種類的等級有不同的造型方式，但是邏輯都是類似的！

當然，如果你的造型的復雜度都差不多，你也可以用組合的方式，去添加層次，層次越豐富，等級感就會越高。

比如剛才的六邊形，如果我們再加一層翅膀的層次，等級就會更高，如果再加一層鉆石，那等級就更更高：

只要你的層次不斷豐富，等級感就可以不斷增加！

我們來看暴擊圖標的需求，就是不斷增加層次來體現等級感的：

三、質感

質感也是代表等級的一個維度，低等級的質感可以相對平一些，而高等級的質感可以更加豐滿華麗：

當然，即使在做底板的時候，也是可以用質感來體現等級，比如低級的底板沒有金色描邊，而高等級的底板就可以增加金色描邊：

這些都是我們在做等級時候的常用小技巧，大家可以多多嘗試。

以上就是影響等級感的三個維度，分別為：顏色、造型、質感，下次再做等級的時候，不要再沒思路了哦！