我是真不敢相信，这么简单确这么出效果，绝绝子！

菜心的第376篇原创

2022年的第07篇

距离2022年小目标160篇原创还剩153篇

今天我们来优化一位星友的练习，一组质感图标，效果如下：

怎么来优化呢，我们一步一步来。

01 关于背景

首先，咱们来看看最简单的背景，最开始的背景加了很多纹理：

但这种纹理其实比较老旧，没那么高级，不如直接就简单点，一个纯白色或者一个纯灰色就完了，简单又干净！

02 关于底板

其他的图标底板也是加了很多效果，比如内阴影、投影等等：

但这里有个问题就是，内阴影和投影糊在一起了，显得很脏，不干脆，所以我们还是可以去掉多余的效果，然后把投影变得大一点，轻一点，我们看下对比：

底板和背景分离的更加清晰，整体感觉也会高级很多。

03 关于图标

图标本身的话，首先有一些比较基础的问题，像这种钻石：

白色钻石在白色底板上，那肯定是看不清楚的，这种就是比较基础的识别问题了。

再比如，像这种设置的图标：

也是质感过于复杂，而且加的质感风格也比较旧，所以还是可以尝试做简化，然后增强整体的对比度，比如深色更重，黄色更亮：

这样就好一些。

04 关于展示

最后其实就是整体的展示包装了，图标其实尽量不要挨的太紧，那样会显得过于臃肿，还是要有点透气的间距。

其次还是可以加一点文案，比如小英文之类的，由于时间原因，就改了四个图标，大家看下大概的效果，明白原理就可以了，我们看下前后气质上的对比：

还是提升很多的，当然，我这只是其中优化方式，大家也可以多多尝试，优化出不同风格！

总结

由于审美的原因，其实很多同学都会做一些费力不讨好的事情，所以，底层的审美还是非常重要的，多看看国外的设计，多看看流行趋势，让我们的眼界打开，这样才能做出及格的作品。

好啦，今天就先分享这么多，继续加油！

上面的案例在星球里有详细的视频操作直播，感兴趣的可以加入下方星球，有优惠券哦！

有迷茫想快点进步的看这里：

本文来自微信公众号“菜心设计铺”（ID：caixinshejipu）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS: 优化其实图标效果比较