編輯導(dǎo)語：如今用戶在使用產(chǎn)品時，更多的也會去關(guān)注產(chǎn)品的品牌，品牌的知名度、美譽度等等也是消費者的判斷力之一；UI設(shè)計師在工作時會與品牌相結(jié)合進(jìn)行設(shè)計，設(shè)計的同時用一些技巧提升品牌能力；本文作者分享了關(guān)于UI設(shè)計師如何提升品牌能力，我們一起來看一下。

做產(chǎn)品設(shè)計，我們一直在討論如何讓產(chǎn)品更好用，讓用戶使用起來更爽；但是很少有產(chǎn)品經(jīng)理和設(shè)計師討論如何將產(chǎn)品和品牌結(jié)合起來，如何在設(shè)計中通過品牌賦能業(yè)務(wù)。

那么今天的UI設(shè)計師如果不會品牌設(shè)計會不會被淘汰？答案是肯定的。

一、為什么品牌很重要

什么是品牌？

可能每個人心中都有一個答案，在同質(zhì)化商業(yè)越來越嚴(yán)重的今天，互聯(lián)網(wǎng)獲得新用戶成本越來越高，品牌很大一個作用就是獲取新用戶成本更低。

品牌有影響力，你賣商品就是用戶找你，品牌不好你得到處推銷商品；我想所有的公司，都希望用戶每天找過來，而不是天天和用戶去宣傳，所以品牌化在產(chǎn)品設(shè)計中扮演的顏色越來越重要。

二、品牌包含哪些方面

談到品牌，就離不開使命、愿景還有價值觀。

設(shè)計一個品牌就像你開一個公司意愿，你必須了解你為誰服務(wù)？你能提供什么樣價值和服務(wù)體驗。使命就是我們品牌的意義和目標(biāo)是什么；愿景就是我們未來的地位是什么樣；價值觀就是公司提倡的價值是什么？

以阿里巴巴為例，阿里巴巴的品牌價值觀叫六脈神劍。

• 使命：讓天下沒有難做的生意。
• 愿景：到2036年，服務(wù)20億消費者，創(chuàng)造1億就業(yè)機會，幫助1000萬家中小企業(yè)盈利。
• 價值觀：客戶第一，員工第二，股票第三；因為信任，所以簡單；唯一不變的是變化；今天最好的表現(xiàn)是明天最低的要求等等。有了這些價值觀的約束，我做公司的時候才能選擇正確的方向。

1. 品牌和產(chǎn)品的關(guān)系

品牌和產(chǎn)品是相輔相成的關(guān)系。使命、愿景和價值觀是定義公司發(fā)展方向和價值觀，公司產(chǎn)品是在這個大的方向下去構(gòu)建；產(chǎn)品是實現(xiàn)品牌目標(biāo)的策略，所以當(dāng)你和市場上推一款產(chǎn)品時候，就要思考他和公司的品牌愿景是否一致。

做產(chǎn)品需要思考三個維度：

• 產(chǎn)品：該品牌對于用戶的價值好處是什么?
• 定位：為什么我們的產(chǎn)品比競爭對手好，好在什么地方?
• 風(fēng)格：怎么定義這個產(chǎn)品的風(fēng)格特征。

所有做產(chǎn)品思考的這些維度都是為品牌服務(wù)，那么品牌如何落地到實際業(yè)務(wù)呢?

2. 品牌又有哪些緯度組成的呢？

談到落地就不得不說這張圖，品牌基本由產(chǎn)品服務(wù)，視覺系統(tǒng)，互動行為，語言系統(tǒng)組成；這里面和設(shè)計師相關(guān)的就是視覺系統(tǒng)，也就是大家比較熟悉的：色彩、字體、圖形。

現(xiàn)在有的團(tuán)隊也開始對語言系統(tǒng)開始定義，比如話術(shù)、名稱、聲音等等，那接下來我們通過案例方式來了解實際業(yè)務(wù)中品牌是怎么落地的。

三、品牌如何落地

品牌最終如何讓用戶感知，一定是在用戶看到你產(chǎn)品，使用到你功能時候感覺到溫暖，看見你頁面設(shè)計的圖片感覺很溫馨，你的插畫很親切，內(nèi)容很活潑溫暖；你在這個APP中，看到的 一切包括所有的文案都是我們品牌的傳遞。

那么如何去落地？

1. 確定品牌設(shè)計關(guān)鍵詞

以雙11為例，在品牌的第一步，需要基于使命，愿景和理念；然后去腦暴一起討論出最終的確定關(guān)鍵詞。

