本次分享的是品牌基因如何更好的融入產(chǎn)品設(shè)計，成功的品牌基因，能讓用戶看一眼就知道是什么產(chǎn)品。

不知道你有沒有發(fā)現(xiàn)，大部分 app 的設(shè)計都沒有了差異性，好像都在跟著流行趨勢走，自家的產(chǎn)品設(shè)計卻經(jīng)不起沉淀，今天來跟大家聊聊導(dǎo)致這種狀況的原因——缺乏品牌基因，接下來分三個點來說：

• 什么是品牌基因

• 為什么要塑造品牌基因

• 怎么做

首先，我們先了解一下什么是品牌基因，下面是來自百度百科的定義：

品牌基因是每個品牌獨有的符號，包含了品牌的價值，價值則包括品牌的定位及個性，而成功的品牌基因，能讓用戶一眼就看出是什么產(chǎn)品。給大家舉兩個例子，下面這張是誰家的廣告圖？

用過他家產(chǎn)品的人應(yīng)該很容易辨識出來-ofo（小黃車）同樣我們來拆解一下，圖里包含了 ofo 中的“o”，大大的黃色圈圈，這本不是小黃車獨有的品牌符號，但是結(jié)合其核心理念——騎時更輕松，則形成了小黃車獨有的品牌符號。

我們再來看一下 ofo 的廣告圖，官方海報通過當(dāng)時最受年輕人喜歡的愛豆之一作為品牌代言人，其充滿活力的騎著小黃車；整體物料的設(shè)計頁面元素透氣，輕盈；這正是 ofo 想要傳達給用戶的直觀感受——輕松、活力。

無錫設(shè)計公司，平面設(shè)計，logo設(shè)計

通過上面 2 個案例，大家對品牌基因應(yīng)該有一定了解了，品牌基因有可能是：顏色、一句話、人物形象等。那我們?yōu)槭裁匆ニ茉炱放苹蚰?？接下來我們看第二部分?/p>

我們先來看幾個案例（如下圖），去掉了品牌顏色后，你能認(rèn)得出都是誰家的 app 么？識別相對較難對不對，這正是開頭講的，塑造品牌基因的直接原因是產(chǎn)品設(shè)計的差異性越來越小。

品牌設(shè)計，無錫設(shè)計公司，VI設(shè)計

下面再問大家一個問題，如果看綜藝視頻，你會第一時間選擇哪個 app？有的人去愛奇藝、有的人去芒果，不管怎樣，每個人的腦子里會優(yōu)先出現(xiàn)一個產(chǎn)品，為什么呢？

在這里需要引入一個概念-心智模型（出自 Alan Cooper 在《交互設(shè)計精髓》），通過平時使用產(chǎn)品，慢慢的我們的頭腦對產(chǎn)品有了概念，而這種對產(chǎn)品的概念和認(rèn)知就是我們的心智模型，而用戶心智模型會幫助用戶進行產(chǎn)品排序，通常會不用思考的選擇排在第一位的產(chǎn)品。

用戶對產(chǎn)品的概念和認(rèn)知需要產(chǎn)品、運營等同學(xué)一起努力去打造，本文主要圍繞設(shè)計展開。所以這正是我們要塑造品牌基因的根本原因–建立用戶心智模型。

logo設(shè)計，VI設(shè)計，畫冊設(shè)計
 

前面我們知道了什么是品牌基因以及為什么要塑造品牌基因，那接下來該怎么做呢？下面講一下第三部分，如何塑造品牌基因，我們拆分成兩個點：A.如何提取品牌基因? B.如何融入產(chǎn)品界面?

A. 如何提取品牌基因?

提煉品牌基因最常見的手法是從 LOGO 中提取圖形，圖形可以直接將 logo 應(yīng)用在界面上，也可以簡化 logo 特征形成新的圖形。比如，美團，B 站等直接將 LOGO 應(yīng)用在圖標(biāo)設(shè)計上。

logo設(shè)計，品牌設(shè)計，VI設(shè)計
 

而滴滴的圖標(biāo)設(shè)計則是通過提煉 Logo 的圖形特征（上圓下方），形成新的圖形。滴滴品牌基因塑造一直是比較出彩的，最早版本的圖標(biāo)設(shè)計就很注重這方面，下面是我截的最新版本圖。

VI設(shè)計，平面設(shè)計，包裝設(shè)計

再比如網(wǎng)易云音樂，圖標(biāo)設(shè)計提取了 logo 圖形細(xì)線條的風(fēng)格，這是網(wǎng)易音樂獨有的品牌基因。

logo設(shè)計，包裝設(shè)計，平面設(shè)計

除了圖形設(shè)計，顏色的應(yīng)用也是塑造品牌基因的方法。尤其在以內(nèi)容為主的信息流展示場景，想要在這種場景融入品牌基因，最重要的就是品牌色應(yīng)用。比如品牌色用在下劃線、或者某個標(biāo)簽、某個圖標(biāo)等，都是很關(guān)鍵的傳達品牌的場景。

無錫設(shè)計公司，品牌設(shè)計，形象設(shè)計

B.如何融入產(chǎn)品界面?

第一個場景：圖標(biāo)設(shè)計。以好看視頻舉例，圖標(biāo)的用色及設(shè)計風(fēng)格很好地繼承了 logo 的風(fēng)格。

包裝設(shè)計，無錫設(shè)計公司，VI設(shè)計

第二個場景：空頁面設(shè)計。大家知道下圖是哪家 app 么？應(yīng)該很容易猜到。

品牌設(shè)計，VI設(shè)計，logo設(shè)計

第三個場景：loading，包括下拉刷新和頁面加載。首先我們先看一下美團，直接應(yīng)用了美團的 IP-袋鼠的形象，飛速奔跑的 motion，既能體現(xiàn)外賣特性又富趣味性。盒馬生鮮，他沒有直接應(yīng)用盒馬的形象，而是提煉了 logo 里的有特征性的圖形做 loading。這兩種方法在 app 里用的都比較廣，也是設(shè)計師常用的方法。

logo設(shè)計，VI設(shè)計，包裝設(shè)計

第四個場景：運營活動。拉新或者促活很大程度都會依靠運營活動，尤其在精細(xì)化運營的時期，活動里面融入品牌基因可以更好的傳播品牌，強化用戶的認(rèn)知。

logo設(shè)計，畫冊設(shè)計，品牌設(shè)計

以上是關(guān)于品牌基因的思考，當(dāng)下越來越多的公司開始關(guān)注品牌并塑造自己的品牌基因，設(shè)計師在這里起到不可或缺的作用，將基因融入產(chǎn)品設(shè)計，傳達給用戶對應(yīng)的產(chǎn)品調(diào)性，是設(shè)計師需要努力實踐的。希望本文對你有幫助。
來源：uisdc.com