?針對(duì) QQ支付的品牌設(shè)計(jì)，他們做了不同的設(shè)計(jì)嘗試，本文著重分享QQ 支付品牌設(shè)計(jì)進(jìn)行的三步驟。enjoy~

大家見(jiàn)到的大部分支付類(lèi)產(chǎn)品，在視覺(jué)系統(tǒng)上大都選擇較沉穩(wěn)、低調(diào)的風(fēng)格，對(duì)產(chǎn)品的可信任度上會(huì)產(chǎn)生一定的影響。不過(guò)，是不是意味著，支付類(lèi)產(chǎn)品只能選擇這類(lèi)的配色風(fēng)格呢？

QQ 支付品牌設(shè)計(jì)想探尋不大一樣的風(fēng)格，面向年輕的用戶群體，使用鮮明的色彩對(duì)比，希望能增強(qiáng)大眾的認(rèn)知度和識(shí)別度。

我們也針對(duì) QQ支付的品牌設(shè)計(jì)做了不同的設(shè)計(jì)嘗試。

設(shè)計(jì) Logo 是需要考慮定位的，因?yàn)?Logo 會(huì)一直跟隨在各個(gè)場(chǎng)合或角落，比如廣告牌上、宣傳單上、網(wǎng)站上、各種周邊產(chǎn)品上，你會(huì)發(fā)現(xiàn)一個(gè) Logo 就是由這些肉眼看得見(jiàn)的東西；比如顏色、形式、質(zhì)感、形狀等組成的，同時(shí)向人們傳遞出一種無(wú)形的東西；比如產(chǎn)品的性質(zhì)、氣質(zhì)、理念、愿景等等。

所以在設(shè)計(jì) Logo 之前，最好是能考慮到這三個(gè)層面：無(wú)形的定位層面、有形的視覺(jué)層面、視覺(jué)延展層面。也就是 QQ 支付品牌設(shè)計(jì)進(jìn)行的三步驟（如下圖所示）

一. 品牌調(diào)研及定位

Logo 的設(shè)計(jì)需要對(duì)整個(gè)行業(yè)與市場(chǎng)進(jìn)行研究，摸索出這個(gè)行業(yè)中產(chǎn)品品牌的固有特征與行業(yè)屬性，這些調(diào)研信息能夠幫助設(shè)計(jì)師在視覺(jué)設(shè)計(jì)時(shí)思路更加明朗。

1. 國(guó)外支付類(lèi)品牌

2. 色彩分析

3. 圖形分析

4. 相關(guān)產(chǎn)品收集分析

通過(guò)對(duì)支付類(lèi) Logo 的市場(chǎng)調(diào)研并得出相關(guān)結(jié)論，結(jié)合 QQ 支付該產(chǎn)品的目標(biāo)人群與產(chǎn)品特性，得出以下品牌設(shè)計(jì)模型。

二. 品牌標(biāo)志設(shè)計(jì)

從第一步的品牌調(diào)研與定位中得出了相關(guān)結(jié)論，并結(jié)合品牌設(shè)計(jì)模型，需要清晰的價(jià)值體系和全新的識(shí)別系統(tǒng)，第二步便從品牌標(biāo)志設(shè)計(jì)開(kāi)始，標(biāo)志的立意要表達(dá)清楚，讓使用者很容易懂或很容易識(shí)別，介于這個(gè)基礎(chǔ)之上，再以更美的姿態(tài)表達(dá)出來(lái)。

1. 品牌關(guān)鍵詞的搜索

2. 標(biāo)志設(shè)計(jì)草圖

接下來(lái)，設(shè)計(jì)師們開(kāi)始繪制標(biāo)志的黑白草圖。草圖標(biāo)志的設(shè)計(jì)元素較為多樣，包含：卡片、錢(qián)、平臺(tái)、支付手勢(shì)、支付狀態(tài)與完成等。

3. 標(biāo)志設(shè)計(jì)提案

設(shè)計(jì)師做了以下的風(fēng)格嘗試：

