为什么你的设计没亮点？收下这份品牌基因设计简略指南

本次分享的是品牌基因如何更好的融入产品设计，成功的品牌基因，能让用户看一眼就知道是什么产品。

不知道你有没有发现，大部分 app 的设计都没有了差异性，好像都在跟着流行趋势走，自家的产品设计却经不起沉淀，今天来跟大家聊聊导致这种状况的原因——缺乏品牌基因，接下来分三个点来说：

• 什么是品牌基因
• 为什么要塑造品牌基因
• 怎么做

首先，我们先了解一下什么是品牌基因，下面是来自百度百科的定义：

品牌基因是每个品牌独有的符号，包含了品牌的价值，价值则包括品牌的定位及个性，而成功的品牌基因，能让用户一眼就看出是什么产品。给大家举两个例子，下面这张是谁家的广告图？

相信大家一眼就能看出，那你是通过什么元素辨别出来的呢？我们拆解一下（如下图），首先图形里包括了抖音的“抖”的设计风格，其实这种撞色风格实际上并不是抖音的专利，但自从抖音以此风格作为主要设计风格，大家便形成了这样的品牌印象，其次我们看一下人物形象——一个年轻又好看的女孩，而人物形象的选择则代表了其定位，这就很好的传达抖音的品牌个性。

我们再来看一下，下面这张图是谁家的？

用过他家产品的人应该很容易辨识出来-ofo（小黄车）同样我们来拆解一下，图里包含了 ofo 中的“o”，大大的黄色圈圈，这本不是小黄车独有的品牌符号，但是结合其核心理念——骑时更轻松，则形成了小黄车独有的品牌符号。

我们再来看一下 ofo 的广告图，官方海报通过当时最受年轻人喜欢的爱豆之一作为品牌代言人，其充满活力的骑着小黄车；整体物料的设计页面元素透气，轻盈；这正是 ofo 想要传达给用户的直观感受——轻松、活力。

通过上面 2 个案例，大家对品牌基因应该有一定了解了，品牌基因有可能是：颜色、一句话、人物形象等。那我们为什么要去塑造品牌基因呢？接下来我们看第二部分。

我们先来看几个案例（如下图），去掉了品牌颜色后，你能认得出都是谁家的 app 么？识别相对较难对不对，这正是开头讲的，塑造品牌基因的直接原因是产品设计的差异性越来越小。

下面再问大家一个问题，如果看综艺视频，你会第一时间选择哪个 app？有的人去爱奇艺、有的人去芒果，不管怎样，每个人的脑子里会优先出现一个产品，为什么呢？

在这里需要引入一个概念-心智模型（出自 Alan Cooper 在《交互设计精髓》），通过平时使用产品，慢慢的我们的头脑对产品有了概念，而这种对产品的概念和认知就是我们的心智模型，而用户心智模型会帮助用户进行产品排序，通常会不用思考的选择排在第一位的产品。

用户对产品的概念和认知需要产品、运营等同学一起努力去打造，本文主要围绕设计展开。所以这正是我们要塑造品牌基因的根本原因--建立用户心智模型。

前面我们知道了什么是品牌基因以及为什么要塑造品牌基因，那接下来该怎么做呢？下面讲一下第三部分，如何塑造品牌基因，我们拆分成两个点：A.如何提取品牌基因? B.如何融入产品界面?

A. 如何提取品牌基因?

提炼品牌基因最常见的手法是从 LOGO 中提取图形，图形可以直接将 logo 应用在界面上，也可以简化 logo 特征形成新的图形。比如，美团，B 站等直接将 LOGO 应用在图标设计上。

而滴滴的图标设计则是通过提炼 Logo 的图形特征（上圆下方），形成新的图形。滴滴品牌基因塑造一直是比较出彩的，最早版本的图标设计就很注重这方面，下面是我截的最新版本图。

再比如网易云音乐，图标设计提取了 logo 图形细线条的风格，这是网易音乐独有的品牌基因。

除了图形设计，颜色的应用也是塑造品牌基因的方法。尤其在以内容为主的信息流展示场景，想要在这种场景融入品牌基因，最重要的就是品牌色应用。比如品牌色用在下划线、或者某个标签、某个图标等，都是很关键的传达品牌的场景。

B.如何融入产品界面?

第一个场景：图标设计。以好看视频举例，图标的用色及设计风格很好地继承了 logo 的风格。

第二个场景：空页面设计。大家知道下图是哪家 app 么？应该很容易猜到。

第三个场景：loading，包括下拉刷新和页面加载。首先我们先看一下美团，直接应用了美团的 IP-袋鼠的形象，飞速奔跑的 motion，既能体现外卖特性又富趣味性。盒马生鲜，他没有直接应用盒马的形象，而是提炼了 logo 里的有特征性的图形做 loading。这两种方法在 app 里用的都比较广，也是设计师常用的方法。

第四个场景：运营活动。拉新或者促活很大程度都会依靠运营活动，尤其在精细化运营的时期，活动里面融入品牌基因可以更好的传播品牌，强化用户的认知。

以上是关于品牌基因的思考，当下越来越多的公司开始关注品牌并塑造自己的品牌基因，设计师在这里起到不可或缺的作用，将基因融入产品设计，传达给用户对应的产品调性，是设计师需要努力实践的。希望本文对你有帮助。