如何做好等级徽章设计？注意这3个维度就够了！

很多设计师不会做等级体系，今天菜心老师来聊聊这个话题！

其实体现等级体系的进阶感非常简单，你只需要注意三个维度：颜色、造型、质感。

我们一个一个来讲。

更多UI设计干货：

一、颜色

说到颜色，我们就可以先说色相，其实单一色相也可以凸显出等级感，比如蓝色、绿色这种冷色系一般代表低等级，而黄橙红等暖色一般代表高等级：

这里面需要强调一个饱和度的知识点，就是低等级的时候，我们可以适当将颜色饱和度调低，这样会让效果看起来更加“寒酸”，低等级的感觉就会更加强烈，就像刚才的例子一样：

除了色相，那肯定就是颜色的数量决定了等级的高低，低等级我们可以用一个颜色，高等级的我们可以用两个颜色的渐变，甚至 3 个颜色的渐变：

当然，我们也遇到过另外一种需求，就是色相只有一种，只能用绿色，但还是需要有等级感，这时候怎么办？

其实也是可以用颜色的层级数量来进行区分，比如低等级的用一层绿，高等级的用多层绿：

这其实也是在用颜色的数量来进行等级区分。

这里额外说一个颜色的其他知识点，在满足等级感的同时，一定要注意颜色的呼应与和谐，比如下面这个，背景板有红色，但是主体就没有红色呼应，所以就非常奇怪：

当优化之后，前后颜色有呼应了，就会更加的舒服和谐：

所以总结下来，颜色色相、饱和度、数量都可以影响等级感，我们根据具体需求来进行设计就可以了。

二、造型

造型不难理解，越复杂的造型，显得等级越高。

我们就拿底板来说，最开始可以用三角形，然后依次 4 边形，5 边形，6 边形等等：

再拿主元素来说，也是造型越复杂，等级越高，比如我们在用吉祥物做主元素的时候，低等级可以少一些修饰元素，而高等级就可以多一些修饰元素：

不同种类的等级有不同的造型方式，但是逻辑都是类似的！

当然，如果你的造型的复杂度都差不多，你也可以用组合的方式，去添加层次，层次越丰富，等级感就会越高。

比如刚才的六边形，如果我们再加一层翅膀的层次，等级就会更高，如果再加一层钻石，那等级就更更高：

只要你的层次不断丰富，等级感就可以不断增加！

我们来看暴击图标的需求，就是不断增加层次来体现等级感的：

三、质感

质感也是代表等级的一个维度，低等级的质感可以相对平一些，而高等级的质感可以更加丰满华丽：

当然，即使在做底板的时候，也是可以用质感来体现等级，比如低级的底板没有金色描边，而高等级的底板就可以增加金色描边：

这些都是我们在做等级时候的常用小技巧，大家可以多多尝试。

以上就是影响等级感的三个维度，分别为：颜色、造型、质感，下次再做等级的时候，不要再没思路了哦！