網站的最佳顏色是什麼?

已發表: 2022-10-24


顏色是網站設計中最重要的視覺元素之一。 它會影響一切,從您的轉化率到訪問者對您品牌的看法。

不用說,您必須正確設置網站配色方案。 但是你應該使用哪種顏色呢? 以及如何有效地使用它們?

在本次網站顏色統計匯總中,我們將分享一些有助於回答這些問題的令人大開眼界的數據。

下面的統計數據將更清楚地說明顏色的重要性,揭示不同的消費者群體對不同網站顏色的反應等等。

準備好? 讓我們開始吧!

網站顏色統計(首選):

  • 藍色46%消費者首選的網站顏色……
  • ……它也是42%的人最喜歡的顏色,使其成為世界上最受歡迎的顏色。
  • 綠色是第二受歡迎的網站顏色 ( 30% ) 和全球第二受歡迎的顏色 ( 14% )
  • 23%的消費者認為黃色是最差的網站顏色
  • 26%的人更喜歡使用主要配色方案的網站
  • 在一項研究中,紅色網站按鈕的性能優於綠色網站按鈕21% (但情況並非總是如此)
  • 39%的人說顏色是網站上最重要的視覺元素
  • 顏色可以將品牌認知度提高高達80%
  • 黑色是世界領先品牌最常用的標誌顏色
  • 人眼可以感知1000萬種顏色

網站的最佳顏色是什麼?

對於什麼是網站的最佳顏色並沒有客觀的共識,因為這完全取決於您的品牌和目標市場的性質。 然而,藍色和綠色似乎是安全的選擇,因為它們是大多數客戶喜歡在網站上看到的顏色。

一般來說,消費者似乎也更喜歡冷色而不是暖色。

網站訪問者喜歡什麼顏色?

46% 的消費者更喜歡企業在其網站上使用藍色,這使其成為網站訪問者的首選顏色。

網站的最佳顏色

正如我們稍後將看到的,這種偏好與世界各地的一般顏色偏好相吻合。

這可能與我們感知藍色的方式有關。 它通常被視為一種平靜、安全和專業的非威脅性顏色——品牌網站通常努力成為的三個特徵。 但我們稍後會詳細討論這些顏色關聯。

綠色是第二受歡迎的網站顏色,得票率為 30%,紅色以 22% 位居第三。

有趣的網站顏色統計:

  • 22% 的首次訪問網站的消費者會尋找吸引眼球的顏色
  • 但 21% 的消費者會離開色彩古怪的網站
  • 19% 的人將冷色與積極的情緒反應聯繫在一起,而暖色只有 14%。

最糟糕的網站顏色是什麼?

黃色是消費者在網站上最不喜歡的顏色,23% 的受訪者認為企業不應在其網站設計中使用黃色。 橙色和紫色緊隨其後,22% 的人表示這是他們最不喜歡的網站顏色。

網站最糟糕的顏色

也就是說,客觀上沒有“最差的網站顏色”。 上面的網站顏色統計數據告訴我們消費者認為他們不喜歡哪些網站顏色,但這並不意味著它們不是您的正確選擇。 這完全取決於您的品牌個性和目標受眾等因素。

按人口統計的網站顏色偏好

網站顏色偏好因性別而異。 男女似乎都對藍色和綠色情有獨鍾,但女性卻格外鍾情:

  • 50% 的女性更喜歡在網站上看到藍色,而男性的這一比例為 45%
  • 34% 的女性更喜歡在網站上看到綠色,而男性的這一比例為 30%

同樣,網站上人們最不喜歡的顏色似乎也因性別而異。 女人更討厭黃色,而男人更討厭橙色。

  • 26% 的女性認為企業不應在其網站上使用黃色
  • 23% 的男性認為企業不應在其網站上使用橙色

顏色偏好似乎也因年齡而異:

  • 43% 的 18 至 24 歲的人喜歡網站上的紫色,但 44 至 54 歲的人中只有 17% 有同感

什麼配色方案最適合網站?

大多數網站不僅使用一種顏色,還使用多種顏色。 您在網站上一起使用的顏色組合就是您的配色方案,正確使用它非常重要。

根據數據,以下是大多數消費者認為網站最佳選擇的配色方案:

  • 26% 的消費者更喜歡原色配色方案。 原色配色方案使用原色:紅色、黃色和藍色。
  • 21% 的消費者更喜歡互補色方案。 互補色方案使用在色輪上彼此相對的兩種顏色,如藍色和橙色,或紅色和綠色。 一種是主色,另一種是強調色。
  • 20% 的消費者更喜歡類似的配色方案。 類似的配色方案使用在色輪上彼此相鄰的顏色,例如紅色與紫色和紅紫色,或黃色與綠色和黃綠色。

留白有多重要?

