在做网站优化过程,定时总结seo优化工作有利于发现优化问题

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

2026-09-05 03:52:16栏目:休闲

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

很多设计师不会做等级体系 ,徽计注今天菜心老师来聊聊这个话题 !章设

其实体现等级体系的维度进阶感非常简单,你只需要注意三个维度 :颜色、何做好造型、徽计注质感 。章设

我们一个一个来讲。维度

一、何做好颜色

说到颜色,徽计注我们就可以先说色相 ,章设其实单一色相也可以凸显出等级感 ,维度比如蓝色、何做好绿色这种冷色系一般代表低等级,徽计注而黄橙红等暖色一般代表高等级:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、造型

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

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

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

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

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

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

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

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

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

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

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

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

三 、质感

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

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

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

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

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

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

作者:菜心

热门文章

HOT ARTICLE