為增加銷售額的網站選擇最佳顏色的 7 個有效技巧

已發表: 2020-07-23

您知道 85% 的買家會根據網站的顏色做出購買決定嗎? - 但不幸的是,大多數開發人員和網站所有者仍然沒有意識到這一事實。

顏色在我們感知周圍世界的方式中起著重要作用。 它可以影響我們的思維、改變行動並引起反應。 例如,芒果的顏色(綠色、黃色或橙色)決定了客戶對他們將從該特定水果中獲得的新鮮度或甜度的感知。 基於這種洞察力,他們將決定是否購買。

這意味著顏色可以決定你對特定事件的反應。 這就是網站顏色選擇過程必須組織良好的原因。 如果設計師選擇正確的網站顏色,那麼它肯定會影響轉化率和收入。

使用最好的網站配色方案,您可以-

  • 建立您的品牌形象
  • 吸引交通注意力
  • 把訪客變成顧問
  • 讓他們更多地參與您的網站

在此博客中,我們將介紹您需要了解的有關網站色板的所有信息。 從正確調色板的重要性到如何為網站選擇最佳顏色 - 您將學到一切!

為什麼你應該關心顏色?

顏色會影響人腦,因為它會極大地影響我們的生理機能,因為它會影響我們的血壓、焦慮、脈搏、新陳代謝、眼睛疲勞等。

我們也知道視覺內容會影響在線購買,顏色也是如此。

研究表明,人們在初次觀看產品的 90 秒內會對產品做出潛意識判斷。 高達 90% 的評估僅基於顏色。

加拿大溫尼伯大學

請記住,當任何潛在客戶登陸您的網站時,他/她必須在進行最終購買之前做出很多決定。 更重要的是,您網站的每個元素都會影響他們的行為。 平台的顏色組合是一個非常重要但被低估的重要方面。

如果我讓你想想可口可樂,你首先想到的是什麼?

一瓶冰鎮的可口可樂可能是第一件事。

coca-cola-color-scheme

但接下來,您可能會想到標誌性的紅色標誌。 現在真的很難在沒有看到紅色的情況下思考這種流行的飲料。

你知道嗎,可口可樂並沒有隨意使用這种红色作為他們的品牌顏色。 這背後其實有兩個主要原因——

  1. 消防車紅色使其在其他競爭對手中的商店中獨樹一幟。
  2. 每種顏色都類似於特定的情感。 當人們看到紅色時,它可能會喚起愛、興奮、大膽和激情的感覺。 而這些正是可口可樂想讓你聯想到它的飲料的感覺。

除了向訪問者介紹您的公司外,您的網站設計還可以在他們對您的品牌的快速判斷中發揮關鍵作用。

相反,保持流量參與並說服他們回來是您的責任。 因此,您必須在網站的每個部分都具有戰略意義。

happyaddons

如何使用正確的配色方案來增加網站轉化率

人們只需幾秒鐘就可以與您的網站形成積極或消極的互動。 由於顏色對人的思維有很大的影響,因此在為您的網站選擇顏色時必須小心。

首先,找出與您類似的網絡公司。 現在訪問他們的網站並註意他們在網站中使用的顏色類型。 然後嘗試找出選擇這些顏色的原因。 它讓您大致了解應該從哪些顏色開始。

您可以看到由 Material UI 創建的圖形,它展示了世界各地頂級網站使用的所有顏色。

material-UI-best-color-for-website

當您了解他們為什麼使用這些顏色而不是其他顏色的背後故事時,您可以了解顏色如何協同工作以製作一個引人注目的網站。

1.顏色必須反映您的品牌

顏色可以幫助人們識別您的品牌。

best-color-for-website

您網站的配色方案可以作為客戶購買決定的助推器——即使他們無法有意識地意識到這一點。 幸運的是,您可以使用這個概念。 考慮到觀眾的喜好來使用顏色,讓您的品牌的第一印象令人難忘。

