APP推广合作
联系“鸟哥笔记小乔”
如何将品牌基因融入到产品设计中?
2021-01-06 15:17:33

日常工作中你有没有遇到,自己做的设计很难跟竞品产生差异?只能盲目追逐趋势缺少自己独立思考?做不出符合自己产品品牌调性且独一无二的设计方案?

在互联网产品设计越来越同质化的今天,做出有自己品牌调性和差异化的产品,是每个设计需要去面对的挑战。

今天大牙就跟你一起分析下,如何将品牌基因融入到产品设计中,从而提升产品的识别度。

一、什么是品牌基因。   

品牌基因也就是品牌的DNA,它包括品牌核心价值和品牌个性,不同的品牌基因,是各品牌之间形成差异化的根本原因。

成功的延用品牌基因在产品不同场景中,能让用户一眼就能看出这是你的产品。

下面举几个传统行业比较经典的案例来感受一下。比如:当你看到下面这块格子纹理时,你会想到什么品牌? 

图片

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

图片

再比如,保时捷前车灯的设计(青蛙眼)。这种比较有差异性的外观设计,被严格的应用到所有保时捷的汽车产品中,就算你遮住它车上的logo,也能一眼看出它的品牌(内心弹幕:看出又怎样 反正也买不起 围笑)

图片

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

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

图片

当然,品牌基因是一门比较广的学问,在不同领域包含的维度也不同。

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

由于我们都是设计师,所以今天重点围绕的是品牌基因里“视觉”这个维度。 

二、如何定义品牌基因。  

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

通过分析发现互联网产品中,有两种常用来定义品牌基因的方法:1.LOGO提取法;2.品牌故事提取法。


图片

1、LOGO提取法

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

一般情况下可以从两个维度提取:a.LOGO的“形”;b.LOGO的“色”。

a.LOGO的“形”     

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

图片

b.LOGO的“色”

从LOGO中提取比较有特色或代表性的颜色,当作品牌基因,也是常见的一种方式。

比如:抖音的LOGO,比较符合年轻化的用户群体,产品的定位。

图片

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

图片

图片

图片

包括下面视频中女生的眼妆,都是抖音的品牌基因配色。                                                                                                   

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

2、品牌故事提取法

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


图片

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

图片

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

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

图片

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

图片

包括登录页面的设计,运用大面积留白空间的商品图,加上自然的投影,给人营造简约中带着场景感,细节感,无形中透露着品质,生活,宁静的基因。

图片

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

三、哪些环节适合融入。  

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

通过分析市面上产品,可以大致分为四个维度进行融入:1.ICON;  2.板式;3.缺省页面;4.动效。

图片

1、ICON

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

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

图片

“更多”页面ICON的绘制,也是延续LOGO的处理手法。

图片

就连照片编辑页面的笔刷颜色,也是运用品牌一致的配色,使品牌感知更强烈(打着体验产品的旗号来张自拍 / 滤镜是个好东西) 。

图片

好好住,也是通过对LOGO的“色”进行提取,运用到自己的ICON设计上。

图片

有道精品课,底部的ICON风格,提取了LOGO的绿色和半透明的基因,在未选中的灰色ICON上也进行这种处理手法的延续。

图片

爱奇艺的“泡泡”,是品牌做的比较好的模块,因为它既延续了爱奇艺的主色“绿色”,同时,针对泡泡的用户群体,又做了跟爱奇艺差异化,符合定位的趣味化处理,对母品牌基因,做了很好的延续和差异。 

图片

2、排版

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

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

下图可以看出,整个排版方式跳脱常规的设计规范,更贴近纸质杂志的感受,而且大面积的留白及高逼格的配图,也体现了它高品质的品牌基因。

图片

虾米音乐,最近刚更新的新版本7.0。也是在前几个月在线音乐平台版权归属调整后,一个比较大的动作。这次改版也能看出来虾米音乐在找自己全新的定位,从“小而美”到“美而潮”。

改版后,将全新品牌定位也融入到了页面排版中,更加大胆。同时顶部分类导航的处理,更符合音乐产品的调性,从而增强了品牌的识别性。

图片

下面这个页面的板式,不仅沿用了品牌色,同时“三角形”的元素也是沿用LOGO的基因,进而增强品牌感知。

图片

好好住,一款室内装修的app。由于最近需要装修房子,所以朋友推荐给我这个APP。下载之前觉得一个装修的产品嘛,应该带有浓浓的施工队儿风。但是,等我下载后,忍不住说了一句“卧槽”。

因为一个装修APP做的如此清新脱俗,可以说很有灵魂了,非常符合本屌丝的气质(挖鼻孔.gif)。

