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