用品牌基因法做图标设计，高级UI设计师才会的手法！（实战篇）

@菜心设计铺 ：菜心的品牌基因法不知道大家有没有忘记，之前有写过两篇，今天来写第三篇——实战篇，根据真实的案例来再次讲述如何运用品牌基因法制作图标！

如果你忘记了之前的品牌基因法（升级篇），可以先去回顾一下：

1. 《用品牌基因法做图标设计，这是高级UI设计师才会的手法》
2. 《用品牌基因法做图标设计，高级UI设计师才会的手法！（升级篇）》

我们今天来聊的是一个真实的工作任务，做任务的过程分为以下几个阶段：

• 收到任务
• 找参考
• 根据参考执行
• 感觉没有品牌性
• 根绝品牌基因法提取基因
• 再次执行

1. 收到任务

我们每天都可能收到不同的设计任务，作为设计师，顺利的完成这些任务是我们最基本的能力，那我们今天要讲的任务是什么呢？

嘿嘿！一套天气图标。

认真的构思中.....

2. 找参考

算了，还是先看看别人都是怎么做的吧！

我找了一堆参考，随机选几个展示下，如下图（图片采集于花瓣网）：

3. 根据参考执行

有了这么多参考，可以开做了，多做几个版本，显示出自己有多努力，哼！

方案一：

方案二：

方案三：

4. 感觉没有品牌性

虽然设计这么多稿，但总感觉还是没什么品牌性，每一稿都有其他人的影子，心里没底啊！

于是我去分析了各个参考，发现圆形，三角形，四边形，五边形，六边形都被用过了，下图是我的各种分析与尝试：

又想创新又要有特点好难啊！

但很多事情如果思路和方法对了，不应该这么难啊！

所以我怀疑肯定是思考的方式不对：收到任务就找参考，找完参考想都不想就开始撸图，撸你妹啊！

从一开始就没有从品牌这个点切入，导致后面的路一直都是歪的，即使做再多稿，也会心理没底，因为没有品牌性！

突然想起，本宝宝不是写过《品牌基因法》吗？

5. 根据品牌基因法提取基因

如果你已经回顾了品牌基因法，应该知道提取基因的方法有三个方向：

• 提取特定形状
• 吸取品牌颜色
• 抓取风格特点

我们这次用的方法是提取特定形状法。

由于信息安全问题，不方便展示提取基因的原图标，这里只告诉大家，我从原品牌图标上提取了一个基因符号-“花瓣”，如下图：

这个符号是具有品牌感的，如果能把它融入天气图标中，方向一定没错！

6. 再次执行

沿着这个方向，我再次执行，尝试用这个基因符号做出云朵的主形象、太阳的光点和雨滴，如下图：

经过组合与调整，得到最后的成品（部分图标）：

这样，一组有品牌感的概念设计就完成了，不论是阐述设计思路还是最后展示成品都可以自信满满，内心忍不住夸上自己一句：棒棒哒！

总结

最后提醒大家两个点吧：

第一，做设计还是需要有些特点，如果你做出的设计，换个logo谁都能用，那就基本上是没啥特点了，所以一定要考虑好品牌性。

第二，有时候虽然可以提取出品牌基因符号，但确实不一定适合你当下的场景，不要觉得方向对了，就一定能做好，执行力需要慢慢练，实在不好看咱就换个思路，一定要灵活运用哈！

学习图标设计的同学，建议先掌握设计流程：《聊聊图标设计流程及小技巧》

设计完成后从这四个方面来审视你的图标：《好图标怎么做？教你从四个方面来评价图标设计的质量》

想让图标出彩，可以从顶尖设计师的分享汲取经验：《顶尖设计师分享的6个图标设计优化指南》。

动效图标已是趋势，来这看基础的图标动效设计：《高手常用的六种图标动效设计思路（附大量实例）》

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

【优设网 原创文章 投稿邮箱：yuan@uisdc.com】

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备：http://hao.uisdc.com