如何為你的網站選擇顏色

顏色極大地影響了我們組織、識別和解釋信息以了解環境的方式。事實上，85% 的人報告說顏色對他們購買的東西有重大影響。

這一切都始于生存的一個因素

一些花使用顏色來吸引特定昆蟲進行授粉。一些昆蟲使用顏色來警告潛在的捕食者防御性毒素。

一些動物，例如墨魚，甚至可以改變顏色以適應周圍環境。

|  在人性中，我們對不同的顏色有不同的情感反應。

它極大地影響了我們組織、識別和解釋信息以了解環境的方式。事實上，85% 的人報告說顏色對他們購買的東西有重大影響。

  資料來源：Usertesting.com

• 紅色——我們體內的紅色給了我們生命，但如果它逃脫了我們，它也可能意味著死亡。它幾乎總是與強烈的情感有關。從這個意義上說，紅色會引發刺激、饑餓并吸引注意力。
• 橙色 ——與橙色相關的一個熟悉的圖像是太陽的升起和落下。它通常與溫暖、滯留、警告和成長有關。
• 黃色 ——對我們來說是最明顯的顏色。我們可以從比任何其他顏色更遠的距離看到黃色。這可能就是為什么大多數路標都是黃色的原因，也是為什么我們可以從遠處看到麥當勞 M 的原因。
• 綠色 ——與紅色完全相反，綠色具有平靜的品質，由于它與自然和清新的聯系，它使您放松。
• 藍色 ——是 天空和水體的顏色；藍色有一些平靜的特質，比如綠色。當我們看到藍色時，我們甚至會釋放鎮靜劑。這可以解釋為什么我們在很多病房里看到藍色。
• 粉紅色——是希望的象征。粉紅色是一種歡快的顏色，能激發溫暖和舒適。它帶走了紅色的所有熱情，用白色的純潔調和它，給我們留下了溫柔和深情的顏色。
• 紫色——在歐洲的繪畫和藝術作品中，紫色代表著上流社會、皇室和財富。有錢有勢的人在羅馬帝國只穿一種叫做“泰瑞亞紫”的顏色。
• 棕色——污垢、泥土和糞便是我們腦海中常見的棕色。它代表大地色調，可以表現出與自然、舒適或戶外有關的任何事物。
• 黑色——是所有顏色的缺失。我們可以將它與廣闊的空間或無意識的深淵聯系起來。黑色會讓人聯想到精致和力量等感覺。但同時，它也可能是神秘和恐懼。
• 白色 -與清晰感和反思感相關聯。它還可以喚起無盡的感覺。在視覺上，您可以通過多種方式使用白色來突出深度、形狀和陰影。

為您的網站選擇顏色的 5 個技巧

1. 選擇原色

您首先需要了解您提供的服務類型或銷售的產品類型。之后，您可以輕松決定適合用戶口味或氛圍的原色。

?F ? R實施例中，如果你想實現一個更豪華的服務，去與白色，黃色或紫色。但是，如果您想吸引更廣泛的受眾，藍色是一種令人放心且明亮的顏色。

一些大品牌的例子是：

• 紅色：可口可樂——興奮和幸福
• 橙色：Nickelodeon——友好而有趣
• 黃色：麥當勞——樂觀和快樂
• 綠色：全食——新鮮和自然
• 藍色：美國運通——可靠和放心
• 紫色： Hallmark — 品質歷史
• 布朗： Nespresso——可靠且簡單
• 黑色：香奈兒——奢華與優雅
• 白色：蘋果——時尚且用戶友好

2. 選擇其他顏色

選擇附加顏色的一個很好的起點是考慮顏色補充。每種顏色都有一種使彼此流行的平行顏色，稱為“顏色恭維”。

因此，如果您使用黃色作為網站的主要顏色，那么在號召性用語按鈕上實施紫色是個好主意。或者使用紫色來突出基本特征。

嘗試將您的附加顏色限制為最多 2 種顏色。不僅如此，你的設計也會變得混亂，沒有什么會脫穎而出。

