掌握这3个方法，新手也能做出精致的图标设计（附实战演示）

我在 UI 课上告诉大家，图标做成下面这样是不可能的，精致度、统一性、差异化都没有：

其实你只需要有一定的审美，就可以做出足够优秀精致的图标，我在课上现场给大家演示了一下，今天也在这分享一下。

往期教程：

你只需要做三件事情，就可以让你做出足够优秀的作品

第一：找到合适的图标素材

第二：增强设计素材的统一性

第三：给设计素材加入自己的想法

我们这次做的图标分别为：通知、商城、发现、我的。

第一：找到合适的图标素材

我就拿最常用的阿里巴巴图标库，打开网址，找通知图标，直接下载第一页，第 1 排第 2 个：

放大如下：

接下来是商城图标，继续搜索商城，我们选用第一页，第 2 排第 2 个：

放大如下：

相同的方式，我们找到以下四个图标的原始素材：

这里面我们需要注意，在找素材的时候，你至少需要找到一两个不太一样的图标，否则整体就会比较普通，我们现在这样看上去，第四个“我的”图标，相对来说不一样一点，至少没那么常见：

第二：增强设计素材的统一性

有了素材之后，我们首先要让他们看起来是一套的，所以在统一性上需要优化，先优化大小和线条粗细：

大小和粗细优化完之后，我们再优化下圆角统一性，现在很明显，只有第二个图标是圆润的，其他的都是有点硬朗的，可以进行统一下：

直角圆角统一了之后，还有一个统一性就是断线，只有第二个没有断开的设计，所以我们再把商城进行断线处理：

第三：给设计素材加入自己的想法

大家要明白，虽然我们可以直接下载图标素材，而且可以通过审美让他们变得相对精致统一，但素材毕竟还是通用的，我们还是需要融入自己的想法和设计，不能完全依赖素材，举一个最简单的例子，“我的”这个图标，他的脑袋是圆形的，那我们是不是可以把他改成矩形的？

比如一些细节的调整，像通知图标，感觉有点秃，是不是可以让中间伸出一点宽度来：

细微调整之后，如果觉得还不够，我们还可以继续添加新的设计语言，比如增加配色点缀：

就这样，这几个图标，渐渐的就成为了你自己的作品！

我们在放适当的包装一下：

我们再对比一下原始的素材：

效果还是提升很大的！

所以，做任何事情，一定要讲究方法，不能死脑筋，否则进步就很慢。

我估计大家肯定还没看够，菜心老师这么多年的经验，大家跟着我学习，我再拿一个更有难度的，同学问我老师这种古风的图标怎么做，上面是他找的参考，下面是他自己做的：

我问他，普通图标做成啥样？他说做成这样：

我就。。。。。

这里面他犯了两个逻辑问题：

第一个问题：基础图标都差很多，却想着做更难的古风图标

第二个问题：他在做更有难度的图标时，依然在自己想着做，而不是在别人的基础上去进行二次创新，虽然他找了参考，但是他画的东西和别人的参考没有半毛钱关系。

这两个逻辑问题，就导致他一定是没结果的。

假设现在是我来做几个古风图标，分别为首页、文物、推荐，我们依然用刚才的方法论：

第一：找到合适的图标素材

第二：增强设计素材的统一性

第三：给设计素材加入自己的想法

第一：找到合适的图标素材：

第二：增强设计素材的统一性

社区的房子，我们都改成线性语言，然后再加一个竖线：

文物图标这个鼎，我们可以缩短四个角落的线条，让中视觉更加聚焦中间：

扇子，我们做一定的简化处理，让它变得更加工整：

最后我们整合到一起，效果就可以变成这样：

是不是看起来就精致统一很多啦。

第三：给设计素材加入自己的想法

接下来就是继续融入自己的想法，比如融入一些粗细的笔触，看起来更有古香古色的味道：

甚至你还可以增加更多细节：

当然，你也可以做减法，做更简洁的版本：

能玩的还是挺多的，而且也很有意思，但不管怎样，我都是在一个基础之上进行局部创新，而不是在经验不足的情况下追求 100%的创新，哪怕是这么火爆的哪吒 2 和黑悟空，那也是站在历史文化的基础上进行的局部创新，但是很多没有经验的设计师，就喜欢自己瞎琢磨，最后导致啥也做不出来，然后开始怀疑自己！

希望今天的案例可以给你一点启发，如果很长时间没有进步，可以停下来思考下，是不是方法和方向都错了。

设计从来不是闭门造车，点击收藏这篇干货，下次遇到瓶颈时记得回来温习这三步心法。

欢迎关注作者的微信公众号：「菜心设计铺」