網頁設計公司如何用色彩提升網站轉化率

好的網頁設計公司都懂得如何用色彩提升網站轉化率，色彩是設計師手裡最重要的工具，它是決定了視覺效果，能夠影響用戶的心情和情緒，左右用戶感知和行為。色彩本身並不會產生愉悅感和品質感，但是它能強化它們。

你有沒有想過，當你在購物的時候，超過90%的購買決策都受到色彩的影響。有統計發現，雜誌上的全彩廣告要比黑白廣告多26%，這也能說明一部分問題。

結論並不難得出，色彩對於用戶的影響是顯著的，對於選擇、轉化率的影響是毋庸置疑的。不過，問題在於，你能否找到真正對的色彩來搭配你的設計？為了回答這個問題，我們需要分析和了解色彩是如何影響人的，以及它對於男性和女性的影響有著怎樣不同的差異。

色彩心理學

色彩對用戶所傳達的不僅僅產品本身的訊息，而且也對於用戶的心理有著顯著的影響。不同的色彩傳遞著不同的感受，同時這還和你所處的國家地區以及文化背景有著緊密的聯繫。不過一般而言，不同的色彩世界範圍內絕大多數的國家與地區所代表的含義、傳遞的情緒是大同小異的：

紅色：危險，重要，激情

紅色是血與火的顏色，它是最強大的色彩之一，同時代表著愛與戰爭。

紅色所傳遞出的情緒是非常激烈的，甚至可以直接引起相應的生理變化，包括血壓升高，呼吸頻率提升，等等。

紅色還代表著精力充沛，能夠引起衝動，還是是速度與力量的象徵。Netflix 和 Youtube 都採用紅色作為主色調。

勇士是引人注意的，它是非常具有性格的色彩，就像頒獎典禮現場的紅地毯，它代表著走紅毯的名人和明星的重要性。而紅色運用在網頁當中，則意味著這個元素是最重要的、值得重視和注意的。

橙色：自信、能量、樂觀

橙色同樣是非常鮮艷的色彩，它和紅色也有著許多共通的地方，但是相對而言程度較低。它沒有紅色那麼強烈的侵略性，但是它同樣有著精力充沛的含義，可以營造出積極向上的情緒和氛圍。

就像紅色一樣，橙色同樣具備有很高的識別度，能夠強烈地吸引用戶的注意力，高亮特定元素的作用。另一方面，一些研究表明，橙色還能傳遞出「便宜」的含義，這也是為什麼許多電商網站和APP會傾向於將購物車和購買相關的連結標識為橙色。

Hipmunk 中的橙色按鈕非常的吸睛。

黃色：陽光，幸福，注意

黃色是非常有意思的色彩，它同時具備了幸福和焦慮兩種特性，不得不說它的這個特徵非常的哲學。在設計中，黃色非常容易引起注意力，所以它也是日常生活中近視標識的常用色。儘管它在警示效果上不如紅色強烈，但是依然給人傳遞出危險的感覺。

當黃色與黑色搭配起來的時候，可以獲得更多的關注，著名的紐約計程車就是採用的這樣的設計。

綠色：自然、生長、成功

與綠色聯繫最緊密的毫無疑問是自然。絕大多數的植物都是綠色的，它與生長和健康都有著緊密的關聯。

在設計中，綠色可以起到平衡和協調的作用，在今年，也就是2024年，年度色就是草木綠，它甚至被稱為新的中性色。不過在設計過程中，綠色的飽和度需要好好控制。高飽和度的綠色讓人興奮，引人注意，而低飽和度的綠色則接近中性色的作用，可以平衡整個設計。

藍色：舒適，放鬆，信任

藍色是天空和海洋的色彩，它是UI設計中最重要也是最常用的色彩，你在設計中所選取的藍色的色調和色度，都會直接影響到你的設計對於用戶的影響。

·淺藍色給人清爽、自由、平靜的感覺。這種輕鬆友好的氛圍還能轉化為信任的感覺，這也是為何如此多的銀行類網頁/APP會使用淺藍色。

·深藍色能夠給人強大而可靠的感覺。

紫色：豪華，靈性，創造性

紫色的使用頻率並不算高，它本身的這種稀缺性使得它在設計使用中有著特殊的地位。歷史上，曾經一度只有歐洲皇室能使用，直到今天，它依然保持著某種奢侈感。將紫色運用到網頁或者APP中，常常會給用戶一種高端的感覺。

一個有趣的調查表明，有接近75%的兒童喜歡紫色和相近的色彩。

黑色：力量，優雅，精緻