它的定位是针对年轻人,有了自己的小房子后,来这里找一些家居设计的方案,以及交流社区。因此这种简洁且具有情感化的排版方式,加上趣味化图标和插画点缀,很符合它的品牌调性。

图片

3、缺省页面

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

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

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

图片

企鹅FM,腾讯出的电台产品。它的空页面插画设计,是提取了LOGO和界面内ICON的基因,从圆角的处理到颜色,虽然很简洁,但很有自己的品牌调性。

图片

Google photos的空页面,是以场景化进行引导。插画的风格沿用Google“面”状的处理手法,采用不同明度的灰色进行处理,形成自己独特的设计风格。同时又符合Google整体的母品牌基因。

图片

4、动效

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

比如:开眼的加载动效,就是对logo的一种延续。

图片

马蜂窝的下拉刷新动画效果,也是提取LOGO的基因。

图片


airbnb的空页面引导动效,每一个元素都是说明airbnb所包含的内容,比如:饮食,户外运动,旅行,居住...同时在用色上也保持跟主色一致,具有明确的品牌识别性。

图片

   四、总结。  

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

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

希望这篇文章对你有所帮助❤️。

-END-

运营那些事儿
分享到朋友圈
收藏
收藏
评分

综合评分:

我的评分
Xinstall 15天会员特权
Xinstall是专业的数据分析服务商,帮企业追踪渠道安装来源、裂变拉新统计、广告流量指导等,广泛应用于广告效果统计、APP地推与CPS/CPA归属统计等方面。
20羽毛
立即兑换
一书一课30天会员体验卡
领30天VIP会员,110+门职场大课,250+本精读好书免费学!助你提升职场力!
20羽毛
立即兑换
顺丰同城急送全国通用20元优惠券
顺丰同城急送是顺丰推出的平均1小时送全城的即时快送服务,专业安全,准时送达!
30羽毛
立即兑换
运营那些事儿
运营那些事儿
发表文章39295
确认要消耗 0羽毛购买
如何将品牌基因融入到产品设计中?吗?
考虑一下
很遗憾,羽毛不足
我知道了

我们致力于提供一个高质量内容的交流平台。为落实国家互联网信息办公室“依法管网、依法办网、依法上网”的要求,为完善跟帖评论自律管理,为了保护用户创造的内容、维护开放、真实、专业的平台氛围,我们团队将依据本公约中的条款对注册用户和发布在本平台的内容进行管理。平台鼓励用户创作、发布优质内容,同时也将采取必要措施管理违法、侵权或有其他不良影响的网络信息。


一、根据《网络信息内容生态治理规定》《中华人民共和国未成年人保护法》等法律法规,对以下违法、不良信息或存在危害的行为进行处理。
1. 违反法律法规的信息,主要表现为:
    1)反对宪法所确定的基本原则;
    2)危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一,损害国家荣誉和利益;
    3)侮辱、滥用英烈形象,歪曲、丑化、亵渎、否定英雄烈士事迹和精神,以侮辱、诽谤或者其他方式侵害英雄烈士的姓名、肖像、名誉、荣誉;
    4)宣扬恐怖主义、极端主义或者煽动实施恐怖活动、极端主义活动;
    5)煽动民族仇恨、民族歧视,破坏民族团结;
    6)破坏国家宗教政策,宣扬邪教和封建迷信;
    7)散布谣言,扰乱社会秩序,破坏社会稳定;
    8)宣扬淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪;
    9)煽动非法集会、结社、游行、示威、聚众扰乱社会秩序;
    10)侮辱或者诽谤他人,侵害他人名誉、隐私和其他合法权益;
    11)通过网络以文字、图片、音视频等形式,对未成年人实施侮辱、诽谤、威胁或者恶意损害未成年人形象进行网络欺凌的;
    12)危害未成年人身心健康的;
    13)含有法律、行政法规禁止的其他内容;


2. 不友善:不尊重用户及其所贡献内容的信息或行为。主要表现为:
    1)轻蔑:贬低、轻视他人及其劳动成果;
    2)诽谤:捏造、散布虚假事实,损害他人名誉;
    3)嘲讽:以比喻、夸张、侮辱性的手法对他人或其行为进行揭露或描述,以此来激怒他人;
    4)挑衅:以不友好的方式激怒他人,意图使对方对自己的言论作出回应,蓄意制造事端;
    5)羞辱:贬低他人的能力、行为、生理或身份特征,让对方难堪;
    6)谩骂:以不文明的语言对他人进行负面评价;
    7)歧视:煽动人群歧视、地域歧视等,针对他人的民族、种族、宗教、性取向、性别、年龄、地域、生理特征等身份或者归类的攻击;
    8)威胁:许诺以不良的后果来迫使他人服从自己的意志;


