2021-10-26

东匠视野

品牌基因与产品设计的结合

成功的将品牌基因运用在产品不同场景中,可以让用户一眼就能看出这是你的产品。两者完美结合,从而提升产品的识别度。

一、什么是品牌基因?

品牌基因也就是品牌的DNA,它包括品牌核心价值和品牌个性。不同的品牌基因,是各品牌之间形成差异化的根本原因。成功的延用品牌基因在产品不同场景中,能让用户一眼就能看出这是你的产品。

下面举几个传统行业比较经典的案例来感受一下。比如:当你看到下面这块格子纹理时,你会想到什么品牌?产品设计公司-品牌基因与产品设计的结合。

对,棕色格子让你想到了burbrry,这就是品牌基因的力量。同时在每年的新款,不断把品牌基因延续到产品中,能够增强品牌感知,强化自己的定位。

再比如:保时捷前车灯的设计(青蛙眼)。这种比较有差异性的外观设计,被严格的应用到所有保时捷的汽车产品中,就算你遮住它车上的logo,也能一眼看出它的品牌。

再举个互联网产品的例子吧,看下图虽然都是二维码页面,但是大面积的颜色,就能让你很直观的分辨出是谁家的产品。

因为蓝色属于支付宝的品牌基因,绿色属于微信的品牌基因。同时这两种颜色,在支付过程中,也会给用户带来安全的品牌感知。

当然,品牌基因是一门比较广的学问,在不同领域包含的维度也不同。产品设计公司-品牌基因与产品设计的结合。

比如:在传统行业里,甚至某种服务(海底捞),某种说话语气(优衣库导购抑扬顿挫的说:欢迎光临,随意挑选~ ),都是品牌基因的一部分。

二、如何定义品牌基因?

说了那么多别人家的品牌基因如何牛逼,那么如何定义自己家产品的品牌基因呢?

通过分析发现互联网产品中,有两种常用来定义品牌基因的方法:

  • LOGO提取法;
  • 品牌故事提取法。

1. LOGO提取法

LOGO,通常是奠定品牌基因的基础,通过提取LOGO中的基因,沿用到产品的不同场景中,从而提升品牌的识别性。

一般情况下可以从两个维度提取:

  1. LOGO的“形”;
  2. LOGO的“色”。

(1)LOGO的“形”   

把LOGO的形状当作视觉符号,提取出来,进行延续和拓展。比如:美团外卖的袋鼠形象,在图标的设计和下拉刷新上都进行延续性的处理,品牌感知更强。

 

(2)LOGO的“色”

从LOGO中提取比较有特色或代表性的颜色,当作品牌基因,也是常见的一种方式。比如:抖音的LOGO,比较符合年轻化的用户群体,产品的定位。

 

提取LOGO的颜色,结合着“抖”的主题,运用在产品不同环节,建立与品牌的联想,让人看到这些设计就会知道是抖音的。产品设计公司-品牌基因与产品设计的结合。

 

 

以上是LOGO提取法,通过对形和色的提取及运用,加深用户对产品定位的感知,强化品牌识别性,是比较常用的一种方式。

2. 品牌故事提取法

另一种方式,是品牌故事提取法,通过对品牌的定位梳理出品牌故事,从而推导出品牌性格,最后提取出视觉语言,辅助图形(有点绕哈,聪明的你可以耐心捋一捋)。

比如:网易严选,是网易自营类家居生活品牌App,秉承严谨的态度甄选天下优品(品牌定位)

使用场景是:用户躺在懒人沙发上悠闲的看着书,坐在窗边惬意的喝着茶,抑或是靠在阳台上享受午后的阳光。他们不紧不慢,追求品质,享受宁静(品牌故事)。所以,品牌关键字是品质、生活、宁静(品牌性格)

从品牌关键字提取到的设计语言是细节化、场景化、简约化(品牌基因)。产品设计公司-品牌基因与产品设计的结合。

那么,网易严选底栏的icon设计,都是以家具为原型衍化而来,给人以场景感,真是且生活化的感受,传达出品牌的基因。

 

以上是品牌故事提取法,相比LOGO提取法来说,它更为抽象,是围绕着品牌基因关键词,进行拓展和延续在产品不同场景,达到视觉感官的一致性。

三、哪些环节适合融入?  

上面分析了什么是品牌基因?如何定义品牌基因?下面要说一下产品中哪些环节适合融入品牌基因,来提升产品的识别度。

通过分析市面上产品,可以大致分为四个维度进行融入:

  1. ICON;
  2. 版式;
  3. 缺省页面;
  4. 动效。

1. ICON

ICON,是最能够让用户产生品牌感知的地方,也是设计师发挥空间较大的地方。

比如:陌陌的ICON设计,是提取了LOGO“形”和“色”,进行基因延续(LOGO提取法),形成自己独特且具有识别性的设计语言。

 

2. 版式

一个界面的排版方式,是给用户的第一感受。如何作出符合产品定位且具有识别性的排版设计,是很多设计师的面临的挑战。它不能像ICON一样运用LOGO提取法就可以搞定,更适合的是采用品牌故事提取法。

比如:轻芒,一款碎片化高品质的阅读APP。定位有趣味有品味又小众的用户,营造出一种杂志捧在手心里的感受。因此它的品牌基因就是:高品质、小清新、生活。

 

3. 缺省页面

缺省页面也是我们常说的空页面,一般会有一些功能的引导,或者由于异常情况,消除用户焦虑感的设计。

它的特点是:空间比较大,因此里面的插画配图,很适合对品牌基因进行延续,来强化用户对品牌的心智。

比如:TIM,是腾讯出的一款专注办公,多人协作以及沟通的软件。整个产品的视觉基因是比较尖锐体现效率的切角,因此在空页面上也做了视觉延续。

 

4. 动效

除了静态的图形设计,动效也是品牌基因延续的关键要素。一个好的动效,不应该只追求表面的酷炫效果,而是能够满足功能表达,延续品牌基因。

比如:开眼的加载动效,就是对logo的一种延续。产品设计公司-品牌基因与产品设计的结合。

 

四、总结

总的来说,学会定义自己产品的品牌基因,合理的将其融入在产品中的点点滴滴,从而提升产品的品牌调性和识别性,是身为设计师最应该努力去做的。

而不是盲目的跟着设计趋势走,因为只有符合自己品牌定位的设计语言才是经典的、具有识别性的、具有说服力的,而跟趋势的你,终将被趋势所抛弃。