方案 1：扣在一起的兩個(gè)方形元素寓意著不同的文化與平臺(tái)，抽象的幾何方形元素與 QQ 的剪影達(dá)到比較巧妙的結(jié)合，意在傳達(dá)出 QQ 支付品牌的主要內(nèi)容。

方案 2 ：將傾斜的兩個(gè)方形元素重疊在一起寓意著具象的卡片元素，重疊的幾何形體搭配深淺不一的色彩組合，豐富 Logo 的層次與深度，還提取了QQ 圖形中的眼睛元素，較為簡(jiǎn)約。

方案 3：QQ 招手的形態(tài)剪影與支付成功的圖形結(jié)合，清晰傳達(dá)給用戶訊息：QQ 支付，喜歡就付，傳達(dá)出年輕、熱情、支付、以人為本的視覺(jué)語(yǔ)言。

4. 優(yōu)化標(biāo)志設(shè)計(jì)

在提案了多種方案之后，設(shè)計(jì)師們挑選出并打磨更加中意的方案 3。方案 3 中運(yùn)用了QQ 的剪影，辨識(shí)度非常高，這樣能較大的降低宣傳成本，同時(shí)打勾的圖形寓意著支付完成的結(jié)果，代表滿意并安全的支付信息。

不過(guò)打勾的圖形似乎割裂了QQ 的身體，設(shè)計(jì)師們又在方案 3 的基礎(chǔ)之上嘗試多一些，接著就是優(yōu)化標(biāo)志設(shè)計(jì)這一步了。

在色彩的選擇上，對(duì)不同色值的藍(lán)色與黃色也進(jìn)行了多種嘗試。

5. 最終方案

設(shè)計(jì)師們決定用 QQ 的剪影、支付成功的圖形組成一個(gè)獨(dú)特標(biāo)志，圖形與 QQ 之間達(dá)到平衡，更好的傳達(dá)所提供服務(wù)的重要性，以確保 Logo 能夠傳達(dá)出品牌的內(nèi)在品質(zhì)，希望能體現(xiàn)出它應(yīng)該給人帶來(lái)的安全、活力、以人為本，嘗試讓品牌信息更加 “擲地有聲”，語(yǔ)氣強(qiáng)而有力，值得信賴。

6. 色彩設(shè)計(jì)

選擇明亮的藍(lán)色與黃色作為新的主色，能更好地體現(xiàn) QQ 支付較強(qiáng)的生命力，充滿清新活力，又有助于提高產(chǎn)品延展的可用性。

三. 品牌設(shè)計(jì)規(guī)范

一個(gè)好的 Logo 可以用來(lái)做視覺(jué)延展的，便于應(yīng)用在更廣泛的場(chǎng)景里，當(dāng)人們一看到這個(gè)視覺(jué)元素，在腦海中立馬就會(huì)想起它，也就是占領(lǐng)了用戶心智，從而增加了用戶與品牌之間的情感粘性，品牌形象深入人心。

1. 圖形元素

視覺(jué)延展的圖形元素來(lái)源并不是憑空捏造的，圖形元素需要與品牌、Logo 之間是有規(guī)律可循的，QQ 支付用簡(jiǎn)約的抽象圖形表達(dá) QQ 支付的品牌特性，這樣的視覺(jué)延展更具有流動(dòng)性。

2. 圖形結(jié)合

3. 輔助圖案

4. 設(shè)計(jì)元素

5. 應(yīng)用設(shè)計(jì)

QQ 支付品牌系統(tǒng)設(shè)計(jì)，設(shè)計(jì)師們希望能兼顧功能與審美，嘗試建立清晰的價(jià)值體系與全新的識(shí)別系統(tǒng)，從無(wú)形的定位層面、有形的視覺(jué)層面、視覺(jué)延展層面三個(gè)方向建立值得信賴的 Logo、友好的配色以及豐富靈活的視覺(jué)延展。

我們希望以全新的形象對(duì)外展示 QQ 支付，也期待大家會(huì)喜歡全新的改變。

來(lái)源：騰訊 ISUX