建立穩固的品牌標識所需的一切。 因為建立信任並與您的客戶保持長期關係非常重要。 您的品牌顏色應反映在您的網站上。 這樣人們就可以輕鬆地將您的網站與您的品牌聯繫起來。

Oral-B:最大的牙刷品牌使用藍色作為品牌顏色。 他們也在網站上使用藍色作為基礎顏色。 這樣人們就可以輕鬆地將品牌與網站相關聯。

oral-B-color-scheme

大量的企業和銀行使用藍色來營造對品牌的安全感和信任感。 顯然,藍色是男性和女性首選的第一顏色。

2. 了解色彩心理學基礎

頂級品牌不會偶然選擇他們的品牌/網站顏色。 他們首先適當地研究其行業的各個方面,然後得出合乎邏輯的結論。 最終的顏色已用於他們的品牌和營銷計劃。

請記住,不同的顏色能夠吸引特定類型的客戶,也可以改變消費者的行為。

best-color-for-website

因此,您必須首先決定您希望在您的網站上擁有哪種類型的客戶。 根據您的客戶類別,您應該設置網站的顏色。 畢竟,沒有潛在的流量,你所有的努力都變成了零!

性別顏色偏好

不同的性別以不同的方式對顏色做出反應!

在一項關於顏色和性別的調查中,35% 的女性聲稱藍色是她們最喜歡的顏色,其次是紫色(23%)和綠色(14%)。 而 33% 的女性將橙色列為最不喜歡的顏色,其次是棕色(33%)和灰色(17%)。

CLINIQUE——美國領先的化妝品品牌,以紫色為主色調。 因為他們擁有龐大的女性客戶群。 另外,他們在主頁上不使用任何橙色、棕色或灰色陰影。

clinique-color-scheme

很多人認為粉色是女性最喜歡的顏色。 但實際情況卻大不相同。 雖然粉紅色在色彩心理學中代表女性氣質,但它吸引了所有女性或大多數女性。 所以使用粉色以外的顏色——比如藍色、紫色或綠色會增加你從女性觀眾中獲得積極響應的機會。 這最終可能會提高轉化率。

男性對顏色的偏好與女性略有不同——這很明顯!

如果您的目標受眾是男性,那麼您應該選擇藍色、綠色和黑色。 這些顏色通常被視為男性顏色。 避免使用紫色、橙色和棕色等顏色。

gilette-color-scheme

吉列使用深藍色作為主色調來吸引男性顧客。

因此,使用正確的顏色組合,您可以下意識地改變人們對您品牌的看法。

例如,從上面的統計數據可以看出,藍色是男性和女性都喜歡的顏色。 他們倆都不喜歡橙色和棕色。 因此,如果您打算針對兩種性別進行營銷,那麼您會考慮使用藍色或綠色來繪製您的網站。

年齡組的顏色偏好

您可能想知道人們的顏色偏好會隨著年齡的增長而變化。 因此,您的目標受眾的年齡會影響您的營銷材料將如何被感知。

以下是按年齡段劃分的人們最喜歡的顏色:

color-preferences-best-color-for-website

以下是按年齡段劃分的人們最不喜歡的顏色:

best-color-for-website

如果您的客戶屬於特定年齡組,那麼這也是需要考慮的因素。

相當有說服力! 正確的? 讓我們轉到下一點。

3.利用色彩理論來利用自己

正如我們所說,每種顏色都代表特定的含義,並且能夠將您的心情轉向特定的方向。

讓我們看看顏色如何幫助您根據您的業務類型和目標受眾通過一些現實生活中的示例來代表您的品牌。

暖色系

這些顏色對參觀者有一種充滿活力的影響。 但是,如果您在您的網站上單獨使用它們,可能會受到過度刺激。 最好將它們與冷色和中性色混合以保持平衡。

