你說的黑是什么黑?色彩對用戶體驗的影響
編輯導(dǎo)讀:色彩心理學(xué)被廣泛地運用到各個設(shè)計領(lǐng)域,這早已不是什么秘密。從日常的雜貨到LOGO設(shè)計,色彩所起到的作用越來越大,它是給用戶傳遞信息的最重要的因素之一。色彩對用戶體驗有哪些影響?文章對此進行了分析探究,希望對你有幫助。
當(dāng)我們討論色彩的時候,聊的更多的是色彩的搭配。雖然有些設(shè)計師認為有些色彩是一些純粹的美學(xué)上的選擇,但是實際上,色彩對于用戶的心理和行為的影響相對更深,最終會反映在用戶體驗和行為反饋上。
當(dāng)然,色彩理論是一個相對復(fù)雜的主題。從用戶體驗的角度上來說,色彩所涉及到的遠不是配色方案這一個維度。通常,我們聊得最多的是不同色彩所產(chǎn)生的心理效應(yīng),以及多色彩搭配時,相互之間的影響和可訪問性上的問題。
設(shè)計師可以將色彩更好地運用到設(shè)計中,而無需重新考慮整個過程。一旦設(shè)計師掌握了基礎(chǔ)知識,色彩理論中最有意義的部分之一就是學(xué)習(xí)將更多意想不到的色彩融入他們的設(shè)計中。
01 色彩心理學(xué)和用戶體驗緊密關(guān)聯(lián)
界面顏色的情感影響不容忽視。盡管有些顏色在Ui設(shè)計中是“通用的”(例如,黑色,白色和灰色,實際上幾乎所有好的設(shè)計中都使用了其中的至少一種),但它們結(jié)合使用的顏色可能會對體驗設(shè)計產(chǎn)生巨大影響。
當(dāng)然,顏色的使用方式也會對顏色的感知產(chǎn)生巨大影響。以藍色為例,在簡約的布局當(dāng)中,大面積使用藍色作為主色調(diào),和在大面積白底上使用很小的一抹藍色用來強調(diào) CTA按鈕,所帶來體驗是截然不同的。
02 影響色彩體驗的因素
1.? 尊重文化差異
人類對于色彩都有著共通的認知,但不同國家對于色彩賦予了不同的含義。紅色在中國象征著喜慶、財富和愛情,而在西方國家被賦予了流血、犧牲、暴力和激進的文化意義,貶義的味道更重一些。
而白色與紅色相反,白色在中國代表了死亡、反動和投降,以白色為主的設(shè)計常常會被視之為過于「素」,認為不夠吉利。而西方國家卻認為白色高雅、純潔和幸運,因此要根據(jù)不同的文化背景,使用不同的色彩,才能更好地降低被誤解的風(fēng)險。
?另外一方面,隨著現(xiàn)代主義運動的普及,白色也擁有了更加現(xiàn)代的特征。在日本,白色甚至和當(dāng)?shù)匚幕Y(jié)合,延伸出更加細膩獨特的精神特質(zhì),隨著日本戰(zhàn)后設(shè)計領(lǐng)域的發(fā)展和崛起,白色在這一地區(qū)的含義則更加豐厚。
原研哉在《白》一書當(dāng)中,針對白色的含義和特征進行了非常深入的探討,之后的《Subtle》一書當(dāng)中,雖是圍繞紙來探討微妙的體驗,但是也沒少提及白色本身的特征。
?
例如股票交易市場,在國際股票市場通常是綠漲紅跌,這是因為紅色在西方國家代表著財政赤字,綠色代表著財富;而在中國正好相反是紅漲綠跌,這是因為在中國紅色象征著財富。
?
設(shè)計師必須根據(jù)產(chǎn)品的目標(biāo)受眾來審視其調(diào)色板的文化含義,這一點很重要。如果產(chǎn)品要面向全球受眾,請確保在使用的顏色和圖像之間取得平衡,以防止負面的文化內(nèi)涵。如果產(chǎn)品主要只針對特定文化,則設(shè)計師可以不用太關(guān)心所選調(diào)色板在其他文化中可能產(chǎn)生的影響。
2. 歷史對配色的影響
時間變化對于配色所帶來的影響不僅僅如此。比如中日兩國在色彩使用上,還存在一個非常典型的差異,歷史上日本在一個很長的周期內(nèi)是作為中國的屬國所存在的,這也使得中國自古以來崇尚飽和度較高的正色,而日本則大多使用飽和度偏低的間色,這一特征可以從兩國的傳統(tǒng)色上體現(xiàn)出來:
?▲ 中國傳統(tǒng)色
?▲ 日本傳統(tǒng)色
3. 性別誤區(qū)
或許天生如此,女性不喜歡灰色、棕色和橙色。她們鐘愛藍色、紫色和綠色。而男性不喜歡紫色、棕色和橙色。男性喜歡藍色、綠色和黑色。
只要記住,當(dāng)你的產(chǎn)品目標(biāo)用戶群是男性時,選擇能傳達男性氣概的色彩,想象下你把運動類應(yīng)用的界面使用女性色彩,結(jié)果可想而知。
▲ 男女最喜歡的顏色
▲ 男女最不喜歡的顏色
02 針對色盲用戶群體的設(shè)計
你有沒有想過你的APP 使用人群中會有視力障礙者?
當(dāng)人們談?wù)撋r,他們通常指的是不能感知某些色彩。 大約8%的男性和0.
△ 正常人和紅綠色盲看到的相同色彩
因為色盲有多重表現(xiàn)形式,例如紅綠色盲,藍黃色盲和單色色盲。所以運用多樣的視覺線索來連接你APP 的重要狀態(tài)是很重要的。絕不要僅僅依靠色彩來表示系統(tǒng)狀態(tài)。 相反,應(yīng)使用元素(如筆畫,指示符,圖案,紋理或文本)來描述操作和內(nèi)容。需要注意的就是不要簡單認為色盲就是簡單的分不清紅綠,色盲用戶對色彩的感受差異不僅僅是單獨某種的問題,是某些范圍色光的敏感程度問題。
有趣的事實:Facebook的標(biāo)志和不怎么討喜的藍色配色是特意挑選的。因為FB創(chuàng)始人馬克·扎克伯格是紅綠色盲,他對藍色的識別是最好的。他曾說過,“藍色是我生命中最豐富的顏色,我?guī)缀蹩梢钥匆娺@世上所有的藍色?!?/p>
Photoshop有非常實用的工具來幫助模擬色盲,在「視圖」的「校樣設(shè)置」菜單內(nèi)選中就可以使用了。這個功能讓設(shè)計師可以看到在色盲用戶的眼中你的界面是什么樣子的。
△ pinterest登陸頁紅綠色盲視圖
下面以點狀圖信息圖形為例,來說明如何為色盲用戶優(yōu)化信息圖:
?優(yōu)化采用了這樣一些手段:
- 調(diào)整配色,將色盲人士容易混淆的紅、綠、橙色換為紅、藍、黃色。
- 調(diào)整明度,使圖中幾個顏色在明度上差異更明顯。
- 為不同元素賦予不同形狀。所有使用點元素的信息圖,都可以參考這種解決方式。
在實際設(shè)計過程中,我們需要在美觀和友好之間進行權(quán)衡。我們也可以采用一些交互手段,避免同一界面中元素太多太過雜亂的問題。
03 流行趨勢對色彩的影響
這是更長維度上的變化,在短時間以內(nèi),流行色的趨勢變化,對于用色也也同樣存在影響。這種影響在時尚行業(yè)有著非常直接的體現(xiàn),而在網(wǎng)頁和UI設(shè)計行業(yè),同樣存在。比如2020年的潘通年度流行色是「經(jīng)典藍」(Classic Blue),也就明白了為什么iphone12今年的主打色是藍色了。
所以,當(dāng)你在設(shè)計的時候,如果你的目標(biāo)用戶群體有著清晰的地域或者性別偏向,你可以有目的地利用這些知識來規(guī)避設(shè)計陷阱,更好地發(fā)揮色彩本身的功能和優(yōu)勢。如果受眾廣泛,則可以盡量使用通用性更強的色彩來進行設(shè)計。
你知道世界上最受歡迎的顏色是什么嗎?
是否存在一種色彩,是不分性別文化,大家都會喜歡的呢?確實有人通過大規(guī)模的調(diào)研和探索找到了一種世界上最受歡迎的色彩:馬爾斯綠(Marrs Green)。來自全世界100多個國家3萬多人響應(yīng)號召完成了這項投票,并且最終選取出來的一款綠色。
作者:Fyin印跡;公眾號:印跡拾光
本文由 @Fyin印跡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評論,等你發(fā)揮!