3. 发布垃圾广告信息:以推广曝光为目的,发布影响用户体验、扰乱本网站秩序的内容,或进行相关行为。主要表现为:
    1)多次发布包含售卖产品、提供服务、宣传推广内容的垃圾广告。包括但不限于以下几种形式:
    2)单个帐号多次发布包含垃圾广告的内容;
    3)多个广告帐号互相配合发布、传播包含垃圾广告的内容;
    4)多次发布包含欺骗性外链的内容,如未注明的淘宝客链接、跳转网站等,诱骗用户点击链接
    5)发布大量包含推广链接、产品、品牌等内容获取搜索引擎中的不正当曝光;
    6)购买或出售帐号之间虚假地互动,发布干扰网站秩序的推广内容及相关交易。
    7)发布包含欺骗性的恶意营销内容,如通过伪造经历、冒充他人等方式进行恶意营销;
    8)使用特殊符号、图片等方式规避垃圾广告内容审核的广告内容。


4. 色情低俗信息,主要表现为:
    1)包含自己或他人性经验的细节描述或露骨的感受描述;
    2)涉及色情段子、两性笑话的低俗内容;
    3)配图、头图中包含庸俗或挑逗性图片的内容;
    4)带有性暗示、性挑逗等易使人产生性联想;
    5)展现血腥、惊悚、残忍等致人身心不适;
    6)炒作绯闻、丑闻、劣迹等;
    7)宣扬低俗、庸俗、媚俗内容。


5. 不实信息,主要表现为:
    1)可能存在事实性错误或者造谣等内容;
    2)存在事实夸大、伪造虚假经历等误导他人的内容;
    3)伪造身份、冒充他人,通过头像、用户名等个人信息暗示自己具有特定身份,或与特定机构或个人存在关联。


6. 传播封建迷信,主要表现为:
    1)找人算命、测字、占卜、解梦、化解厄运、使用迷信方式治病;
    2)求推荐算命看相大师;
    3)针对具体风水等问题进行求助或咨询;
    4)问自己或他人的八字、六爻、星盘、手相、面相、五行缺失,包括通过占卜方法问婚姻、前程、运势,东西宠物丢了能不能找回、取名改名等;


7. 文章标题党,主要表现为:
    1)以各种夸张、猎奇、不合常理的表现手法等行为来诱导用户;
    2)内容与标题之间存在严重不实或者原意扭曲;
    3)使用夸张标题,内容与标题严重不符的。


8.「饭圈」乱象行为,主要表现为:
    1)诱导未成年人应援集资、高额消费、投票打榜
    2)粉丝互撕谩骂、拉踩引战、造谣攻击、人肉搜索、侵犯隐私
    3)鼓动「饭圈」粉丝攀比炫富、奢靡享乐等行为
    4)以号召粉丝、雇用网络水军、「养号」形式刷量控评等行为
    5)通过「蹭热点」、制造话题等形式干扰舆论,影响传播秩序


9. 其他危害行为或内容,主要表现为:
    1)可能引发未成年人模仿不安全行为和违反社会公德行为、诱导未成年人不良嗜好影响未成年人身心健康的;
    2)不当评述自然灾害、重大事故等灾难的;
    3)美化、粉饰侵略战争行为的;
    4)法律、行政法规禁止,或可能对网络生态造成不良影响的其他内容。


二、违规处罚
本网站通过主动发现和接受用户举报两种方式收集违规行为信息。所有有意的降低内容质量、伤害平台氛围及欺凌未成年人或危害未成年人身心健康的行为都是不能容忍的。
当一个用户发布违规内容时,本网站将依据相关用户违规情节严重程度,对帐号进行禁言 1 天、7 天、15 天直至永久禁言或封停账号的处罚。当涉及欺凌未成年人、危害未成年人身心健康、通过作弊手段注册、使用帐号,或者滥用多个帐号发布违规内容时,本网站将加重处罚。


三、申诉
随着平台管理经验的不断丰富,本网站出于维护本网站氛围和秩序的目的,将不断完善本公约。
如果本网站用户对本网站基于本公约规定做出的处理有异议,可以通过「建议反馈」功能向本网站进行反馈。
(规则的最终解释权归属本网站所有)

我知道了
恭喜你~答对了
+5羽毛
下一次认真读哦
成功推荐给其他人
+ 10羽毛
评论成功且进入审核!审核通过后,您将获得10羽毛的奖励。分享本文章给好友阅读最高再得15羽毛~
(羽毛可至 "羽毛精选" 兑换礼品)
好友微信扫一扫
复制链接