了解下目前 Logo 的主色趨勢
發(fā)布時間:2021-12-27 10:45 [ 我要自學網原創(chuàng) ] 發(fā)布人: 小劉2175

支付寶變更了主色,將本來的天藍色變更成了深藍色,相信大家都已經在各個平臺的推送新聞中關注到這個消息,我們來看看色彩的對比。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

我要從這個事件入手,來分析下現在UI主色定義的大趨勢和成因。


品牌和色彩的關系


通常,品牌主色更新,都不會是因為設計師自己的決定,而是企業(yè)在商業(yè)策略上優(yōu)先做出了調整,然后通過品牌視覺上的變更將這個信息隱晦的傳遞給消費者。

這么聽起來很多人會覺得很奇怪,怎么會改個顏色消費者就會對你產生不同的印象,難道不是根據你提供的服務和商品質量決定?

這就是色彩玄學的地方,每種顏色都有自己的特性和寓意,一部分是來源于生理上的反應,一部分來自文化影響。

先說生理反應,因為紅色是可見光譜中光波最長的色彩, 所以帶給我們視覺上的迫近和擴張感,會加快我們心臟跳動的頻次,所以它一直是熱情、活力、力量的象征。甚至有一個專有的名詞來形容紅色對人產生的影響 —— 紅色性效應。比如如果你盯著下面這些圖片多看一會兒,你可能會覺得自己心跳加快了。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

而有一部分本在光譜中比較 「中庸」 的顏色,本身并沒有特別的寓意,是基于文化和歷史因素而賦予它們不同的質地。比如粉色,在進入20世紀現代社會以前,是男性的專屬色!杜f唐書·高宗紀》記載:「敕文武官三品以上服紫,四品深緋,五品淺緋……」,其中五品官員的淺緋色就是粉紅色。米開朗基羅為西斯大教堂創(chuàng)作的壁畫 《創(chuàng)世紀》中,天父也身著紫色外衣(你品,你細品)……

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

當然,粉紅色現在的性別傾向,大家都已經熟知,就不繼續(xù)科普下去了,只需了解一件事,人們無論是從生理還是文化認知層面上,都會受到色彩的影響,并基于這樣的影響,改變對事物的認知,比如看看下圖。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

舉個最近的例子,大家熟知的戶外運動品牌 —— The North Face 北面。作為一個成立了半個世紀的老牌戶外品牌,它帶給我們的早期印象一直都是一個面向戶外愛好者的嚴肅的品牌,完全就是程序員、中產階級白領男性、企業(yè)主的衣柜,無論如何我們是不能將它和年輕人聯系到一起去的。

但隨著品牌的發(fā)展,北面開始開始進軍街頭潮流文化領域(黑人問號臉)?首先和日本品牌Nanamica合作了一個面向日本本土的產品線,偏向機能、都市、年輕人的 UrbanOutdoor 風格。于是舊有的紅色品牌標便不在該系列中使用,而是替換成了紫色,搖身一變加持潮牌 BUFF。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

而后在全亞洲領域其它地區(qū),推出使用黑色標志的系列,來面向潮牌休閑、機能系列。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

可以說,現在走進北面的新店,你已經很難把它和中年人、嚴肅、沒品味這些關鍵字聯系在一起了,而這就是色彩在品牌發(fā)展中的真實調整和原因。


支付寶色彩改版的分析


做了那么長鋪墊,下面我們回到主角支付寶身上,分析下改版和主色變更的細節(jié)。

要先從年初支付寶舉辦的合作伙伴大會說起,螞蟻金服CEO在會中宣布了要將支付寶升級成生活開放平臺的戰(zhàn)略,幫助國內4千萬商家做數字化升級。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

這當中的重點 —— 生活開放平臺,其實就是將我們日常生活中需要的服務進行整合,類似大眾點評和美團的合體,囊括衣食住行民生等領域,用戶只要通過支付寶這個入口,就可以獲得各式的服務。直觀表現,就是支付寶金剛區(qū)頂部的外賣、美食、酒店、電影、市民中心……

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

是不是看起來越來越不像一個支付工具了?支付寶這幾年做過非常多的嘗試,包括前兩年的支付寶社交。作為設計師,不要只孤立的站在用戶角度去理解,任何大型產品的改動,都有商業(yè)層面的考慮,而大多都是形式所迫。

資本本身具有擴張的屬性,一款產品也要在營收和流量中獲得持續(xù)的增長,改版就意味著過去的方式已經遇到瓶頸。支付寶背后的螞蟻金服承受了巨大的監(jiān)管壓力,金融服務上的受限大大影響了發(fā)展的進程,直接能感受到的就是余額寶上限降為10W,年化下降到 2.2。

