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