黑马哥第 121 篇原创

2021 年原创目标输出第 16/50 篇

-------------------------------------------

随着互联网产品的不断发展，产品设计越来越成熟多样，而同质化的设计也变得越来越严重。如何定制化设计拉开差异化是设计师不断探索的方向，而立足于品牌做设计也是其中的方向之一，基于品牌差异化形成产品特有的设计风格，是我们可以不断尝试和深入的方向。

那么如何将品牌融入到产品设计中呢？今天将和大家探索其中的一个方向，如何将品牌基因融入图标设计中。

   分享目录

一、品牌基因提取方向

二、强化图标设计案例分析

三、小结

 一  品牌基因提取方向 

立足于品牌做设计是形成产品设计独特性、差异化和品牌性的关键，除了直接的品牌曝光以外，品牌基因的融入也是强化的重点方向。

而品牌基因的提取方向很多，比如品牌色、特征图形、局部表现、风格特征、留白空隙、性格特征、品牌形象（吉祥物）等等，归根结底主要的方向是颜色、图形、特征、风格、吉祥物等。

1.1 品牌色方向

品牌色方向的提取会分为直接运用和局部点缀，品牌色的大量运用可以起到提升品牌曝光度的作用。

1.2 图形提取

从 LOGO 图形中提取品牌基因图形是较为常见的手法，可以是一个局部的提取，也有可能是某个特征图形的连续发散。有时候 LOGO 图形中无法进行特征性提取，也有根据产品或者服务理念等方向进行特征图形的提炼。

1.3 品牌特征的提炼

除了具象的图形以外，也有基于品牌特征进行提炼，比如一个弧度的特征延续到图标设计的圆角表现中；一个空隙的提取，延续到图标的空隙处理上；一种风格特征的提炼，延续到图标设计风格的表现上。基于品牌 LOGO 图形的特征进行提炼，也是一种潜移默化的处理技巧，作为图标设计中的品牌基因融入也是一种不错的选择。

1.4 设计风格的提取

除了提取可见的图形和特征以外，提取品牌设计的风格特征也是一种途径，比如是圆润可爱的风格，还是商务科技的感觉。如果说图形特征的提取是造型可见化的视觉表现，那么设计风格的提取就是性格特征的内在表现。

1.5 品牌形象的结合

现在很多产品都会设计吉祥物作为品牌形象，可以拉进与用户之间的亲和力，将吉祥物提炼到图标设计中也是一种强化品牌感的形式。不仅可以突出图标设计的特征和提高品牌曝光度，也能让用户感觉设计更加亲和，接受度得到提升。

品牌基因的提取方向很多，这里只是列举了最为常见的方向，品牌的曝光需要“见缝插针”化的设计融入，只有立足于品牌进行设计探索，才能逐步形成产品的差异化设计。

 二  强化图标设计案例分析 

为了给大家详细的进行分析，选择了一些案例作为辅助进行分析，希望抛砖引玉，引导大家发现更多优秀的设计案例。

2.1 品牌色的提取强化曝光度

品牌的曝光度除了 LOGO 图形的出现频率以外，品牌色的出现频率也是较为常见的设计表达。直接提取品牌色作为图标设计配色不仅可以统一视觉表现风格，也是加强品牌曝光度的形式之一。

2.2 品牌色的点缀是设计的点睛之笔

在产品设计中对于一些功能性图标的处理，很多设计师会选择无彩色系进行表现，使得设计不会显得很花俏。有时候为了在保障统一性的前提下，使得画面不会显得过于“素”，也会选择使用品牌色来对图标设计进行点缀，这点睛之笔的表现不仅可以强化品牌感，也能让设计感更灵活。

2.3 LOGO 图形直接引用到图标设计

近些年很多产品都经常将 LOGO 图形直接用于图标使用，将 LOGO 图形替换到底部标签栏首页图标的位置来凸显品牌感，这是强化品牌曝光的硬性手法。

