色彩是設(shè)計(jì)師手里最重要的工具，它是決定了視覺(jué)效果，能夠影響用戶(hù)的心情和情緒，左右用戶(hù)感知和行為。色彩本身并不會(huì)產(chǎn)生愉悅感和品質(zhì)感，但是它能強(qiáng)化它們。
你有沒(méi)有想過(guò)，當(dāng)你在購(gòu)物的時(shí)候，超過(guò)90%的購(gòu)買(mǎi)決策都受到色彩的影響。有統(tǒng)計(jì)發(fā)現(xiàn)，雜志上的全彩廣告要比黑白廣告多26%，這也能說(shuō)明一部分問(wèn)題。
結(jié)論并不難得出，色彩對(duì)于用戶(hù)的影響是顯著的，對(duì)于選擇、轉(zhuǎn)化率的影響是毋庸置疑的。不過(guò)，問(wèn)題在于，你能否找到真正對(duì)的色彩來(lái)搭配你的設(shè)計(jì)？為了回答這個(gè)問(wèn)題，我們需要分析和了解色彩是如何影響人的，以及它對(duì)于男性和女性的影響有著怎樣不同的差異。
色彩心理學(xué)
色彩對(duì)用戶(hù)所傳達(dá)的不僅僅產(chǎn)品本身的信息，而且也對(duì)于用戶(hù)的心理有著顯著的影響。不同的色彩傳遞著不同的感受，同時(shí)這還和你所處的國(guó)家地區(qū)以及文化背景有著緊密的聯(lián)系。不過(guò)一般而言，不同的色彩世界范圍內(nèi)絕大多數(shù)的國(guó)家與地區(qū)所代表的含義、傳遞的情緒是大同小異的：
紅色：危險(xiǎn)，重要，激情
紅色是血與火的顏色，它是最強(qiáng)大的色彩之一，同時(shí)代表著愛(ài)與戰(zhàn)爭(zhēng)。
紅色所傳遞出的情緒是非常激烈的，甚至可以直接引起相應(yīng)的生理變化，包括血壓升高，呼吸頻率提升，等等。
紅色還代表著精力充沛，能夠引起沖動(dòng)，還是是速度與力量的象征。Netflix 和 Youtube 都采用紅色作為主色調(diào)。
勇士是引人注意的，它是非常具有性格的色彩，就像頒獎(jiǎng)典禮現(xiàn)場(chǎng)的紅地毯，它代表著走紅毯的名人和明星的重要性。而紅色運(yùn)用在網(wǎng)頁(yè)當(dāng)中，則意味著這個(gè)元素是最重要的、值得重視和注意的。
橙色：自信、能量、樂(lè)觀
橙色同樣是非常鮮艷的色彩，它和紅色也有著許多共通的地方，但是相對(duì)而言程度較低。它沒(méi)有紅色那么強(qiáng)烈的侵略性，但是它同樣有著精力充沛的含義，可以營(yíng)造出積極向上的情緒和氛圍。
就像紅色一樣，橙色同樣具備有很高的識(shí)別度，能夠強(qiáng)烈地吸引用戶(hù)的注意力，高亮特定元素的作用。另一方面，一些研究表明，橙色還能傳遞出“便宜”的含義，這也是為什么許多電商網(wǎng)站和APP會(huì)傾向于將購(gòu)物車(chē)和購(gòu)買(mǎi)相關(guān)的鏈接標(biāo)識(shí)為橙色。
Hipmunk 中的橙色按鈕非常的吸睛。
黃色：陽(yáng)光，幸福，注意
黃色是非常有意思的色彩，它同時(shí)具備了幸福和焦慮兩種特性，不得不說(shuō)它的這個(gè)特征非常的哲學(xué)。在設(shè)計(jì)中，黃色非常容易引起注意力，所以它也是日常生活中近視標(biāo)識(shí)的常用色。盡管它在警示效果上不如紅色強(qiáng)烈，但是依然給人傳遞出危險(xiǎn)的感覺(jué)。
當(dāng)黃色與黑色搭配起來(lái)的時(shí)候，可以獲得更多的關(guān)注，著名的紐約出租車(chē)就是采用的這樣的設(shè)計(jì)。
綠色：自然、生長(zhǎng)、成功
與綠色聯(lián)系最緊密的毫無(wú)疑問(wèn)是自然。絕大多數(shù)的植物都是綠色的，它與生長(zhǎng)和健康都有著緊密的關(guān)聯(lián)。
在設(shè)計(jì)中，綠色可以起到平衡和協(xié)調(diào)的作用，在今年，也就是2017年，年度色就是草木綠，它甚至被稱(chēng)為新的中性色。不過(guò)在設(shè)計(jì)過(guò)程中，綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮，引人注意，而低飽和度的綠色則接近中性色的作用，可以平衡整個(gè)設(shè)計(jì)。
藍(lán)色：舒適，放松，信任
藍(lán)色是天空和海洋的色彩，它是UI設(shè)計(jì)中最重要也是最常用的色彩，你在設(shè)計(jì)中所選取的藍(lán)色的色調(diào)和色度，都會(huì)直接影響到你的設(shè)計(jì)對(duì)于用戶(hù)的影響。
·淺藍(lán)色給人清爽、自由、平靜的感覺(jué)。這種輕松友好的氛圍還能轉(zhuǎn)化為信任的感覺(jué)，這也是為何如此多的銀行類(lèi)網(wǎng)頁(yè)/APP會(huì)使用淺藍(lán)色。
·深藍(lán)色能夠給人強(qiáng)大而可靠的感覺(jué)。
紫色：豪華，靈性，創(chuàng)造性
紫色的使用頻率并不算高，它本身的這種稀缺性使得它在設(shè)計(jì)使用中有著特殊的地位。歷史上，曾經(jīng)一度只有歐洲皇室能使用，直到今天，它依然保持著某種奢侈感。將紫色運(yùn)用到網(wǎng)頁(yè)或者APP中，常常會(huì)給用戶(hù)一種高端的感覺(jué)。
一個(gè)有趣的調(diào)查表明，有接近75%的兒童喜歡紫色和相近的色彩。
黑色：力量，優(yōu)雅，精致
黑色是所有色彩中最有力量的，它能夠很快地吸引用戶(hù)的注意力，這也是為何它是文字的基準(zhǔn)色，也常常作為許多設(shè)計(jì)的主色。
在 Squarespace 這個(gè)網(wǎng)站中，黑色的“Get Start”按鈕非常引人注意。
當(dāng)黑色作為UI控件和視覺(jué)元素的主色調(diào)的時(shí)候，它常常會(huì)帶來(lái)相應(yīng)的情感聯(lián)系，它可以輕松傳達(dá)出復(fù)雜的情緒，營(yíng)造神秘的氛圍。
白色：健康，純潔，高尚
白色通常代表著純潔，給人以干凈、健康、高尚的感覺(jué)。由于白色常常同健康服務(wù)和創(chuàng)新啊所關(guān)聯(lián)，所以你可以使用白色來(lái)強(qiáng)調(diào)安全性，推廣醫(yī)療和高科技的產(chǎn)品。
在設(shè)計(jì)當(dāng)中，白色常常用作留白，用以突出周?chē)纳、控件。正確使用留白是一項(xiàng)非常重要的設(shè)計(jì)技能。以Google首頁(yè)為例，白色讓其他的色彩更加突出，更有力量：
大量的留白讓其他的元素脫穎而出。
灰色：正是，中性，專(zhuān)業(yè)
灰色代表中性和中立。相比于其他的顏色，灰色更為安全，當(dāng)灰色作為主色調(diào)而存在的時(shí)候，能讓設(shè)計(jì)的形式感更為強(qiáng)烈，這并不算壞事。和白色相似，這種中性色能夠讓其他的色彩更為顯眼。
灰色通常同其他更為明亮的色彩搭配起來(lái)使用。Dropbox 就常常使用灰色來(lái)突出CTA按鈕。
性別與色彩
雖然從來(lái)都沒(méi)有什么男性色和女性色這樣的具體規(guī)則，但是在過(guò)去的一個(gè)世紀(jì)當(dāng)中，不少研究表明，男女在色彩喜好上是有著明顯的差異的：
最喜歡的顏色
最不喜歡的顏色
·藍(lán)色是兩種性別都非常喜歡的色彩，而且相比女性，男性更喜歡藍(lán)色的各種變體。
·男性和女性都非常不喜歡棕色、橙色和黃色；疑桥宰畈幌矚g的色彩之一，而紫色是男性最不喜歡的色彩之一。
·當(dāng)涉及到不同的色調(diào)、色相和色度的時(shí)候，男性更喜歡大膽的色彩，而女性則更喜歡更加柔和的色彩。
·大多數(shù)人都認(rèn)為女性更偏愛(ài)粉色，但是實(shí)際情況并非如此，只有一小部分女性將粉色視為最喜歡的色彩。因此，雖然色彩心理學(xué)當(dāng)中將粉色作為女性氣質(zhì)的象征，但是這并不意味著絕大多數(shù)的女性喜歡它。
品牌色的重要性
色彩是許多品牌設(shè)計(jì)的核心元素。品牌配色中每一種顏色都直接或者間接地塑造著這個(gè)品牌的特征，甚至一些色彩已經(jīng)超越了品牌，成為了行業(yè)的基準(zhǔn)色，比如旅游業(yè)常用藍(lán)色，健康相關(guān)的產(chǎn)業(yè)使用綠色，而快餐和飲食業(yè)常用紅色。
但是，當(dāng)你在為一個(gè)品牌選取品牌配色的時(shí)候，并沒(méi)有捷徑可以走，并沒(méi)有什么可以快速搞定的法則。有些公司樂(lè)于采用順應(yīng)行業(yè)的配色方案，而有的企業(yè)則發(fā)現(xiàn)，使用跳出規(guī)則的配色方案反而可能會(huì)取得奇效。Virgin Amarica 就是個(gè)典型，反其道而行之，選擇和航空并無(wú)關(guān)系的谷物作為吉祥物，雖然不同于用戶(hù)期望，但是非常突出。
所以，選擇意想不到的色彩也許是讓人記住的好辦法呢。
色彩和轉(zhuǎn)化率優(yōu)化
那么你到底要如何借助色彩理論和心理學(xué)知識(shí)來(lái)讓用戶(hù)點(diǎn)擊按鈕呢？是否讓按鈕具備行為召喚的特征，可能是用戶(hù)體驗(yàn)設(shè)計(jì)師們爭(zhēng)論的最多的問(wèn)題。有人認(rèn)為，醒目的紅色是最佳的選擇，而另一部分人則認(rèn)為，綠色同樣醒目，并且還給人以安全感。
HubSpot 對(duì)此進(jìn)行了A/B測(cè)試，測(cè)試主要是圍繞著注冊(cè)界面的CTA按鈕進(jìn)行的。
雖然測(cè)試之前，幾乎所有人都預(yù)測(cè)綠色的按鈕效果會(huì)更好，然而實(shí)際情況則是，紅色按鈕比綠色按鈕多出了21%的點(diǎn)擊率。同時(shí)，HubSpot 也添加了說(shuō)明，因?yàn)闇y(cè)試結(jié)果始終是主觀的，因?yàn)橛幸欢C(jī)率是他們的訪客在這個(gè)網(wǎng)站中，本身就更加傾向于紅色，它畢竟是整個(gè)頁(yè)面中唯一出挑的色彩。影響因素是復(fù)雜而多樣的。
按鈕本身的色彩對(duì)于點(diǎn)擊轉(zhuǎn)化率的影響，其實(shí)并不大。一種色彩作為按鈕色在A網(wǎng)站網(wǎng)站上可行，可能在B網(wǎng)站上就沒(méi)那么好使了，說(shuō)一種顏色比另外一種顏色的轉(zhuǎn)化率高，本身就是錯(cuò)的，并不存在什么通用的最佳色彩。但是，有一些值得參考的通用法則能夠幫你更合理地用色。其中，有一個(gè)心理學(xué)效應(yīng)叫做“孤立效應(yīng)”，它簡(jiǎn)而言之就是最突出、被孤立出的元素更容易被用戶(hù)注意到，甚至被選擇。
舉個(gè)例子，如果你的網(wǎng)站中使用了大量的綠色，那么用戶(hù)不太可能注意到綠色的按鈕，哪怕說(shuō)綠色按鈕在另外一個(gè)AB測(cè)試中完勝紅色按鈕。
因此，最重要的是調(diào)整整個(gè)頁(yè)面的信息和層次結(jié)構(gòu)，讓按鈕真正具備行為召喚的能力，色彩的對(duì)比是關(guān)鍵，如果按鈕無(wú)法從諸多元素中脫穎而出，那么轉(zhuǎn)化率從哪來(lái)？
色彩和可用性
設(shè)計(jì)當(dāng)然不能只是漂亮，功能和可用性同樣重要。這兩個(gè)項(xiàng)幾乎是所有UX設(shè)計(jì)師最關(guān)注的因素。色彩能夠引導(dǎo)視覺(jué)，良好的UI會(huì)用好色彩這一工具，可以說(shuō)色彩不僅能夠引導(dǎo)用戶(hù)的注意力，而且還能夠指引交互，決定體驗(yàn)。
控制配色的數(shù)量
配色方案中，色彩的數(shù)量不應(yīng)該太多。每增加一種色彩，搭配方式和復(fù)雜度都會(huì)提升，而這最終會(huì)影響用戶(hù)的體驗(yàn)，讓用戶(hù)感到混亂。
在室內(nèi)設(shè)計(jì)領(lǐng)域有一個(gè)著名的60-30-10法則，它同樣適用于其他的設(shè)計(jì)領(lǐng)域，在網(wǎng)頁(yè)和UI配上同樣適用了：主色調(diào)占60%，次要色占30%，10%是提亮色。這種配比之下，能夠創(chuàng)造出足夠平衡的設(shè)計(jì)，讓整個(gè)配色主次分明，同時(shí)能讓用戶(hù)的視覺(jué)能注意到焦點(diǎn)。
無(wú)障礙設(shè)計(jì)
必須承認(rèn)，同樣的色彩，不同的人所看到的是不一樣的。大約有8%的男性和0.5%的女性是色盲，而色弱的用戶(hù)也不在少數(shù)。紅綠色盲是最常見(jiàn)也是占比最多的視覺(jué)障礙者，所以，盡量避免將這兩種色彩搭配到一起，至少不要用作關(guān)鍵的信息用色，這樣能規(guī)避不少問(wèn)題。
就像下面的實(shí)例，“紅色的部分是必填的”對(duì)于色盲用戶(hù)而言，就是完全無(wú)法分辨的。
正如同W3C的規(guī)則所說(shuō)，色彩不應(yīng)該用作唯一的交互指示標(biāo)識(shí)，設(shè)計(jì)師應(yīng)該提供更加清晰的作物指示信息，比如“您所輸入的電子郵件地址無(wú)效”，最起碼要提供相應(yīng)的錯(cuò)誤圖標(biāo)作為標(biāo)識(shí)。
結(jié)語(yǔ)
沒(méi)有真正錯(cuò)誤的顏色，重要的是我們要如何使用它們。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。