顏色名稱代表什麼主要用於頂級品牌
黃色的青春、樂觀和快樂吸引櫥窗購物者的注意力DHL、CAT、赫茲、麥當勞等
橘子友善、熱情和創造力製造一種匆忙或衝動的感覺亞馬遜、必應、芬達、火狐等
紅色的激情、能量、緊迫感、興奮、活躍、愛、強度和危險引發強烈的情緒反應,例如刺激食慾Netflix、豐田、YouTube、可口可樂等。
粉色的女性化, 甜蜜, 天真, 柔軟, 浪漫推廣女性產品芭比娃娃、粉色——維多利亞的秘密等。
暖色系

冷色

向遊客傳播鎮靜和舒緩的效果。 這就是大量品牌在其網站上使用它們的原因。 但請記住,過度使用這些顏色會使您的交通乏味。

顏色名稱代表什麼主要用於頂級品牌
綠色的財富、健康、寧靜與自然環保戶外用品Tropicana、動物星球、星巴克咖啡、Spotify 等。
紫色的皇室、成功、魅力、野心、精神美容和抗衰老產品Crown Royal、Cadbury、Hallmark、Yahho等
藍色信任、安全、穩定、和平與平靜商業和銀行Oral-B、美國運通、戴爾等
冷色
Dokan Marketplace

中性色

這些對於確保網頁設計的平衡非常有用。 您可以將它們與暖色和冷色一起使用來淡化原色。

顏色名稱代表什麼主要用於頂級品牌
灰色的尊重、智慧、耐心、現代、長壽、聰明技術與產業蘋果、博世、特斯拉
黑色的力量、奢華、精緻、力量和精準奢侈品牌香奈兒,
路易威登、巴黎歐萊雅、蘭博基尼等。
棕色的友誼, 地球, 戶外, 安全, 耐力食品工業UPS、好時、棉花、摩根大通、M&Ms 等。
中性色

現在,您可以更好地了解特定顏色的含義,哪種顏色最適合您的業務,或者您希望訪問者在您的網站上滾動時的感受。

讓我用一個簡單的例子來幫助你!

如果你賣的是廚房毛巾,那麼你應該選擇綠色(健康、寧靜)、黃色(活潑、清新)、藍色(和平、平靜)甚至紅色(熱情、活力)等顏色。 而不是使用棕色(友誼、耐力)或黑色(力量、奢華)。

4. 添加主要、次要和中性色

希望您已經選擇了原色。 現在將您的原色與其互補色相匹配可以使其對您的觀眾更具吸引力。

獲取有關如何正確混合顏色以及在何處使用的一些想法。

  • 原色:將它們用於您網站上瀏覽次數最多的位置。 例如標題、通知、橫幅、CTA 按鈕、下載表單等。這些大膽而充滿活力的顏色將吸引訪問者的注意力並鼓勵他們採取必要的行動。
  • 次要顏色:這些顏色用於網站的不太重要的部分。 例如副標題、輔助按鈕、活動菜單項、側邊欄或常見問題解答和評論等支持部分。
  • 中性色:白色、黑灰色等顏色主要用作網站的背景。 您還可以使用它們在您的網站的一些豐富多彩的部分,只是為了緩和或重新聚焦眼睛。

花點時間,多想想你真正想要什麼,然後提出一些富有成效的想法。

5. 開髮色調和色調

一旦你最終確定了你的基色,現在你就可以著手處理配色方案了。 有些網站只使用一種顏色來設計他們的網站,但最好使用至少幾種色調或色調。 因此,您可以調低原色或調亮所需的色調。 它可以讓您在網站上添加不同的火焰器,保持相同的基色。

例如,如果您使用較淺版本的顏色作為您網站的背景,那麼您可以使用原色或更亮的顏色設計 CTA 按鈕,以使其更容易被查看者看到。

這是 UI Maniac 的設計——他在設計此模板時遵循了相同的技術。

