色彩,是我們?nèi)搜圩钅苤庇^感受到的視覺(jué)要素,不同的色彩也有著各自的色彩感情,在各種特定場(chǎng)景下,往往可以傳遞給人們不一樣的情緒。
而在產(chǎn)品設(shè)計(jì)中,色彩也是非常重要的構(gòu)成要素,合理、合適的色彩搭配可以讓產(chǎn)品設(shè)計(jì)得更加出眾、鮮明。
色彩搭配并非一成不變,隨著設(shè)計(jì)流行趨勢(shì)的轉(zhuǎn)變,同一產(chǎn)品的配色方式也在不斷的迭代更新。
一、色彩應(yīng)用
產(chǎn)品設(shè)計(jì)中的色彩應(yīng)用應(yīng)當(dāng)遵循基本的色彩心理學(xué),不同的色彩在不同的場(chǎng)景下所傳遞出來(lái)的色彩情感有所不同,人的情緒也會(huì)受到影響。
/色彩心理學(xué)
舉個(gè)例子:你現(xiàn)在餓了,走進(jìn)了一家餐廳,點(diǎn)了一份土豆牛肉套飯,結(jié)果店家給你上了一份藍(lán)色海洋炒飯(下圖右),當(dāng)看到炒飯顏色的時(shí)候,你可能就不那么餓了。
這便是色彩心理學(xué)的體現(xiàn),我們?nèi)粘缀鯖](méi)有見(jiàn)到過(guò)藍(lán)色的飯,會(huì)下意識(shí)地認(rèn)為不能吃甚至有毒,食欲也就受到破壞。
而在一些產(chǎn)品的設(shè)計(jì)中也是同樣的道理,黃色是所有顏色中亮度最高的顏色,引入注目的同時(shí)還有一層警示性的含義,因此在一些需要特別注意的場(chǎng)合往往會(huì)用到黃色。
色彩心理學(xué)的應(yīng)用,關(guān)鍵詞是“契合”,要根據(jù)產(chǎn)品本身的調(diào)性,結(jié)合色彩心理學(xué),選用最合適的顏色。
二、色彩流行趨勢(shì)
“契合“是我們產(chǎn)品設(shè)計(jì)中配色的基礎(chǔ),然而僅僅有契合是不夠的,色彩的選擇還要緊跟設(shè)計(jì)的流行趨勢(shì),才能為用戶(hù)帶來(lái)更好的使用體驗(yàn)。
下面列舉一部分2022年最新流行配色趨勢(shì)。
/PANTONE-2022流行色
色彩權(quán)威機(jī)構(gòu)pantone發(fā)布的2022年流行色為長(zhǎng)春花藍(lán)Very Peri(PANTONE 17-3938)。
這款顏色融合了藍(lán)調(diào)的特質(zhì),又帶有一些紫色和紅色的底色,呈現(xiàn)出一種活力、愉悅又帶有一絲寧?kù)o的特質(zhì)。
/PANTONE色彩流行趨勢(shì)
作為色彩行業(yè)巨頭,PANTONE每年發(fā)布的流行色在一定程度上也暗合流行設(shè)計(jì)趨勢(shì),我們總結(jié)性的來(lái)看一下歷年的流行色彩:
可以看出,在近些年的流行色趨勢(shì)中,色彩的選擇越來(lái)越“輕”,是否意味著我們的設(shè)計(jì)也應(yīng)當(dāng)往輕便、輕量化、簡(jiǎn)潔、簡(jiǎn)約的方向去設(shè)計(jì)呢?
三、產(chǎn)品設(shè)計(jì)迭代中配色變化趨勢(shì)
為了印證上述觀點(diǎn),我找了一些不同類(lèi)型產(chǎn)品在更新迭代中的色彩變化對(duì)比:
/電商購(gòu)物類(lèi)產(chǎn)品
大部分電商類(lèi)型的產(chǎn)品都傾向于選擇紅色、橙色系作為主色調(diào),這兩種顏色會(huì)傳遞給人熱情、溫馨、值得信賴(lài)的情感。
以下為京東app和淘寶app新舊版本的首頁(yè)對(duì)比。通過(guò)對(duì)比我們可以發(fā)現(xiàn),在早期的版本中,京東和淘寶幾乎是采用了一致的配色方式,都選擇了在首頁(yè)的頭部大面積使用各自的主題色,非常的搶眼吸睛。
然而在目前最新的版本中,他們又很有默契地都去掉了頭部的大面積配色,都采用了淺色底,簡(jiǎn)潔的搭配,只在一些熱賣(mài)商品等需要重點(diǎn)突出的部分克制的使用了主題色。
這一部分很符合我們上述提出的觀點(diǎn)中的“簡(jiǎn)潔”。
/醫(yī)療類(lèi)產(chǎn)品
綠色具有安全、健康的色彩感情,因此醫(yī)療類(lèi)產(chǎn)品經(jīng)常選擇綠色作為主色調(diào),同時(shí)會(huì)搭配藍(lán)色為輔,藍(lán)色除了有科技感之外還有穩(wěn)重、信賴(lài)的色彩感情。
這里選擇了醫(yī)鹿和微醫(yī)作為參考,可以發(fā)現(xiàn)在舊版中,藍(lán)色和綠色依然是被大面積使用或是用大色塊占據(jù)版面。
而在最新版中,取消了大面積用色,將主色調(diào)配色集中在金剛區(qū)圖標(biāo)或板塊內(nèi)容上,讓整個(gè)畫(huà)面顯得不那么繁重,比較輕便。
這一部分很符合我們上述提出的觀點(diǎn)中的“輕量”。
/影音娛樂(lè)類(lèi)產(chǎn)品
影音娛樂(lè)類(lèi)別的產(chǎn)品由于用戶(hù)人群的廣泛,在色彩選擇上各種色系都可以很好地搭配,但是一般都會(huì)選擇一些明亮、歡快的配色作為主色調(diào),如亮綠色、亮紅色、明黃色等等。
愛(ài)奇藝app舊版的頭部用了一個(gè)很重的漸變色來(lái)加強(qiáng)視覺(jué)沖擊,而在新版中變得很克制,只是在頭部背景加了一些微漸變裝飾,讓整個(gè)畫(huà)面干凈整潔。
網(wǎng)易云音樂(lè)app舊版選擇的紅色更加奪目眩眼,同時(shí)金剛區(qū)圖標(biāo)統(tǒng)一用了主題紅色塊的形式,也是很具有沖擊感。
而在新版中,可以看到主題紅的顏色明度降低了些,顯得更加穩(wěn)重了,并且在頭部加了一些淺灰漸變,金剛區(qū)圖標(biāo)相較于舊版本顯得更簡(jiǎn)約輕便了。
這一部分很符合我們上述提出的觀點(diǎn)中的“簡(jiǎn)約”。
/金融理財(cái)類(lèi)產(chǎn)品
金融理財(cái)類(lèi)產(chǎn)品最重要的是要營(yíng)造“信賴(lài)感”,讓用戶(hù)能放心購(gòu)買(mǎi)理財(cái)產(chǎn)品,因此配色上會(huì)選擇穩(wěn)重一些的色系搭配,如明度低的紅色、藍(lán)色、橙色等等。
觀察京東金融app和度小滿(mǎn)app的新舊版本對(duì)比可以發(fā)現(xiàn),這兩個(gè)產(chǎn)品與上述三種類(lèi)別的產(chǎn)品的“由繁至簡(jiǎn)”不同,舊版都采用了簡(jiǎn)潔的排版。
而在新版中,都變成了使用大面積的深色來(lái)占據(jù)畫(huà)面頭部,究其原因,是因?yàn)檫@樣做可以給人很穩(wěn)重的感覺(jué),有助于加強(qiáng)用戶(hù)信賴(lài)感和品牌誠(chéng)信度,也就是做出“品牌感”。同時(shí),卡片式、大信息、和一些局部留白的設(shè)計(jì)也做出了“輕量”的感覺(jué)。
這一部分并未完全符合我們上述提出的理論,但依然印證了“輕量化設(shè)計(jì)”的概念。
四、總結(jié)
色彩是產(chǎn)品設(shè)計(jì)的重要一環(huán),在產(chǎn)品設(shè)計(jì)的配色方式的選擇上,通過(guò)上述案例的分析總結(jié),可以得出以下幾點(diǎn)注意事項(xiàng):
? 主色的選擇應(yīng)當(dāng)最契合產(chǎn)品的調(diào)性;
? 配色的選擇應(yīng)當(dāng)避免較“重”的色彩,盡量選擇明亮、鮮活、輕快的色彩,避免選擇沖擊感強(qiáng)、明度較高的色彩;
? 配色方式應(yīng)當(dāng)以產(chǎn)品想要營(yíng)造的感覺(jué)為主,例如想要營(yíng)造“品牌感”“信賴(lài)感”可以用稍大面積的色彩或大色塊。
現(xiàn)如今,隨著科技水平的不斷提高,人們的生活節(jié)奏不斷加快。
根據(jù)中國(guó)信息中心發(fā)布的《中國(guó)互聯(lián)網(wǎng)發(fā)展報(bào)告》,中國(guó)數(shù)以?xún)|計(jì)的網(wǎng)民每日的碎片化時(shí)間約為4-5個(gè)小時(shí),這部分碎片化時(shí)間里,用戶(hù)的注意力是分散的。
視覺(jué)設(shè)計(jì)是產(chǎn)品設(shè)計(jì)的一環(huán),從產(chǎn)品設(shè)計(jì)角度上,需要快速吸引用戶(hù)注意力,結(jié)構(gòu)上重視產(chǎn)品功能的呈現(xiàn)。
在滿(mǎn)足“有用、易用、實(shí)用”的前提下,視覺(jué)的輕量化設(shè)計(jì)也可以給用戶(hù)帶來(lái)良好、直觀的視覺(jué)呈現(xiàn),讓用戶(hù)“一看就懂、一點(diǎn)就會(huì)”,從而提升用戶(hù)使用體驗(yàn),使用戶(hù)的碎片化時(shí)間更有效的被利用起來(lái),進(jìn)而提升用戶(hù)留存率,活躍率,最終賦予產(chǎn)品活力。
所以,“輕量化設(shè)計(jì)”必然是未來(lái)設(shè)計(jì)方向的流行趨勢(shì)。
【參考文獻(xiàn)】:
《中國(guó)互聯(lián)網(wǎng)發(fā)展報(bào)告》-中國(guó)信息中心