很多設(shè)計(jì)師不會(huì)做等級(jí)體系，今天菜心老師來(lái)聊聊這個(gè)話題！

其實(shí)體現(xiàn)等級(jí)體系的進(jìn)階感非常簡(jiǎn)單，你只需要注意三個(gè)維度：顏色、造型、質(zhì)感。

我們一個(gè)一個(gè)來(lái)講。

更多UI設(shè)計(jì)干貨：

一、顏色

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

這里面需要強(qiáng)調(diào)一個(gè)飽和度的知識(shí)點(diǎn)，就是低等級(jí)的時(shí)候，我們可以適當(dāng)將顏色飽和度調(diào)低，這樣會(huì)讓效果看起來(lái)更加“寒酸”，低等級(jí)的感覺(jué)就會(huì)更加強(qiáng)烈，就像剛才的例子一樣：

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

當(dāng)然，我們也遇到過(guò)另外一種需求，就是色相只有一種，只能用綠色，但還是需要有等級(jí)感，這時(shí)候怎么辦？

其實(shí)也是可以用顏色的層級(jí)數(shù)量來(lái)進(jìn)行區(qū)分，比如低等級(jí)的用一層綠，高等級(jí)的用多層綠：

這其實(shí)也是在用顏色的數(shù)量來(lái)進(jìn)行等級(jí)區(qū)分。

這里額外說(shuō)一個(gè)顏色的其他知識(shí)點(diǎn)，在滿足等級(jí)感的同時(shí)，一定要注意顏色的呼應(yīng)與和諧，比如下面這個(gè)，背景板有紅色，但是主體就沒(méi)有紅色呼應(yīng)，所以就非常奇怪：

當(dāng)優(yōu)化之后，前后顏色有呼應(yīng)了，就會(huì)更加的舒服和諧：

所以總結(jié)下來(lái)，顏色色相、飽和度、數(shù)量都可以影響等級(jí)感，我們根據(jù)具體需求來(lái)進(jìn)行設(shè)計(jì)就可以了。

二、造型

造型不難理解，越復(fù)雜的造型，顯得等級(jí)越高。

我們就拿底板來(lái)說(shuō)，最開(kāi)始可以用三角形，然后依次 4 邊形，5 邊形，6 邊形等等：

再拿主元素來(lái)說(shuō)，也是造型越復(fù)雜，等級(jí)越高，比如我們?cè)谟眉槲镒鲋髟氐臅r(shí)候，低等級(jí)可以少一些修飾元素，而高等級(jí)就可以多一些修飾元素：

不同種類(lèi)的等級(jí)有不同的造型方式，但是邏輯都是類(lèi)似的！

當(dāng)然，如果你的造型的復(fù)雜度都差不多，你也可以用組合的方式，去添加層次，層次越豐富，等級(jí)感就會(huì)越高。

比如剛才的六邊形，如果我們?cè)偌右粚映岚虻膶哟?，等?jí)就會(huì)更高，如果再加一層鉆石，那等級(jí)就更更高：

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

我們來(lái)看暴擊圖標(biāo)的需求，就是不斷增加層次來(lái)體現(xiàn)等級(jí)感的：

三、質(zhì)感

質(zhì)感也是代表等級(jí)的一個(gè)維度，低等級(jí)的質(zhì)感可以相對(duì)平一些，而高等級(jí)的質(zhì)感可以更加豐滿華麗：

當(dāng)然，即使在做底板的時(shí)候，也是可以用質(zhì)感來(lái)體現(xiàn)等級(jí)，比如低級(jí)的底板沒(méi)有金色描邊，而高等級(jí)的底板就可以增加金色描邊：

這些都是我們?cè)谧龅燃?jí)時(shí)候的常用小技巧，大家可以多多嘗試。

以上就是影響等級(jí)感的三個(gè)維度，分別為：顏色、造型、質(zhì)感，下次再做等級(jí)的時(shí)候，不要再?zèng)]思路了哦！