UI-Maniac
使用由 UI Maniac 設計的不同顏色深淺的橙色

您可以從 Adob​​e Color Wheel 獲得幫助。 這是為您的網站選擇顏色的可靠工具。 將中間選擇器設置為您的基色,並按照顏色規則探索一些獨家組合。

6. 實施 60-30-10 規則

平衡網站上的顏色是一種古老的做法。 與選擇基色一樣具有挑戰性,也很難確定應該將多少顏色應用於您的插圖。 這種技術可以幫助您以正確的比例混合顏色。

您可以按照 60-30-10 的比例來形成有效的網站和應用配色方案。 這意味著主要顏色將應用於網站的 60%,次要顏色將覆蓋接下來的 30%,最後 10% 將用作與兩種主要顏色形成對比的強調色。

best-color-for-website

以這些比例分配顏色將使您的網站在視覺上取悅訪問者的眼睛。

7.對比你的顏色

顏色對比度是創建網站配色方案時要考慮的另一個重要因素。 引導訪問者進行特定操作非常重要。 假設您希望您的流量特別關注您網站的特定區域(如 CTA 按鈕、註冊按鈕等)。 在這種情況下,您可以將兩種高度對比的顏色一起使用,例如橙色和綠色或黑色和紅色作為背景和按鈕。

wemail
weMail 使用藍色和綠色對比和一些強調色

請記住,如果您在整個網站上都使用高對比度,那麼將很難閱讀文本。 因此,對最大部分應用中等對比度,僅當您想突出某些關鍵元素時才使用高對比度。

號召性用語轉化率最高的顏色是較亮的顏色——如紅色、綠色、橙色、黃色。 另一方面,較深的顏色具有非常低的轉換率,例如黑色、深灰色、棕色或紫色。

網站顏色如何影響您的轉化和銷售

顏色對人腦具有很強的心理影響力。 因此,它會顯著影響您的轉化率。 儘管許多人認為顏色不會對買家的行為產生任何影響。 但是一些研究已經證明,一個人看到的顏色和他們之後的行為之間存在聯繫。

使用顏色時品牌認知度提高80% 。 品牌認知度與消費者信心直接相關。

85% 的購物者將顏色作為他們購買特定產品的主要原因。

顏色是品牌或產品“個性”的關鍵元素。 例如,一些食品有多種顏色的不同包裝,儘管它們的味道非常相似。 他們這樣做是因為人們可能會對他們最喜歡的顏色產生偏見,這會引發他們的食慾。

最近的一項案例研究表明,調整顏色等元素可以將轉化率提高多達 24%。

當被問到時,大多數人都會迅速回應並說出他們最喜歡的顏色。 他們的偏好主要取決於顏色給他們的感覺或它與過去記憶的關係。 然而,顏色會有意或無意地影響我們的許多日常決定,從我們吃什麼到穿什麼。

這也延伸到網站設計。

best-color-for-website

最後的想法

在構建網站期間,您可以讓訪問者輕鬆訪問所有內容。 假設您有一個導航簡單、加載時間短、性能出色且內容引人入勝的網站。 除了這些品質之外,您的網站還應包含與您的品牌相似的顏色,並將更多人轉化為永久客戶。

你應該考慮一下:

  • 您打算針對哪個年齡段和性別?
  • 您提供什麼類型的產品/服務?
  • 你的競爭對手在做什麼?
  • 哪種顏色能很好地代表您的品牌?
  • 您的訪客可以使用哪種顏色快速互動?

一旦確定了目的地,就很容易到達。

然而,選擇正確的配色方案並非易事。 因為您在設計網站時必須從 180 萬種顏色中進行選擇。 當您開始將顏色混合在一起時,各種可能性立即變得無限。 但並非所有顏色都適合您的業務!

請記住,當您為您的網站選擇正確的顏色時,您不僅使您的網站對您的訪問者俱有吸引力,而且還使您的品牌引人注目。