2.4 品牌形象提炼到图标设计中

如果产品或者品牌有自己的 IP 形象（吉祥物），可以将吉祥物提炼到图标设计中。比如吉祥物的造型轮廓、局部特征等进行提炼，结合到图标设计中效果也是很明显的，还能带给用户更强的亲和力。

2.5 图标设计结合品牌基因图形

从品牌 LOGO 图形中提炼基因图形用于图标设计中是较为理想的选择，也是设计师需要不断探索和研究的方向。这种基因图形也是辅助图形的一种形式，是品牌设计的环节之一。基因图形可以是 LOGO 的局部图形、轮廓特征、连续发散形成的重组图形等，需要我们细心观察 LOGO 图形，去发现很细小的局部表现并进行提炼。

2.6 局部特征的提炼运用

从 LOGO 图形中提炼出局部特征，这个特征图形不一定能形成辅助图形运用，但是也可以作为图标设计的一个方向进行延展。比如 LOGO 图形中的一个弧度，或者是一个点线面的元素等。

2.7 基于品牌风格延续图标设计

分析品牌 LOGO 设计的风格特征和性格特征，提炼出这种设计风格并延续运用到图标设计中，风格特征的统一也能形成图标设计的差异化表现。比如 LOGO 设计比较方正硬朗，图标设计也是延续一样的风格特征来进行设计，就像 29CM 的设计案例。

2.8 品牌名称结合图标设计

除了品牌设计中的图形提炼以外，也可以从品牌名称中提取词组首字母、网址、简写字母等元素作为图标设计的方向。比如早期版本的站酷（ZCOOL），就将 ZCOOL 字母作为底部标签栏图标设计的造型，五个功能模板和五个字母刚好契合，也是一种突出品牌特征的表现形式。

2.9 品牌名称直接替换图标位置

除了将品牌名称提炼出来作为图标设计的元素使用，也有产品直接将品牌名称作为图标的位置来体现功能模块，这样的处理形式比较适合名称为字母或者数字的形式。比如 MONO 的底部标签栏图标，直接提取 LOGO 上面的 4 个字母（M、O、N、O），将其作为图标来体现功能模块。

2.10 品牌形象局部特征提炼

品牌形象结合到图标设计中是比较常见的形式，除了直接运用吉祥物造型以外，也可以提炼形象局部特征。比如飞猪旅行除了将吉祥物形象作为“首页”点击状态的图标使用，也将形象右上角的特征部位提取出来，结合到“首页”和“我的”两个功能模块的默认图标设计中。

2.11 提取品牌图形外轮廓

除了提取品牌图形特征以外，也可以提取图形轮廓作为图标延展设计的特定造型，也能将品牌感融入到整体设计中。例如 Google Play，提取出三角形后，整套图标都以三角形作为外轮廓来进行设计。

2.12 提取品牌风格特征

如果没有特征性的图形提炼，也可以考虑提取品牌的风格特征作为图标设计的风格。比如宝宝巴士旗下的一些产品图标设计，便是提取 LOGO 圆润的风格特征。

随着互联网设计的不断成熟，很多优秀的设计案例都立足于品牌进行深入探索，这里只是列举的一些应用方向。希望大家可以加强产品体验和分析总结，掌握优秀案例的轨迹，并应用到更多的设计场景中。

 三  小结 

基于品牌为起点去思考设计深入的方向，提高产品设计中品牌的曝光度，体现定制化设计的差异，是我们不断探索和研究的方向。掌握从品牌设计中提炼特征性图形元素，作用于设计延展中，需要提高这方面的意识和观察能力。

品牌基因在图标设计中的运用只是其中的一个方向，以此为抛砖引玉，为大家打开一个分析的突破口。希望可以对大家有所启发，延展并应用到更多的设计细分领域中。

作者：黑马青年（vx: heimaux）

本文由 @黑马青年 原创发布。未经许可，禁止转载。