根據(jù)阿里巴巴開始啟動五新戰(zhàn)略（新零售、新制造、新金融、新技術(shù)、新能源），然后和業(yè)務(wù)一起確定關(guān)鍵詞：全球化，節(jié)日狂歡，新零售等維度為設(shè)計核心方向。

以雙11為例，在品牌的第一步，需要基于使命，愿景和理念，然后去腦暴一起討論出最終的確定關(guān)鍵詞。

設(shè)計師最后逐步的腦暴思考，最終以「in」這個核心概念，以「in」來構(gòu)建雙11品牌的內(nèi)核。

那么靈感確定后，就需要去落地，從哪些維度落地？

2. 根據(jù)關(guān)鍵詞確定色彩

上圖品牌組成里視覺系統(tǒng)就是設(shè)計師需要去解決的問題，色彩，圖形，字體和圖片，有了關(guān)鍵詞就需要開始逐步推導(dǎo)出設(shè)計關(guān)鍵詞落地方案。

色彩上，通過品牌關(guān)鍵詞的去聯(lián)想發(fā)散一些圖片，根據(jù)圖片上提取色彩，這個方法也是比較常用的；比如上圖，韓國APP確定產(chǎn)品色彩，就是通過從色彩中提取。

韓國美食APP關(guān)鍵詞是清新，熱愛生活，那么從圖片里面抽取出對應(yīng)的品牌色。

當(dāng)你做的項目支付寶尊享理財，也是運用的從生活場景中抽取色彩作為主要的品牌色彩。

3. 根據(jù)關(guān)鍵詞確定構(gòu)圖

品牌構(gòu)圖是用戶記憶點，如何讓用戶記住你的設(shè)計，能在腦海中聯(lián)想成圖形非常重要。2020雙11的圖形我很喜歡，運用了一個手送禮的圖形讓用戶記住。

雙11的品牌圖形通過雙手「買買買」這個行為，將這個手勢作為品牌圖形分享給用戶；驚喜、感動，匯聚送到用戶手中。

和藝術(shù)家線下的海報也和線上結(jié)合起來，將這個手術(shù)傳遞出去，形成用戶記憶點，同時雙十一的整體圖形視覺。

4. 根據(jù)關(guān)鍵詞確定風(fēng)格質(zhì)感

品牌風(fēng)格是品牌最終傳遞出去的視覺效果，也是用戶最直接看見的，如何傳遞，通過什么樣的方式，雙11通過星軌風(fēng)格概念，講品牌風(fēng)格定義為星軌，然后不斷在界面中落地星軌的效果。

然后設(shè)計師產(chǎn)出對應(yīng)的風(fēng)格指南，幫助大家更好的理解好風(fēng)格。

5. 根據(jù)關(guān)鍵詞確定插畫風(fēng)格

隨著插畫在設(shè)計中的運用越來越廣泛，在設(shè)計品牌系統(tǒng)時候，插畫也需要思考進(jìn)去，需要回答什么樣風(fēng)格是你們產(chǎn)品？所以你的插畫一定要定義好規(guī)則和規(guī)范。

插畫風(fēng)格展示，比如奧迪設(shè)計規(guī)范明確的規(guī)定了插畫風(fēng)格采用黑白風(fēng)格，在很多場景都進(jìn)行落地貫穿。

UBER設(shè)計規(guī)范也是，對插畫風(fēng)格進(jìn)行了詳細(xì)定義，從基于關(guān)鍵詞定義插畫風(fēng)格。

對于插畫的繪畫角度技巧都進(jìn)行規(guī)范。

案例的舉例示范，插畫的運用在品牌中起著至關(guān)重要的作業(yè)。

四、最后

當(dāng)然品牌的落地遠(yuǎn)遠(yuǎn)不止如此，今天我們只是從品牌視覺系統(tǒng)中進(jìn)行了分析；其實還有很多，包括話術(shù)、聲音、圖片等等，這些都是品牌組成很重要的部分。

今天我們在做設(shè)計時候，多從品牌的維度去思考，如何讓你的設(shè)計和公司產(chǎn)品氣質(zhì)、公司愿景價值觀進(jìn)行掛鉤。

希望今天的分享對你有幫助。

#專欄作家#

Sky，微信公眾號：我們的設(shè)計日記（ID：helloskys），人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗設(shè)計專家，阿里巴巴天貓設(shè)計專家；10年知名互聯(lián)網(wǎng)公司設(shè)計經(jīng)驗，對于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計規(guī)范、運營規(guī)范、大促等有豐富實戰(zhàn)經(jīng)驗。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自?Unsplash，基于 CC0 協(xié)議