首页 > SEO动态 > 网站技术如何做好等级徽章设计?注意这3个维度就够了!

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

2025-05-16 09:44:09

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

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

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

我们一个一个来讲。

一、颜色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、造型

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

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

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

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

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

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

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

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

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

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

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

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

三、质感

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

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

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

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

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

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

作者:菜心

想了解更多网站技术的内容,请访问:网站技术

本文来源:https://www.youhuaxing.cn/seodongtai/20579.html

免责声明:部分文章信息来源于网络以及网友投稿,本网站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性,不承担任何法律责任。
用我们的专业,做您满意的SEO+高端网站建设服务商!