如何将品牌基因融入到产品设计中?

点击次数:1075  更新时间:2020-03-24

在产品设计中,哪些环节适合融入品牌基因,来提升产品的识别度?

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

 

1. ICON

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

比如:陌陌的 ICON 设计,是提取了 LOGO「形」和「色」,进行基因延续( LOGO 提取法),形成自己独特且具有识别性的设计语言。「更多」页面 ICON 的绘制,也是延续 LOGO 的处理手法。就连照片编辑页面的笔刷颜色,也是运用品牌一致的配色,使品牌感知更强烈 。

 

还有好好住,也是通过对 LOGO 的「色」进行提取,运用到自己的 ICON 设计上。有道精品课,底部的 ICON 风格,提取了 LOGO 的绿色和半透明的基因,在未选中的灰色 ICON 上也进行这种处理手法的延续。爱奇艺的「泡泡」,是品牌做的比较好的模块,因为它既延续了爱奇艺的主色「绿色」,同时,针对泡泡的用户群体,又做了跟爱奇艺差异化,符合定位的趣味化处理,对母品牌基因,做了很好的延续和差异。

 

2. 排版

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

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

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

虾米音乐,最近刚更新的新版本7.0。也是在前几个月在线音乐平台版权归属调整后,一个比较大的动作。这次改版也能看出来虾米音乐在找自己全新的定位,从「小而美」到「美而潮」。改版后,将全新品牌定位也融入到了页面排版中,更加大胆。同时顶部分类导航的处理,更符合音乐产品的调性,从而增强了品牌的识别性。页面的版式,不仅沿用了品牌色,同时「三角形」的元素也是沿用 LOGO 的基因,进而增强品牌感知。

 

好好住,一款室内装修的 app。由于最近需要装修房子,所以朋友推荐给我这个 APP。下载之前觉得一个装修的产品嘛,应该带有浓浓的施工队儿风。但是,等我下载后,忍不住说了感叹。因为一个装修 APP 做的如此清新脱俗,可以说很有灵魂了,非常符合本屌丝的气质。

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

3. 缺省页面

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

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

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

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

 

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

4. 动效

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

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

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

 

 

TOP

QQ客服

4000-484-520