@十年磨一匠 授权发布

https://www.zcool.com.cn/

work/ZNTExNTYyMjQ=.html

感谢大家对黑马家族的支持，今天给大家推荐一篇关于金刚区图标设计思路的文章，希望能够带给你一定的帮助！

正文

本文是作者结合真实项目之后的总结，从接到需求之后如何进行图标思考构思，到细节的刻画，希望这个思路带给你一些思考。

画好金刚区图标并不是一个简单的事情，我把这个过程大致分成了下面这几步：

一、确定风格

二、勾勒形状

三、选取颜色

四、优化细节

一、确定图标风格

本文将以“菜霸霸”这款产品的金刚区图标为案例来为大家进行分享。

按照由扁平到写实的过度，生鲜类产品金刚区图标的类别可大致分为扁平图标、微质感图标、写实图标和产品图片。扁平风用在金刚区还是相对较少的，不容易形成较强的视觉比重和差异化。我们在绘制图标之前应该要先和客户确定好风格，“菜霸霸”这款产品的金刚区图标风格经过和客户沟通之后，确定为采用微质感图标风格。

二、勾勒形状

在进行图标形状勾画上面，我一般会用到这些方法：

方法 1：比如说“特种养殖”，先找到养殖类的植物图片，比如我们就采用龙虾吧！将龙虾图片抽象化之后保留龙虾的几个特征性元素：钳子、胡须、眼睛、身体和三只脚。对照图片勾画出龙虾的大致轮廓，然后在这些基础上进一步优化形状细节就可以了。

方法 2：这个就比较简单啦！就拿“蔬菜水果”来说，可以直接在 iconfont 等类似的图标库进行关键词搜索，找到合适的矢量图标文件，然后直接下载拿过来进一步优化就行了。（需要注意图标库文件必须为可以商用的文件）

三、选取颜色

如果对色彩的应用并不是那么得心应手的话，可以找一些优秀的竞品图标或者食物图标，在保证金刚区所有图标颜色饱和度和明度一致的情况下，结合参考图标案例的颜色值上面稍微做一些小改动。比如说提升一下饱和度，或者加一些小跨度的渐变关系等等都可以成为新的配色。

简单步骤：找素材 → 吸取颜色 → 做微调

最后来看一下，我们得出的色彩结果吧！

四、优化细节

关于图标设计细节优化这块并不是简单的加阴影或者加高光就可以了，它的环境色和物体关系也是特别重要的。任何环节缺一不可，非常考验设计师的耐心。

对于非科班的我来说，只能凭感觉尽力去表达出细节的光影刻画。虽然做得并不是很出色，但是我会尽力去突破敢于动手的第一步，只要耐心下去画完每个图标就会有收获。

关于本次案例的一些设计心得分享就到此结束，接下来看一下最终我画完之后的作品吧！还有很多不足之处，希望大家多多指点。

本文原创，未经作者允许不可转载！

更多内容，欢迎关注作者微信公众号：黑马家族！