支付寶變更了主色，將本來的天藍(lán)色變更成了深藍(lán)色，相信大家都已經(jīng)在各個(gè)平臺的推送新聞中關(guān)注到這個(gè)消息，我們來看看色彩的對比。
我要從這個(gè)事件入手，來分析下現(xiàn)在UI主色定義的大趨勢和成因。
通常，品牌主色更新，都不會是因?yàn)?a href="https://www.uisdc.com/tag/%e8%ae%be%e8%ae%a1%e5%b8%88" class="tag_a" target="_blank" style="text-decoration: none; border-bottom: none; word-break: break-all; color: rgb(82, 82, 82); cursor: text;">設(shè)計(jì)師自己的決定，而是企業(yè)在商業(yè)策略上優(yōu)先做出了調(diào)整，然后通過品牌視覺上的變更將這個(gè)信息隱晦的傳遞給消費(fèi)者。
這么聽起來很多人會覺得很奇怪，怎么會改個(gè)顏色消費(fèi)者就會對你產(chǎn)生不同的印象，難道不是根據(jù)你提供的服務(wù)和商品質(zhì)量決定？
這就是色彩玄學(xué)的地方，每種顏色都有自己的特性和寓意，一部分是來源于生理上的反應(yīng)，一部分來自文化影響。
先說生理反應(yīng)，因?yàn)榧t色是可見光譜中光波最長的色彩， 所以帶給我們視覺上的迫近和擴(kuò)張感，會加快我們心臟跳動(dòng)的頻次，所以它一直是熱情、活力、力量的象征。甚至有一個(gè)專有的名詞來形容紅色對人產(chǎn)生的影響 —— 紅色性效應(yīng)。比如如果你盯著下面這些圖片多看一會兒，你可能會覺得自己心跳加快了。
而有一部分本在光譜中比較 「中庸」 的顏色，本身并沒有特別的寓意，是基于文化和歷史因素而賦予它們不同的質(zhì)地。比如粉色，在進(jìn)入20世紀(jì)現(xiàn)代社會以前，是男性的專屬色！杜f唐書·高宗紀(jì)》記載：「敕文武官三品以上服紫，四品深緋，五品淺緋……」，其中五品官員的淺緋色就是粉紅色。米開朗基羅為西斯大教堂創(chuàng)作的壁畫 《創(chuàng)世紀(jì)》中，天父也身著紫色外衣（你品，你細(xì)品）……
當(dāng)然，粉紅色現(xiàn)在的性別傾向，大家都已經(jīng)熟知，就不繼續(xù)科普下去了，只需了解一件事，人們無論是從生理還是文化認(rèn)知層面上，都會受到色彩的影響，并基于這樣的影響，改變對事物的認(rèn)知，比如看看下圖。
舉個(gè)最近的例子，大家熟知的戶外運(yùn)動(dòng)品牌 —— The North Face 北面。作為一個(gè)成立了半個(gè)世紀(jì)的老牌戶外品牌，它帶給我們的早期印象一直都是一個(gè)面向戶外愛好者的嚴(yán)肅的品牌，完全就是程序員、中產(chǎn)階級白領(lǐng)男性、企業(yè)主的衣柜，無論如何我們是不能將它和年輕人聯(lián)系到一起去的。
但隨著品牌的發(fā)展，北面開始開始進(jìn)軍街頭潮流文化領(lǐng)域（黑人問號臉）？首先和日本品牌Nanamica合作了一個(gè)面向日本本土的產(chǎn)品線，偏向機(jī)能、都市、年輕人的 UrbanOutdoor 風(fēng)格。于是舊有的紅色品牌標(biāo)便不在該系列中使用，而是替換成了紫色，搖身一變加持潮牌 BUFF。
而后在全亞洲領(lǐng)域其它地區(qū)，推出使用黑色標(biāo)志的系列，來面向潮牌休閑、機(jī)能系列。
可以說，現(xiàn)在走進(jìn)北面的新店，你已經(jīng)很難把它和中年人、嚴(yán)肅、沒品味這些關(guān)鍵字聯(lián)系在一起了，而這就是色彩在品牌發(fā)展中的真實(shí)調(diào)整和原因。
做了那么長鋪墊，下面我們回到主角支付寶身上，分析下改版和主色變更的細(xì)節(jié)。
要先從年初支付寶舉辦的合作伙伴大會說起，螞蟻金服CEO在會中宣布了要將支付寶升級成生活開放平臺的戰(zhàn)略，幫助國內(nèi)4千萬商家做數(shù)字化升級。
這當(dāng)中的重點(diǎn) —— 生活開放平臺，其實(shí)就是將我們?nèi)粘Ｉ钪行枰姆⻊?wù)進(jìn)行整合，類似大眾點(diǎn)評和美團(tuán)的合體，囊括衣食住行民生等領(lǐng)域，用戶只要通過支付寶這個(gè)入口，就可以獲得各式的服務(wù)。直觀表現(xiàn)，就是支付寶金剛區(qū)頂部的外賣、美食、酒店、電影、市民中心……
是不是看起來越來越不像一個(gè)支付工具了？支付寶這幾年做過非常多的嘗試，包括前兩年的支付寶社交。作為設(shè)計(jì)師，不要只孤立的站在用戶角度去理解，任何大型產(chǎn)品的改動(dòng)，都有商業(yè)層面的考慮，而大多都是形式所迫。
資本本身具有擴(kuò)張的屬性，一款產(chǎn)品也要在營收和流量中獲得持續(xù)的增長，改版就意味著過去的方式已經(jīng)遇到瓶頸。支付寶背后的螞蟻金服承受了巨大的監(jiān)管壓力，金融服務(wù)上的受限大大影響了發(fā)展的進(jìn)程，直接能感受到的就是余額寶上限降為10W，年化下降到 2.2。
具體細(xì)節(jié)不深究，結(jié)論就是如果支付寶不開辟新的方向，那么營收和市值都無法進(jìn)一步的增長，而最后它們瞄準(zhǔn)的，就是生活服務(wù)。
這次改版界面本身的變化并不太大，最直接的改動(dòng)是logo顏色上的變化。
因?yàn)樯喾懂牪]有大改，所以藍(lán)色具有的商業(yè)、專業(yè)、嚴(yán)肅的特點(diǎn)，就不多做分析了。我們來從專業(yè)層面分析這個(gè)色彩的變化。
首先通過識色器選出這兩個(gè)顏色，通過 HSB 值來分析它們的變動(dòng)。色相 H 由 199→212，飽和度 S 從 100→99，B 值從 91→100。
在這個(gè)變化中，飽和度幾乎沒有什么調(diào)整，主要的變動(dòng)在色相和明度上。色相的小范圍變動(dòng)讓本來的淺藍(lán)變成了「深藍(lán)」，通過色相的調(diào)整將本來的顏色變得更突出、尖銳。
但是這樣的改動(dòng)下，如果明度沒有變化，那么顏色就顯得有點(diǎn)太 「深「 了，過度嚴(yán)肅化顯然也不能討好用戶，所以這次 B 值被拉滿提升到了 100，使色彩的感覺更明亮討喜。
不得不懷疑支付寶色彩的改版受到潘通 2020 年的年度色影響，Classic Blue 19-4052 色，HSB 值為 208.88.51，在色相上與新版的色彩 212 幾乎一致。
最后總結(jié)，這次色彩的更新，支付寶本來輕松安全的藍(lán)色變得更顯眼，更有沖擊力，更有識別性。這讓它在一眾 APP 中可以更好的被凸顯出來，比如下面是我自己界面的截圖，大家可以看看底部支付寶圖標(biāo)在整體圖標(biāo)中的變化。
再者，這次支付寶的藍(lán)色，在一眾藍(lán)色類圖標(biāo)中也是獨(dú)領(lǐng)風(fēng)騷，常見的藍(lán)色系圖標(biāo)在顯眼度上都被比了下去，例如知乎、APP Store、餓了么、攜程、微信讀書等等。
這次的色彩調(diào)整，符合產(chǎn)品本身的定位，一個(gè)面向生活服務(wù)所以需要被高頻次打開的應(yīng)用。同時(shí)在界面的感官上也能讓用戶區(qū)分出和過去的不同，身份從電子錢包開始朝其它方向拓展的信息。
這次支付寶的色彩改版，不是孤例，這幾年做過色彩調(diào)整的產(chǎn)品數(shù)不勝數(shù)，還有網(wǎng)易云音樂、百詞斬、快手、微信，國外則有Facebook等等。
這些 APP 色彩的調(diào)整方式和支付寶的幾乎一致，除了色相的輕微變動(dòng)以外，無不提升了色彩的飽和度和明度，讓產(chǎn)品本身更容易被用戶察覺。
從這個(gè)角度上，我們必須還要明白一個(gè)問題，就是對于 APP 產(chǎn)品品牌的色彩應(yīng)用上，并不只取決于 APP 本身和用戶個(gè)性上，在真實(shí)項(xiàng)目案例中，勢必要考慮到一個(gè)越來越重要的問題 —— 競爭。應(yīng)用不僅要在密密麻麻的應(yīng)用列表中能吸引用戶，還要在用戶使用過后得到深刻的印象。
像線下品牌中應(yīng)用的淺色、性冷淡色，是因?yàn)闊o論產(chǎn)品還是門店、物料，都有給客戶更長的接觸時(shí)間，也包含了更強(qiáng)烈的感官體驗(yàn)、更多元化的服務(wù)方式，比如下圖我拍的某日系品牌門店。
但 APP 的色彩應(yīng)用無法和真正的品牌視覺劃上等號，用戶首先下載完應(yīng)用要記得打開，打開后還要記得下一次再啟動(dòng)（次日留存），短暫體驗(yàn)之后還要能和競爭對手爭奪心智定位（印象深刻），這都迫使移動(dòng)端產(chǎn)品的色彩開始越來越激進(jìn)，越來越鮮艷。
羅永浩前兩年說過的一句話比較中肯，就是互聯(lián)網(wǎng)的發(fā)展已經(jīng)進(jìn)入到爭奪用戶時(shí)間的階段了。放眼望去琳瑯滿目的產(chǎn)品和 APP，可以讓用戶選擇的東西太多了，信息大爆炸也讓用戶本身越來越浮躁，越來越難被打動(dòng)和轉(zhuǎn)化。
任何產(chǎn)品投入上線的那一刻就進(jìn)入時(shí)間爭奪的戰(zhàn)場，躺贏這種事是不存在的。所以強(qiáng)如支付寶這樣的應(yīng)用，也要在面對美團(tuán)步步緊逼的壓力下不斷調(diào)整策略，希望吸引用戶更多的關(guān)注和使用頻次。
所以，在長期的觀察中，我們對 APP 主色的應(yīng)用趨勢，可以這么來總結(jié)，我們確定了色相值以后，那么就會將色彩最終確定在識色器的右上角區(qū)域中，也就是高飽和度和明度，比如下面的截圖。
這也是未來我們作為 UI 設(shè)計(jì)師進(jìn)行主色配置的重要參考，因?yàn)樯蕦τ谄放坪彤a(chǎn)品，不止是用來表現(xiàn)自身個(gè)性，而是更具侵略性，去主動(dòng)占據(jù)用戶的注意。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。