黑色是所有色彩中最有力量的，它能夠很快地吸引用戶的注意力，這也是為何它是文字的基準色，也常常作為許多設計的主色。

在 Squarespace 這個網站中，黑色的「Get Start」按鈕非常引人注意。

當黑色作為UI控制項和視覺元素的主色調的時候，它常常會帶來相應的情感聯繫，它可以輕鬆傳達出複雜的情緒，營造神秘的氛圍。

白色：健康，純潔，高尚

白色通常代表著純潔，給人以乾淨、健康、高尚的感覺。由於白色常常同健康服務和創新啊所關聯，所以你可以使用白色來強調安全性，推廣醫療和高科技的產品。

在設計當中，白色常常用作留白，用以突出周圍的色彩、控制項。正確使用留白是一項非常重要的設計技能。以Google首頁為例，白色讓其他的色彩更加突出，更有力量：

大量的留白讓其他的元素脫穎而出。

灰色：正是，中性，專業

灰色代表中性和中立。相比於其他的顏色，灰色更為安全，當灰色作為主色調而存在的時候，能讓設計的形式感更為強烈，這並不算壞事。和白色相似，這種中性色能夠讓其他的色彩更為顯眼。

灰色通常同其他更為明亮的色彩搭配起來使用。Dropbox 就常常使用灰色來突出CTA按鈕。

性別與色彩

雖然從來都沒有什麼男性色和女性色這樣的具體規則，但是在過去的一個世紀當中，不少研究表明，男女在色彩喜好上是有著明顯的差異的：

最喜歡的顏色

最不喜歡的顏色

·藍色是兩種性別都非常喜歡的色彩，而且相比女性，男性更喜歡藍色的各種變體。

·男性和女性都非常不喜歡棕色、橙色和黃色。灰色是女性最不喜歡的色彩之一，而紫色是男性最不喜歡的色彩之一。

·當涉及到不同的色調、色相和色度的時候，男性更喜歡大膽的色彩，而女性則更喜歡更加柔和的色彩。

·大多數人都認為女性更偏愛粉色，但是實際情況並非如此，只有一小部分女性將粉色視為最喜歡的色彩。因此，雖然色彩心理學當中將粉色作為女性氣質的象徵，但是這並不意味著絕大多數的女性喜歡它。

品牌色的重要性

色彩是許多品牌設計的核心元素。品牌配色中每一種顏色都直接或者間接地塑造著這個品牌的特徵，甚至一些色彩已經超越了品牌，成為了行業的基準色，比如旅遊業常用藍色，健康相關的產業使用綠色，而速食和飲食業常用紅色。

但是，當你在為一個品牌選取品牌配色的時候，並沒有捷徑可以走，並沒有什麼可以快速搞定的法則。有些公司樂於採用順應行業的配色方案，而有的企業則發現，使用跳出規則的配色方案反而可能會取得奇效。Virgin Amarica 就是個典型，反其道而行之，選擇和航空並無關係的穀物作為吉祥物，雖然不同於用戶期望，但是非常突出。

所以，選擇意想不到的色彩也許是讓人記住的好辦法呢。

色彩和轉化率優化

那麼你到底要如何藉助色彩理論和心理學知識來讓用戶點擊按鈕呢？是否讓按鈕具備行為召喚的特徵，可能是用戶體驗設計師們爭論的最多的問題。有人認為，醒目的紅色是最佳的選擇，而另一部分人則認為，綠色同樣醒目，並且還給人以安全感。

HubSpot 對此進行了A/B測試，測試主要是圍繞著註冊界面的CTA按鈕進行的。

雖然測試之前，幾乎所有人都預測綠色的按鈕效果會更好，然而實際情況則是，紅色按鈕比綠色按鈕多出了21%的點擊率。同時，HubSpot 也添加了說明，因為測試結果始終是主觀的，因為有一定機率是他們的訪客在這個網站中，本身就更加傾向於紅色，它畢竟是整個頁面中唯一出挑的色彩。影響因素是複雜而多樣的。

按鈕本身的色彩對於點擊轉化率的影響，其實並不大。一種色彩作為按鈕色在A網站網站上可行，可能在B網站上就沒那麼好使了，說一種顏色比另外一種顏色的轉化率高，本身就是錯的，並不存在什麼通用的最佳色彩。但是，有一些值得參考的通用法則能夠幫你更合理地用色。其中，有一個心理學效應叫做「孤立效應」，它簡而言之就是最突出、被孤立出的元素更容易被用戶注意到，甚至被選擇。