只有 8% 的消費者在第一次瀏覽網站時會注意到空白,這就是空白在網頁設計中如此重要的原因。

它有助於在元素之間留出空間,以便您可以將訪問者的注意力引導到最重要的地方,例如您的 CTA 和購買按鈕。 它有助於防止網站頁面看起來雜亂無章。

資料來源:頂級設計公司1 ,頂級設計公司2

顏色流行度統計

我們已經研究了消費者最喜歡的網站顏色是什麼——但是他們最喜歡的一般顏色呢? 讓我們找出來。

世界上最受歡迎的顏色是什麼?

Joe Hallock 的一項研究發現,除了是網站顏色的首選之外,藍色和綠色也是全球最受歡迎的顏色。

42% 的受訪者表示藍色是他們最喜歡的顏色,因此成為首選。 綠色和紫色是世界上第二受歡迎的顏色,各有 14% 的選票。

世界上最受歡迎的顏色是什麼

這一統計得到了 Colorcom 全球色彩調查的數據支持。 他們對超過 300,000 人的調查結果還發現,參與者最常選擇藍色作為他們最喜歡的顏色。

世界上最不喜歡的顏色是什麼?

根據 Joe Hallock 的同一項調查,橙色是所有年齡和性別的大多數人最不喜歡的顏色。

世界上最不喜歡的顏色

30% 的人表示他們最不喜歡橙色,而 23% 的人表示棕色(世界第二不喜歡的顏色)和 13% 的人表示紫色(世界第三不喜歡的顏色)。

然而,Colorcom 的全球調查產生了略有不同的結果。 根據他們的數據,黃色是最常見最不喜歡的顏色。

最流行的顏色(按性別)

與網站顏色一樣,人們最喜歡的顏色通常因性別和年齡而異。

根據我們掌握的最佳數據,您會在下方找到表示最喜歡某種顏色的男女比例的細分。

最喜歡的 10 種顏色(女性):

女性最喜歡的顏色
  1. 藍色 – 35%
  2. 紫色 – 23%
  3. 綠色 – 14%
  4. 紅色 – 9%
  5. 黑色 – 6%
  6. 橙色 – 5%
  7. 黃色 – 3%
  8. 棕色 – 3%
  9. 白色 – 1%
  10. 灰色 – 1%

最喜歡的 10 種顏色(男性):

男人最喜歡的顏色
  1. 藍色 – 57%
  2. 綠色 – 14%
  3. 黑色 – 9%
  4. 紅色 – 7%
  5. 橙色 – 5%
  6. 灰色 – 3%
  7. 白色 – 2%
  8. 棕色 – 2%
  9. 黃色 – 1%
  10. 紫色 – 0%

有趣的是,雖然兩種性別都喜歡藍色和綠色,但對紫色的喜愛程度卻截然不同。 在女性中,它是第二受歡迎的顏色。 但在男性中,這是最少的。

最不喜歡的顏色(按性別)

接下來,讓我們看一下根據同一研究,表示特定顏色是他們最不喜歡的任何性別的受訪者百分比的細分:

最常見最不喜歡的顏色(女性):

女性最不喜歡的顏色
  1. 橙色 – 33%
  2. 棕色 – 20%
  3. 灰色 – 17%
  4. 黃色 – 13%
  5. 紫色 – 8%
  6. 綠色 – 6%
  7. 白色 – 3%

最常見最不喜歡的顏色(男性):

男人最不喜歡的顏色
  1. 棕色 – 27%
  2. 紫色 – 22%
  3. 橙色 – 22%
  4. 黃色 – 13%
  5. 白色 – 5%
  6. 灰色 – 5%
  7. 綠色 – 2%
  8. 紅色 – 2%
  9. 黑色 – 1%
  10. 藍色 – 1%

同樣,這裡有一些有趣的相同點和不同點。 男女似乎都不太喜歡棕色和橙色,但男性更有可能說他們最不喜歡的顏色是紫色。

資料來源: Colorcom 1 喬·哈洛克

顏色偏好取決於年齡嗎?

是的,顏色偏好似乎取決於年齡。 藍色是世界上幾代人最喜歡的顏色,但有趣的是,統計數據顯示,年齡越小的人對綠色的偏好越高,而年齡越大的人對綠色的偏好越低。

各年齡段最喜歡的顏色

紫色的情況正好相反:年輕人不太喜歡它,而老年人更喜歡它。

同樣,橙色和黃色似乎不太受老年消費者歡迎。 這些顏色更常被年齡較大的受訪者稱為最不喜歡的顏色。

按年齡組最不喜歡的顏色

棕色更常被年輕人稱為最不喜歡的顏色。

號召性用語按鈕的最佳顏色是什麼?

在您網站上的所有元素中,號召性用語 (CTA) 按鈕可能是最重要的。 它們是您希望客戶注意並點擊的元素。

