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

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

• 什么是品牌基因

• 為什么要塑造品牌基因

• 怎么做

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

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

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

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

無(wú)錫設(shè)計(jì)公司，平面設(shè)計(jì)，logo設(shè)計(jì)

通過(guò)上面 2 個(gè)案例，大家對(duì)品牌基因應(yīng)該有一定了解了，品牌基因有可能是：顏色、一句話、人物形象等。那我們?yōu)槭裁匆ニ茉炱放苹蚰兀拷酉聛?lái)我們看第二部分。

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

品牌設(shè)計(jì)，無(wú)錫設(shè)計(jì)公司，VI設(shè)計(jì)

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

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

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

logo設(shè)計(jì)，VI設(shè)計(jì)，畫冊(cè)設(shè)計(jì)
 

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

A. 如何提取品牌基因?

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

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

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

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

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

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

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

無(wú)錫設(shè)計(jì)公司，品牌設(shè)計(jì)，形象設(shè)計(jì)

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

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

包裝設(shè)計(jì)，無(wú)錫設(shè)計(jì)公司，VI設(shè)計(jì)

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

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

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

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

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

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

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