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

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

今天我们来优化一位星友的练习，一组质感图标。

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

 

01 关于背景

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

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

 

02 关于底板

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

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

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

 

03 关于图标

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

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

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

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

这样就好一些。

 

04 关于展示

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

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

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

 

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

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

 

原文地址：
菜心设计铺（公众号）作者：菜心