因此,已經進行了大量研究和測試,試圖弄清楚什麼是號召性用語的最佳顏色。 統計數據顯示如下:

  • 在 Hubspot 在 Performable 網站上進行的對比測試中,紅色按鈕的性能明顯優於綠色按鈕,產生的點擊次數多出 21%。
  • 其他測試也顯示出類似的結果。 例如,Dmix 發現切換到紅色按鈕後,他們的轉化率提高了 34%。
  • 雖然大多數研究都關注紅色和綠色按鈕(因為它們最受歡迎),但有些研究比較了其他顏色。 一項這樣的研究比較了藍色按鈕和橙色按鈕,發現藍色比橙色好 9%。

從中可以很容易地得出結論,紅色是最好的——但這過於簡單化了。

事實上,號召性用語按鈕沒有最佳顏色。 它因情況而異,並且沒有一種放之四海而皆準的方法。

最重要的因素似乎是您的按鈕從網頁上的其他顏色中脫穎而出。 如果您網站的主色是綠色,那麼綠色按鈕可能不會像紅色按鈕那樣吸引用戶的注意力。 但是,如果您網站的主色是紅色,綠色按鈕可能效果很好。

資料來源: Hubspot、CXL

為什麼網站顏色很重要?

接下來,讓我們看一些網站統計數據,這些數據告訴我們更多關於顏色在網頁設計中的重要性。

網站顏色重要嗎?

39% 的受訪消費者表示,顏色是他們在公司網站上最看重的視覺元素。 這使其成為消費者欣賞的第二大視覺元素,僅次於照片/圖像 (40%)。

最重要的網站元素

42% 的購物者對網站的看法僅基於設計(包括顏色)。

在不返回網站的購物者中,52% 的時間是因為審美元素(包括顏色)。

關於顏色重要性的其他統計數據

顏色不僅在您的網站中很重要——它在您所有的品牌材料中都很重要,從您的產品設計到您的品牌徽標等等。 原因如下:

  • 大約 62-90% 的消費者對產品的初步評估僅基於顏色。
  • 顏色最多可將品牌認知度提高 80%
  • 90% 的人認為顏色有助於吸引新客戶
  • 83% 的人認為顏色讓他們看起來更成功
  • 81% 的人認為顏色讓他們比競爭對手更具優勢
  • 90% 的人認為,使用顏色後,消費者會更好地記住演示文稿
  • 讀者註意到全彩廣告的頻率比黑白廣告高 26%。 發現這一點的研究專門針對雜誌廣告,但同樣的原則也適用於網站廣告。

資料來源: Colorcom 2 、頂級設計公司1 、ResearchGate、Neil Patel、Kissmetrics

顏色聯想

研究表明,人類似乎與某些顏色有著特定的聯繫。 其中一些似乎是與生俱來的、與生俱來的聯繫,而另一些則是由文化驅動的。

在設計您的網站時,了解常見的顏色關聯很重要,因為它會影響網站訪問者對您品牌的看法。 您應該嘗試選擇代表您品牌個性的顏色,並喚起您想要的那種情緒反應。

考慮到這一點,根據 Joe Hallock 的一項研究,這裡有一些網站顏色統計數據顯示了每種顏色最常見的關聯對象。

相信

藍色是最常與信任相關的網站顏色。 34% 的受訪者表示,他們想到信任,就會想到藍色。 這可能是藍色如此受歡迎的網站顏色的很大一部分原因。

21% 的受訪者對白色表示信任,使其成為第二首選。 這可能是因為(或者為什麼)白色被用於醫院和醫生的實驗室外套等環境中。

橙色是研究中確定的最不值得信賴的顏色。 只有 1% 的受訪者將其與信任相關聯。

安全

藍色也是最常與安全聯繫在一起的網站顏色,得票率為 28%。 鑑於安全和信任在語義上緊密相關,這並不奇怪。 黑色也經常與安全相關,佔 16%。 而橙色以2%的得票率再次墊底。

速度

紅色是最常與速度相關的顏色,佔 76%。 這可能是由於紅色潛在的激勵作用及其與強度、憤怒和兇猛的聯繫。 黃色以 7% 位居第二。

這可能使紅色成為在您的網站中營造緊迫感的不錯選擇。 例如,您可以使用它來突出時間敏感的優惠。

便宜/便宜

26% 的參與者將橙色與廉價/廉價相關聯。 黃色以 22% 的選票位居第二,棕色以 13% 位居第三。

藍色是最不可能與便宜聯繫在一起的顏色,只有 1% 的受訪者選擇它。

有趣的是,與便宜的聯繫似乎與顏色偏好密切相關。 棕色、黃色和橙色都是消費者最不喜歡的顏色,也是最有可能與便宜這個詞聯繫在一起的顏色。

高質量

43% 的受訪者將黑人與高品質聯繫在一起。 您可以通過在您的網站配色方案中使用黑色來利用這種與質量的關聯。

