网站图标怎么设计才能更受欢迎?

发布时间:2025-04-27 10:09:39 作者:珠海网站建设_网站制作_做网站设计公司 来源:本站 浏览量(173) 点赞(129)
摘要:能提高图标细节和高级感的小技巧,今天与大家分享下这几种风格的设计思路,以及需要注意的点。从以下3个方面去解析图标的流行画法!分享大纲:1.层叠手法2.图标图形化3.单色弱渐变透明图标层叠手法顾名思义图标之间有纵深前后关系,通过这样去处理,可以让图标层次丰富,增加设计细节,打破枯燥无味的单色扁平图标。通

能提高图标细节和高级感的小技巧,今天与大家分享下这几种风格的设计思路,以及需要注意的点。从以下3个方面去解析图标的流行画法!

分享大纲:

1.层叠手法       2.图标图形化         3.单色弱渐变透明图标

层叠手法

顾名思义图标之间有纵深前后关系,通过这样去处理,可以让图标层次丰富,增加设计细节,打破枯燥无味的单色扁平图标。

通常大部分人设计一个图标就直接将图形画出来后,这样就完事了,没有继续深入下去。这样图标看着枯燥乏味,普通了一些。

图标怎么设计才能更受欢迎?

如上图,将图标在接口处进行细节弱透明度处理,那么效果就完全不一样了。

图标怎么设计才能更受欢迎?

这里需要注意,一般都是在图标的接口处进行层叠处理,从A到B的一个线性渐变。

下面来看看案例:

图标怎么设计才能更受欢迎?

Atlassian的品牌图标系统

图标怎么设计才能更受欢迎?

使用建议:运用在面形图标效果会更好些,或者线条粗一些的图标,一般运用在TabBar上面居多。

 

图标图形化

这种比较好用,将图标进行抽象放大化处理,变成一种图形方式。一般运用在卡片设计上面居多。

图标怎么设计才能更受欢迎?

左侧卡片上面,图标直接使用描边效果。卡片里面虽然加了一些底纹图形,但是整体效果略显平庸了一些 。

图标怎么设计才能更受欢迎?

重新将图标进行图形化处理,既能够表达当前含义,同时设计上细节和品质感有所提升。

 

其他思路延展示例:

图标怎么设计才能更受欢迎?

当然还有一种类似的思路,可以将图标进行放大化,并进行色彩分割处理为背景,前景放图标和文案等。我将前面两个思路综合运用,图形化背景和层叠图标。这里的图形希望大家不要乱用,尽量使用图标的图形来演变。

 

单色弱渐变透明图标

图标通过弱渐变透明处理,其思路有点类似第一个。但是这个方法图标整体带透明度的范围更大。

先来直接看个案例:

图标怎么设计才能更受欢迎?

这种图标给人比较新颖的时尚感,层次也丰富。

二维码

扫一扫,关注我们

声明:本文由【珠海网站建设_网站制作_做网站设计公司】编辑上传发布,转载此文章须经作者同意,并请附上出处【珠海网站建设_网站制作_做网站设计公司】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!