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