藍色與高品質相關聯,排在第二位,有 20% 的受訪者選擇它。 橙色最不可能與高質量相關聯,得票率為 0%。

高科技

黑色 (26%) 和藍色 (23%) 也是最常與高科技聯繫在一起的顏色。 格雷並列第二,被 23% 的受訪者選中。

恐懼

41% 的參與者將紅色與恐懼或恐怖聯繫在一起。 黑色以 38% 緊隨其後。 如果你在一個恐怖主題的網站上工作,黑色和紅色是顯而易見的選擇。

有趣的是,沒有一個受訪者將藍色與恐懼聯繫在一起,這再次表明人們認為這種顏色是多麼值得信賴和平靜。

樂趣

28% 的人表示橙色是他們最聯想到樂趣的顏色。 黃色緊隨其後,佔 26%。 紫色 (17%) 和紅色 (16%) 也是受歡迎的選擇。

這表明,儘管橙色和黃色是最不受歡迎的網站顏色之一,但它們在網站設計中確實佔有一席之地。 如果您試圖將您的品牌或產品定位為有趣,它們可能是有效的選擇。

勇敢

29% 的受訪者表示,他們將紫色與勇氣和勇氣聯繫在一起。 紅色以 28% 緊隨其後,藍色以 22% 位居第三。

這很有趣,因為勇氣和勇氣通常被認為是更男性化的價值觀,但正如我們之前看到的,儘管紫色與這些特徵相關,但很少有人喜歡紫色。

根據 Joe Hallock 的網站顏色關聯

根據 Joe Hallock 的研究,以下是頂級顏色關聯的回顧:

  • 藍色——信任、安全
  • 紅色——速度、恐懼
  • 橙色——便宜、有趣
  • 黑色——高品質、高科技
  • 紫色——勇敢

根據 Colorcom 的網站顏色關聯

Colorcom 的全球色彩調查還詢問了受訪者有關色彩聯想的問題。 根據數據,以下是每種顏色最常見的關聯:

  • 黃色——幸福
  • 白色——純潔
  • 綠色——幸運
  • 紅色——好吃
  • 深藍色——尊貴
  • 銀——高科技
  • 紅色——性感
  • 黑色——哀悼
  • 黃金——昂貴
  • 棕色——便宜
  • 紅色——強大
  • 藍色——可靠
  • 黃金——高品質
  • 柔和的黃色——噁心
  • 白色——本尊
  • 黑色——運氣不好

資料來源: Colorcom 1 、Joe Hallock 2

網站標誌顏色統計

您的徽標是您網站上的另一個關鍵視覺元素。 以下是一些與徽標特別相關的網站顏色統計數據。

顏色在網站標誌中的重要性

在 Reboot Online 的一項測試中,78% 的客戶能夠回憶起曾短暫展示過的徽標的主要顏色,但只有 43% 的客戶能記住名稱。

結果:您在品牌資產(如您的網站)中使用的顏色甚至比您的品牌名稱更令人難忘,而且可以說更重要。

最常見的網站標誌顏色

黑色是頂級品牌中最受歡迎的品牌顏色。 它被用於全球 100 強品牌中 34% 的標誌中。

在其徽標中使用每種顏色的品牌百分比:

  • 34% 使用黑色
  • 30% 使用藍色
  • 30% 使用紅色
  • 9% 使用黃色
  • 7% 使用綠色
  • 6% 使用銀色/綠色
  • 5% 使用橙色
  • 2% 使用棕色

來源:重啟在線

有多少種顏色?

沒有人能就究竟有多少種顏色達成一致,但我們能給出的最佳答案是 1000 萬種。

那是人眼所能看到的最大顏色數,但還有無限多的顏色是我們無法感知的。

如果您好奇我們是如何得出 1000 萬這個數字的,那是基礎數學。 人眼可以看到 1,000 種光影。 在這些光的陰影中,我們可以檢測到 100 種不同的紅綠色陰影級別和 100 種不同的黃藍色陰影級別。

將所有這些相乘 (1,000 x 100 x 100),您將得到 1000 萬。

當然,它比這更複雜——這只是一個簡短的、過於簡單化的解釋

最後的想法

我們對網站顏色統計的總結到此結束。

希望您能夠從這些事實和數據中提取一些有用的見解,為您的網站設計策略提供信息。

關鍵要點是,雖然顏色顯然很重要,但在您的網站上使用它沒有正確或錯誤的方法。 正確的顏色選擇完全取決於您的品牌個性、定位和目標市場。

如果您想更多地了解什麼是好的網頁設計,請參閱我們最近的網站設計統計數據匯總。

或者要更全面地了解平面設計,請查看這些令人興奮的平面設計統計數據。

祝你好運!

如果您喜歡這篇文章,請告訴我們。