品牌基因設(shè)計簡略指南
發(fā)布時間:2021-12-17 09:10 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2699

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

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

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

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

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

相信大家一眼就能看出,那你是通過什么元素辨別出來的呢?我們拆解一下(如下圖),首先圖形里包括了抖音的“抖”的設(shè)計風格,其實這種撞色風格實際上并不是抖音的專利,但自從抖音以此風格作為主要設(shè)計風格,大家便形成了這樣的品牌印象,其次我們看一下人物形象——一個年輕又好看的女孩,而人物形象的選擇則代表了其定位,這就很好的傳達抖音的品牌個性。

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

我們再來看一下,下面這張圖是誰家的?

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

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

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

A. 如何提取品牌基因?

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

第一個場景:圖標設(shè)計。以好看視頻舉例,圖標的用色及設(shè)計風格很好地繼承了 logo 的風格。

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

為什么你的設(shè)計沒亮點?收下這份品牌基因設(shè)計簡略指南

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

零基礎(chǔ)教你做UI
我要自學網(wǎng)商城 ¥50 元
進入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導(dǎo)致的法律責任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC