今天和大家讲讲品牌基因图标设计方法

-

我们知道大部分产品都有自己的一套图标，而且很多产品的图标融入了品牌气质和品牌基因，能给用户留下深刻的印象。一些设计师可能只在乎图标的美感，而没有真正的融入品牌基因和产品气质进去，所以今天我跟大伙以四个维度分析一下品牌基因图标设计方法：

1.提取品牌色

京东、分期乐、陌陌、爱彼迎都提取了品牌色。

京东不仅利用了品牌色，还在图标上做了动效、断线的设计处理，首页和我的icon加入了微笑的情感化动效，给用户传达开心购物的感觉。

分期乐不同的是利用了品牌主色和辅色的结合，具有画龙点睛之笔，挺喜欢的哈~

陌陌logo是多彩渐变的很清晰，底部不同的图标也利用了不同的渐变色彩，非常时尚、年轻，包括陌陌App Store上架图也是利用多彩的底板进行设计，非常惊艳，陌陌品牌色贯穿了整套APP，给用户留下深刻品牌印象！

2.提取品牌logo（品牌图形）

logo直接提取品牌logo也是最为直接设计方法。例如饿了么直接用logo作为首页外卖，e也是饿的谐音，强调了品牌感。类似的还有花瓣。

而另一些平台则会在品牌logo上做些调整，显得更加有趣、有创意。很多首页可能是一个简单房子，但是天猫商城不一样利用房子造型注入了天猫logo，利用了负空间的设计手法，很有创意。虎牙平台利用品牌logo简化的轮廓作为首页icon，同时还注入了品牌色去点缀和有趣的动效，显得更加生动！例如我最近看到的网易严选底部icon也是做的很符合品牌感和品牌气质，大家闲的时候可以多去看看哈~

3.提取设计语言

提取设计语言也是一种设计方式，例如火狐的品牌衍生，提取logo色彩，包括icon用色的比例都与logo相一致，统一了色彩、设计语言，非常惊艳的设计。

https://dribbble.com/shots/6647357-Official-Firefox-Rebrand/attachments/1420383

Google Play是个非常好的例子，提取三角元素为设计语言作为其他品牌的轮廓，统一了品牌元素，给用户留下烙印，很好的设计手法，我个人非常喜欢。

最近腾讯会议挺火的，发现腾讯会议里面的3个图标也是提取了腾讯会议logo中的设计语言

下面是我分析的过程：logo与背板有45度的角度切割，提取该设计元素作为图标背板，成功的提取了DNA在背板上绘制icon，成功画出具有腾讯会议品牌感的icon来啦~

3.提取产品气质

在一本书上看到的东家APP，是个传统工艺app，产品给人的感觉就是古色古香的风格，所以底部导航也利用宋体汉字笔画进行设计，很有古代的韵味，流露出了产品的气质。比心是一款陪app，从启动图标上就可以看出利用粗线条进行设计，一个比心得动作，非常可爱动人，图标也做的很可爱有趣，也关联了整个产品气质，非常好的设计。

4.收集的一些好的设计案例

https://dribbble.com/shots/5687453-Icons

前段时间在追波看到的icon设计，提取负空间的设计语言来做图标，非常独特、新颖。

图片标题

https://www.behance.net/gallery/44447839/11STREET-Brand-eXperience-Design-Renewal

11street的品牌体验设计记忆还是很深刻的，提取了logo的图形和断线的基因注入到图标中，包括广告的品牌延伸做的非常的好。当我们做设计的时候应该多想想为什么这样设计？设计的本质是什么？

好啦！来个大总结吧：

首先我们在做图标设计的时候可以先停下来想想设计的策略，假如不知道怎么做，可以从四个方向去做出：

1.提取品牌色  2.提取品牌logo(品牌图形） 3.提去设计语言  4.提取产品气质

-

平常多去看看目前大型互联网公司的产品，他们是怎么设计的，尝试去临摹分析，包括积累一些设计文章，书籍，提升知识面！

好啦谢谢大家的阅读，希望大家喜欢黄小伟的文章，喜欢的下面点个赞喔~

Powered by Froala Editor