网页设计中的色彩心理学
色彩影響人類心情與思考這件事情是真的，當(dāng)眼睛看到某種顏色時(shí)，會(huì)將此訊息傳回大腦的下視丘，經(jīng)由一系列的神經(jīng)傳達(dá)，刺激甲狀腺分泌賀爾蒙，進(jìn)而造成情緒、情感或是實(shí)際反應(yīng)。
經(jīng)由線上網(wǎng)站 QuickSprout 的研究顯示，顏色可以影響 90% 的產(chǎn)品評(píng)價(jià)；數(shù)位行銷專家 Neil Patel 指出，85% 購(gòu)買產(chǎn)品的原因是出自于顏色，而色彩對(duì)于網(wǎng)路上各式各樣的網(wǎng)站設(shè)計(jì)當(dāng)然也具有一定影響。
跟相親一樣，第一印象很重要；只要抓住色彩使用的箇中奧妙，就等于抓住讀者的心。
-
什么是色彩心理學(xué)？
在我們開始談色彩攻略之前，先來談?wù)勆市睦韺W(xué)，字面上來講就是研究色彩如何影響心理的學(xué)問，有些人因?yàn)檫€沒有大量文獻(xiàn)研究背書，而對(duì)色彩心理學(xué)抱持懷疑立場(chǎng)，而我接下來要探討色彩對(duì)于人的觀感影響也不是每一項(xiàng)都經(jīng)由科學(xué)證實(shí)，但是色彩對(duì)于認(rèn)知行為的影響實(shí)在非常巨大，因此仍有探討的必要性存在。
在一篇文獻(xiàn)忐忑中，Satyendra Singh 認(rèn)為顧客在 90 秒內(nèi)就會(huì)決定一項(xiàng)產(chǎn)品的觀感，其中色彩就佔(zhàn) 62%-90% 的決定性因素，色彩心理學(xué)的重要性因此不証自明，產(chǎn)品要成功，選色很重要，領(lǐng)導(dǎo)者、經(jīng)理人、建筑師、主廚、設(shè)計(jì)師等等都應(yīng)該正視顏色帶來的影響。
-
色彩用對(duì)地方才能穿透人心
跳到正題，既然顏色這么重要，那要用在哪里才能真正發(fā)揮功效？本文將討論各種網(wǎng)頁(yè)上的顏色設(shè)計(jì)運(yùn)用，最主要將著重在網(wǎng)站的主色調(diào)上，包含網(wǎng)頁(yè)主圖、標(biāo)題、隔線、背景色、連結(jié)紐以及彈出視窗都在討論范圍內(nèi)。
例如下圖，NinjaJump 在 logo、電話號(hào)碼、分類連結(jié)、副標(biāo)題連結(jié)、側(cè)邊連結(jié)都使用綠、黃、紅三色，我們要討論的重點(diǎn)也可以運(yùn)用到選項(xiàng)欄位、側(cè)邊欄位與色彩策略等等。
色彩學(xué)真的非常精妙，不僅要用對(duì)地方，連天時(shí)地利人為因素都要加進(jìn)去考量，才能展現(xiàn)威力。如果要在網(wǎng)頁(yè)上賣跳跳床，你絕對(duì)不會(huì)想到要用黑色，看看?NinjaJump?網(wǎng)站。
?
?
身為一個(gè)賣跳跳床的網(wǎng)站，我們可以預(yù)期的是明亮有活力的配色，紅色、綠色、再加上一點(diǎn)亮澄澄的黃色對(duì)孩童與父母而言都是不錯(cuò)的選擇。若今天的消費(fèi)主要客群是女性，可能這招就不管用，L’Oreal 的網(wǎng)站就僅使用簡(jiǎn)單的黑與白色，加上些許紫色增添層次感。
?
?
關(guān)于為何 L’Oreal 使用黑白兩色是正確的，我留到稍后解釋，首先再一次提醒運(yùn)用色彩要注意：用對(duì)地方、用對(duì)時(shí)間、針對(duì)客群、針對(duì)目的，我們先來看看以下幾點(diǎn)撇步。
女性不喜歡灰、橘與棕色；她們喜歡藍(lán)、紫與綠色。
Patel 利用性別來分類男女對(duì)于顏色有何不同的喜好，在一項(xiàng)顏色與性別的研究中，35% 的女性表示她們最喜歡藍(lán)色；再來是紫色佔(zhàn) 23%、綠色佔(zhàn) 14%。33% 的女性表示橘色是她們最不喜歡的顏色，再來是棕色 33% 與灰色 17%。
?
?
其他研究也顯示女性較不偏好大地色系，只要看看瞄準(zhǔn)女性做為主要客群的線上購(gòu)物網(wǎng)站就可證實(shí)。
化妝品牌 Milani Cosmetics 專供女性市場(chǎng)，其網(wǎng)站首頁(yè)上沒有任何一點(diǎn)橘、棕、灰色。
?
?
Woman’s Day 則是把所有女性最愛的顏色 (藍(lán)、紫、綠) 都放上網(wǎng)頁(yè)設(shè)計(jì)了。
?
?
還是有人以為女生最愛粉紅色，請(qǐng)容我在這先翻個(gè)白眼，事實(shí)上只有少數(shù)女性會(huì)將粉紅色選為最喜愛的顏色，雖然粉紅色與女性柔若有相關(guān)聯(lián)，但使用藍(lán)、紫、綠色，反而能夠有效增進(jìn)女性購(gòu)物者的造訪率。
男性不喜歡紫、橘、棕色；他們喜歡藍(lán)、綠與黑色
如果男性才是網(wǎng)站的主要針對(duì)客群，最好別用紫、橘、棕色。藍(lán)、綠與黑色在傳統(tǒng)上較常與男性氣息連結(jié)在一起，棕色竟然不在此列倒是讓人有點(diǎn)訝異。
藍(lán)色可以增進(jìn)使用者的信任
藍(lán)色事實(shí)上是最被普遍使用的顏色，而且很多人喜歡，所以藍(lán)色是最溫暖的顏色（喂！）。
只要看看有關(guān)藍(lán)色的文獻(xiàn)探討，就可以發(fā)現(xiàn)藍(lán)色被認(rèn)為是信任、和平、秩序、忠誠(chéng)的象徵；也會(huì)讓人有冷靜下來的作用；甚至還可以將藍(lán)色直接代表寧?kù)o。
在顏色對(duì)于心理影響的調(diào)查中，藍(lán)色傳達(dá)信任感與寧?kù)o的作用是被證實(shí)過的，所以看看 Facebook 就知道，將藍(lán)色運(yùn)用在主頁(yè)面上用以傳達(dá)核心價(jià)值：透明與信任。
?
?
如果 Facebook 的例子還不夠明顯，我們?cè)賮砜纯?Paypal，作為一個(gè)線上支付平臺(tái)，同樣也選擇藍(lán)色增進(jìn)使用者的信任。如果他們用的是紅色或橘色，大概讓人以為是在跳樓大拍賣的機(jī)率還會(huì)高一點(diǎn)。
?
?
許多銀行也大量使用藍(lán)色作為視覺主軸，看看網(wǎng)路銀行 CapitalOne.com。
?
?
雖然藍(lán)色被大量使用，不過千萬切記別將藍(lán)色套用在與食物有關(guān)網(wǎng)站上，多半只有節(jié)食的人用藍(lán)色來幫助節(jié)食，而且從演化的角度來看，藍(lán)色的食物通常都被認(rèn)為是有毒的，除了藍(lán)莓之外，能想到什么藍(lán)色食物是無害的嗎？好像沒有。
黃色代表警告
警告標(biāo)志、交通號(hào)志、小心地滑等告示通常都是用黃色，因?yàn)楹茱@眼容易引起注意。
?
?
?
?
關(guān)于黃色，大家的意見比較分歧，有人說黃色代表快樂，Business Insider 就報(bào)導(dǎo)使用黃色的品牌，展現(xiàn)出他們的風(fēng)趣與親和力，黃色也代表童心，不過黃色能夠直接刺激大腦的興奮區(qū)塊，大腦很可能只是以高昂的情緒作為反應(yīng)，而不代表喜悅。
顏色心理學(xué)與記憶和經(jīng)驗(yàn)有極高的關(guān)聯(lián)，所以說如果某人的開心記憶，是有關(guān)于穿著黃衣的麥當(dāng)勞叔叔，做在黃紅配色的速食餐廳里吃炸得黃澄澄的數(shù)條，那么自然日后他看到黃色就會(huì)喚起當(dāng)初的開心回憶。
還有另外一項(xiàng)說法，認(rèn)為黃色會(huì)引起小嬰兒哭泣，讓成人憤怒，到目前為止我并未找到證明此項(xiàng)說法的實(shí)證。
?
?
還有人說黃色會(huì)引起噁心反應(yīng)，這到底是為何呢？
如果有鄉(xiāng)民找到證實(shí)黃色會(huì)引起小嬰兒大哭，或是讓人感到噁心的科學(xué)實(shí)證的話，歡迎在下方留言。
如果真像這篇所說，黃色可能引起焦慮的話，那在網(wǎng)頁(yè)設(shè)計(jì)時(shí)，就要將此因素納入考量，不要大量使用，酌量即可。
為環(huán)境或戶外產(chǎn)品選用綠色吧
綠色不用多說了，戶外、環(huán)保、自然、環(huán)境等等議題的萬年愛用色。綠色就是自然，自然就等于綠色，相信沒人會(huì)有異議。
除了綠色與戶外活動(dòng)的直接關(guān)連外，也可以增進(jìn)創(chuàng)意。綠色效應(yīng)實(shí)驗(yàn)中，綠色顯著的增進(jìn)受試者的創(chuàng)造力，效果超過其他顏色。
話到這里，如果你的網(wǎng)站是有關(guān)自然、環(huán)境、有機(jī)或是戶外活動(dòng)的話，綠色絕對(duì)是上乘之選。做個(gè)小結(jié)，綠色就是環(huán)保意識(shí)的代表色，使用綠色還可以提昇顧客對(duì)于此網(wǎng)站的環(huán)保評(píng)價(jià)，可謂一舉多得。
當(dāng)然綠色與雷斯多夫效應(yīng)（?von Restorff effect）結(jié)合的話，效果更能加成。雷斯多夫效應(yīng)就是個(gè)人對(duì)于大量資訊，最容易記住最特殊的部份。大家記得自由女神就是因?yàn)槟鞘且粋€(gè)非常高聳的綠色雕像，而且周邊景物中就他最顯眼。在色彩心理學(xué)中，雷斯多夫效應(yīng)只會(huì)發(fā)生在顯眼的目標(biāo)上，所以工程師若想要吸引使用者點(diǎn)擊某個(gè)按鈕，就把那個(gè)按鈕做得又大又綠吧。
看看?Conrad Feagin?怎么做：
?
?
戴爾電腦的加入購(gòu)物車按鈕也是綠的
?
?
橘色激發(fā)熱情與沖動(dòng)
橘色可以讓人覺得有趣新奇，甚至可以為活動(dòng)帶來刺激、競(jìng)爭(zhēng)、以及自信，這大概也是為何許多運(yùn)動(dòng)隊(duì)伍或是孩童產(chǎn)品會(huì)使用橘色做招牌。
看看這些logo、以及使用橘色的運(yùn)動(dòng)代表隊(duì)，?Florida Gators、Clemson Tigers、Boise State Broncos、Syracuse、New York Knicks、New York Mets、San Diego Chargers 都是例子。
Amazon 使用橘色作為限時(shí)特價(jià)的促銷，讓人忍不住想要馬上購(gòu)入一臺(tái)特價(jià)的 Kindle Fire。
?
?
橘色代表的主動(dòng)積極、團(tuán)結(jié)精神成為一種具象化刺激，因?yàn)檫@個(gè)顏色看起來非常鮮艷有活力，但有時(shí)候橘色的影響又會(huì)顯得太超過。Psych Answers.com?就建議，橘色的確可以吸引注意，但是若是使用太過則會(huì)造成反效果。
有時(shí)候，橘色也意味著廉價(jià)，Forbes?就曾經(jīng)在文章中提出橘色是否意味著廉價(jià)的問題，答案是肯定的，如果你的產(chǎn)品不走高端路線，又想要使用低價(jià)策略宣傳，用橘色就對(duì)了，看看樂透?Big Lots?即明瞭。
黑色為網(wǎng)站增加奢華質(zhì)感
根據(jù)色彩心理學(xué)，越深的色調(diào)質(zhì)感越好，一篇來自?Lifescript?的文章中，描述黑色代表優(yōu)雅、復(fù)雜、力量，這也是許多高端精品設(shè)計(jì)師或是時(shí)尚網(wǎng)站希望表現(xiàn)的成果。那篇文章也描述黑色代表永恆、經(jīng)典，因此被廣泛運(yùn)用在精品中，例如 Chanel 的小黑洋裝就是一例。
在?Business Insider?文章中，更加闡述黑色的重要性：黑色是代表奢華的顏色，被正確使用時(shí)，可以傳達(dá)無限風(fēng)華，以及其完美、不可取代性。
Louis Vuitton 2014 春夏系列的包款廣告就使用深色來呈現(xiàn)品牌獨(dú)特性，這同時(shí)也是 Marc Jacobs 待在 Louis Vuitton 的最后一季作品。
?
?
鐘錶品牌 Citizen Watch 的網(wǎng)站也是走黑色路線。
?
?
就連藍(lán)寶堅(jiān)尼的網(wǎng)站也是一片黑，但跑車烤漆在全黑網(wǎng)站的設(shè)計(jì)下，仍然閃耀光彩。
?
?
所以，高端精品的網(wǎng)站設(shè)計(jì)中，黑色絕對(duì)是個(gè)最常被使用來表達(dá)品牌質(zhì)感、精緻獨(dú)特性的愛用色之一。
如果想要吸引注意，使用明亮色
在許多測(cè)試中，結(jié)果發(fā)現(xiàn)使用明亮的底色，例如白色，配上鮮艷的紅、綠、橘、黃等色，最能引起注意力；而深色在這方面的成效遠(yuǎn)遠(yuǎn)輸于明亮色彩。
Women’s Health 網(wǎng)站就使用這樣的策略，他們使用白色做底色，與女性相關(guān)的桃紅色作為標(biāo)語。
?
?
GreenGeek 則使用黃色作為按鍵顏色。
?
?
還有黃色的加入購(gòu)物車按鈕
?
?
有時(shí)候最能引起注意力的顏色，反而是那些丑的顏色，ColorMatters.com?網(wǎng)站就提到，在心理學(xué)上違反美感的顏色，有時(shí)更能吸引人們注意，在這樣的情況下，就可以使用黃色或是橘色。
別忽略白色
在大多數(shù)有關(guān)色彩研究的文獻(xiàn)中，我發(fā)現(xiàn)有一個(gè)顏色被大量忽略，或許是色彩學(xué)家無法認(rèn)定白色到底算不算一種顏色，但不管怎樣，留白是一種藝術(shù)，更是一種極佳策略。看看 Google 首頁(yè)
?
?
白色常被忽略，因?yàn)樘１挥脼榛镜咨?#xff0c;可是大部分有設(shè)計(jì)感的網(wǎng)站都會(huì)適當(dāng)?shù)牧舭?#xff0c;創(chuàng)造出自由感、空間感。
-
結(jié)論
網(wǎng)站設(shè)計(jì)基本上就是顏色運(yùn)用的戰(zhàn)場(chǎng)，本文的用意就是希望大家檢視自家網(wǎng)站的顏色運(yùn)用是否正確，并且開始思考然后做出調(diào)整。
如果你的網(wǎng)站顏色真的一團(tuán)糟那就換掉吧，如果你是個(gè)高跟鞋設(shè)計(jì)師，使用橘色的商標(biāo)，那么最好趕快跟老闆或是網(wǎng)站設(shè)計(jì)師討論一下改標(biāo)，不可否認(rèn)有時(shí)候大家選錯(cuò)顏色，但是既然現(xiàn)在知道這可能是個(gè)錯(cuò)誤，倒不如大家坐下來談?wù)劄樯喜摺?/p>
用色彩心理學(xué)檢視目前現(xiàn)有的色調(diào)運(yùn)用，若你有個(gè)藍(lán)色調(diào)的網(wǎng)站，那么或許可以加上一個(gè)亮黃色的彈出廣告，很刺眼但是絕對(duì)吸引注意力。
若對(duì)于網(wǎng)站色調(diào)能有更大的調(diào)整空間那自然最好，你可以這樣做：
?
?
?
總結(jié)
以上是生活随笔為你收集整理的网页设计中的色彩心理学的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java phrase_java-Mav
- 下一篇： 电子音乐包括电声乐器和计算机音乐,电声乐