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