具體細節(jié)不深究,結論就是如果支付寶不開辟新的方向,那么營收和市值都無法進一步的增長,而最后它們瞄準的,就是生活服務。

這次改版界面本身的變化并不太大,最直接的改動是logo顏色上的變化。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

因為色相范疇并沒有大改,所以藍色具有的商業(yè)、專業(yè)、嚴肅的特點,就不多做分析了。我們來從專業(yè)層面分析這個色彩的變化。

首先通過識色器選出這兩個顏色,通過 HSB 值來分析它們的變動。色相 H 由 199→212,飽和度 S 從 100→99,B 值從 91→100。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

在這個變化中,飽和度幾乎沒有什么調整,主要的變動在色相和明度上。色相的小范圍變動讓本來的淺藍變成了「深藍」,通過色相的調整將本來的顏色變得更突出、尖銳。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

但是這樣的改動下,如果明度沒有變化,那么顏色就顯得有點太 「深「 了,過度嚴肅化顯然也不能討好用戶,所以這次 B 值被拉滿提升到了 100,使色彩的感覺更明亮討喜。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

不得不懷疑支付寶色彩的改版受到潘通 2020 年的年度色影響,Classic Blue 19-4052 色,HSB 值為 208.88.51,在色相上與新版的色彩 212 幾乎一致。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

最后總結,這次色彩的更新,支付寶本來輕松安全的藍色變得更顯眼,更有沖擊力,更有識別性。這讓它在一眾 APP 中可以更好的被凸顯出來,比如下面是我自己界面的截圖,大家可以看看底部支付寶圖標在整體圖標中的變化。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

再者,這次支付寶的藍色,在一眾藍色類圖標中也是獨領風騷,常見的藍色系圖標在顯眼度上都被比了下去,例如知乎、APP Store、餓了么、攜程、微信讀書等等。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

這次的色彩調整,符合產品本身的定位,一個面向生活服務所以需要被高頻次打開的應用。同時在界面的感官上也能讓用戶區(qū)分出和過去的不同,身份從電子錢包開始朝其它方向拓展的信息。


UI行業(yè)主色應用趨勢


這次支付寶的色彩改版,不是孤例,這幾年做過色彩調整的產品數不勝數,還有網易云音樂、百詞斬、快手、微信,國外則有Facebook等等。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

這些 APP 色彩的調整方式和支付寶的幾乎一致,除了色相的輕微變動以外,無不提升了色彩的飽和度和明度,讓產品本身更容易被用戶察覺。

從這個角度上,我們必須還要明白一個問題,就是對于 APP 產品品牌的色彩應用上,并不只取決于 APP 本身和用戶個性上,在真實項目案例中,勢必要考慮到一個越來越重要的問題 —— 競爭。應用不僅要在密密麻麻的應用列表中能吸引用戶,還要在用戶使用過后得到深刻的印象。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

像線下品牌中應用的淺色、性冷淡色,是因為無論產品還是門店、物料,都有給客戶更長的接觸時間,也包含了更強烈的感官體驗、更多元化的服務方式,比如下圖我拍的某日系品牌門店。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

但 APP 的色彩應用無法和真正的品牌視覺劃上等號,用戶首先下載完應用要記得打開,打開后還要記得下一次再啟動(次日留存),短暫體驗之后還要能和競爭對手爭奪心智定位(印象深刻),這都迫使移動端產品的色彩開始越來越激進,越來越鮮艷。

羅永浩前兩年說過的一句話比較中肯,就是互聯網的發(fā)展已經進入到爭奪用戶時間的階段了。放眼望去琳瑯滿目的產品和 APP,可以讓用戶選擇的東西太多了,信息大爆炸也讓用戶本身越來越浮躁,越來越難被打動和轉化。

任何產品投入上線的那一刻就進入時間爭奪的戰(zhàn)場,躺贏這種事是不存在的。所以強如支付寶這樣的應用,也要在面對美團步步緊逼的壓力下不斷調整策略,希望吸引用戶更多的關注和使用頻次。

所以,在長期的觀察中,我們對 APP 主色的應用趨勢,可以這么來總結,我們確定了色相值以后,那么就會將色彩最終確定在識色器的右上角區(qū)域中,也就是高飽和度和明度,比如下面的截圖。

為什么支付寶要換 Logo 顏色?分析下目前 Logo 的主色趨勢

這也是未來我們作為 UI 設計師進行主色配置的重要參考,因為色彩對于品牌和產品,不止是用來表現自身個性,而是更具侵略性,去主動占據用戶的注意。

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