首页 >> 行业资讯 >>设计资讯 >> 设计没亮点?收下这份品牌基因设计简略指南
详细内容

设计没亮点?收下这份品牌基因设计简略指南

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

不知道你有没有发现,大部分 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 里用的都比较广,也是设计师常用的方法。

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

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

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

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

作者:初九先生 原文链接:https://www.uisdc.com/guidelines-for-brand-genetic-design

在线留言

免费咨询和获取报价
  • 电话直呼

    • 178 6662 5335
  • 扫码咨询报价