一個簡單的例子可以是 Meco 的網站。它以藍色為原色，并使用橙色來突出其基本部分。我們可以看到藍色和亮橙色如何相互對比。

3. 選擇背景顏色

背景顏色是一個重要的選擇。您網站的背景可能比任何其他顏色占用更多空間。但是，如果您可以將其減少到只有 2 個選項，這將是一個簡單的選擇。

• 第一個選擇是使用更柔和的原色版本。看看 goodreads 如何使用它們的主要顏色來鞏固他們的品牌。

                                    資料來源：goodreads.com

• 第二種選擇是您可以將整個網站設為灰白色。這是一個更常見的選擇，你可能見過很多。由于其微妙而經典的風格，它會彈出你想要的任何東西——文本、圖像或鏈接。

4. 選擇字體顏色

下一步是找到你的字體顏色。你現在可能很容易說黑色，但有許多不同類型的黑色字體。

請記住，白色背景上的純黑色文本會導致眼睛疲勞。有 100% 的對比度，如果您的網站讓他們難以閱讀，人們可能會點擊離開。

您可以使用灰色或淺灰色為您的網站提供更吸引人的外觀，如 Penguin Books 的網站。他們為文本使用了更柔和的色調，這比鮮明的黑白對比要弱得多。

                                         資料來源：penguin.co.uk

5.不要過火

盡量不要低估白色的重要性。這是提供對比、整理和將您的設計聯系在一起的好方法。請務必使用它。

此外，更多并不總是更好。一個流行的設計經驗法則是盡量堅持不超過 3種不同的顏色。如有必要，將調色板擴展到不同深淺的原色。

當一個品牌與特定顏色有很強的聯系時，您可能不想與它分得太遠。但請記住，采用您的原色并稍微調整一下飽和度是很有趣的。

例如，看看這篇 TechCrunch 文章中的社交媒體選項。它們都是類似的綠色，但亮度不同。

                                            資料來源：techcrunch.com

還有一些提示

• 確定您的目標受眾——這是選擇調色板時要考慮的重要因素。您的產品是否主要針對特定人群進行營銷？也許您的目標是男性、女性或兒童。顏色在不同地區也可以承載不同的含義。所以要注意區別。盡量避免無意中疏遠您的聽眾。
• 不要忘記品牌——如果您要為現有品牌建立網站，則配色方案需要與徽標相匹配。但是，如果您正在為新業務工作，請抓住機會將網頁設計納入更廣泛的品牌戰略。
• 讓 CTA 按鈕脫穎而出——在這一點上，我們都知道號召性用語按鈕的重要性。研究表明，號召性用語按鈕的可見性與轉化率上升之間存在顯著相關性。所以一定要使用顏色來提高可見度。
• 測試一下——除非你測試一下，否則沒有多少信息可以為你的設計提供完美的顏色。進行足夠的研究并縮小選擇范圍，然后進行一些A/B 測試以在實踐中找出答案。

概括

顏色在生命中的所有生物中都起著至關重要的作用。它有能力讓我們有某種感覺，并以我們甚至可能意識不到的方式引導我們的眼睛。

網頁設計師的主要關注點是創建具有凝聚力和視覺吸引力的產品。

以下是您需要考慮的 5 個提示：

• 選擇原色：選擇適合您服務氛圍和活力的顏色。
• 選擇您的其他顏色：選擇一種或兩種其他顏色來補充您的原色。您應該考慮色彩搭配，使您的原色“流行”。
• 選擇背景顏色：對于您網站的背景，請選擇比原色更柔和的顏色。
• 選擇字體顏色：請記住，不建議使用白色背景上的純黑色字體，這會導致眼  睛疲勞。
• 不要太過分：使用白色來對比和整理您的設計。并使用您的原色并使用飽和度。

還有一些提示：

• 確定您的目標受眾。
• 不要忘記品牌。
• 讓 CTA 按鈕脫穎而出。
• 請測試一下，測試一下，再測試一下。

你有它，一些有用的技巧，可以在你的設計中利用色彩心理學的力量。并且不要害怕測試不同的顏色組合以最終找到完美的組合。