顏色直接影響你做網(wǎng)站的效果

2022-08-02    分類(lèi)： 做網(wǎng)站

色彩心理學(xué)：色彩如何影響決策   顏色直接影響你做網(wǎng)站的效果

許多設(shè)計(jì)師傾向于將顏色視為僅具有純粹美學(xué)影響的事物。但是，顏色實(shí)際上是設(shè)計(jì)對(duì)用戶的心理影響的重要組成部分。顏色發(fā)出的信息不會(huì)公開(kāi)，因此可以確定購(gòu)買(mǎi)選擇。一個(gè)人對(duì)您的產(chǎn)品發(fā)表意見(jiàn)僅需90秒，據(jù)估計(jì)，多達(dá)90％的意見(jiàn)僅基于顏色。由于色彩通常是用戶注意到的第一件事，因此色彩對(duì)他們的思想產(chǎn)生巨大影響。

顏色是設(shè)計(jì)人員用來(lái)與用戶交流的語(yǔ)言的一部分。了解顏色心理學(xué)是創(chuàng)建可提高轉(zhuǎn)換率的調(diào)色板的關(guān)鍵方面。在本文中，我想分享有關(guān)如何使用顏色來(lái)提高轉(zhuǎn)換率的實(shí)用技巧。

通過(guò)Shopify合作伙伴計(jì)劃發(fā)展您的業(yè)務(wù)

無(wú)論您提供市場(chǎng)營(yíng)銷(xiāo)，定制服務(wù)還是網(wǎng)站設(shè)計(jì)和開(kāi)發(fā)服務(wù)，Shopify合作伙伴計(jì)劃都將助您成功。免費(fèi)加入并獲得收益共享的機(jī)會(huì)，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。

什么是色彩心理學(xué)？
顏色心理學(xué)是一門(mén)研究顏色如何影響人類(lèi)行為和決策的學(xué)科。顏色心理對(duì)于銷(xiāo)售和營(yíng)銷(xiāo)至關(guān)重要-不同的顏色會(huì)影響購(gòu)買(mǎi)者對(duì)品牌的看法。

顏色心理學(xué)基于我們的大腦如何處理顏色的理論。人眼對(duì)光具有視覺(jué)響應(yīng)。光以波傳播，每種顏色都有不同的波長(zhǎng)。這些不同的波長(zhǎng)以不同的方式照射到眼睛。它們產(chǎn)生電沖動(dòng)，進(jìn)入大腦的下丘腦，控制著人體的多種功能，包括行為模式，食欲和體溫。 

色彩心理學(xué)：大腦如何感知色彩
大腦如何感知顏色。圖片來(lái)源：YouTube。
有關(guān)顏色的一般事實(shí)
要了解顏色對(duì)買(mǎi)方行為的影響，重要的是要了解顏色對(duì)我們的思想和情感的影響。

1.顏色可以刺激或鎮(zhèn)定
有兩種顏色-暖色和冷色。您可能會(huì)猜到，這些分類(lèi)會(huì)影響我們對(duì)顏色的理解方式。

色彩心理學(xué)：冷暖色輪
暖色和冷色。
暖色是色譜紅色區(qū)域中的顏色。紅色，橙色和黃色可以喚起設(shè)計(jì)的熱情和熱情。暖色具有很長(zhǎng)的波長(zhǎng)，并且會(huì)輻射大量能量。因此，暖色用作重點(diǎn)色時(shí)效果最好。使用溫暖的顏色作為基本顏色很容易使您的設(shè)計(jì)看起來(lái)令人討厭。 

冷色包含較高數(shù)量的藍(lán)色。藍(lán)色，紫色和綠色是很酷的顏色。這些顏色自然會(huì)產(chǎn)生鎮(zhèn)定效果，并且在室內(nèi)設(shè)計(jì)中通常很流行，因?yàn)樗鼈儠?huì)促進(jìn)放松。但是，當(dāng)過(guò)度使用時(shí)，冷色會(huì)讓人聯(lián)想到悲傷的感覺(jué)。

2.不同性別有不同的顏色偏好
性別會(huì)影響我們做出的顏色選擇，男女對(duì)配色方案的理解也存在差異和相似之處。2003年，喬·哈洛克（Joe Hallock）對(duì)色彩進(jìn)行了研究，并在論文《色彩分配》中分享了他的見(jiàn)解。該論文突出強(qiáng)調(diào)了一些明顯的偏愛(ài)特定性別的性別。其中最引人注目的是藍(lán)色和綠色這兩種性別。

色彩心理學(xué)：女性最喜歡的色輪色彩心理學(xué)：男性最喜歡的色彩
男女最喜歡的顏色。圖片來(lái)源：Joe Hallock。
同樣，男人和女人都共享最不喜歡的顏色：棕色和橙色。 

色彩心理學(xué)：女性最不喜歡的色彩色彩心理學(xué)：男性最不喜歡的色彩
男女最不喜歡的顏色。圖片來(lái)源：Joe Hallock。
但是該研究還強(qiáng)調(diào)了偏好方面的差異。女性中第二喜歡的顏色是紫色。但是，紫色是男人中最不喜歡的顏色。另一個(gè)有價(jià)值的見(jiàn)解是在色調(diào)，色調(diào)和色調(diào)方面，男性通常偏愛(ài)大膽的顏色，而女性則偏愛(ài)柔和的顏色。

您可能還會(huì)喜歡： 10個(gè)美麗的電子商務(wù)網(wǎng)站配色方案。

3.顏色在不同文化中可能意味著不同的事物
顏色是創(chuàng)造情感的有力工具。有關(guān)顏色的許多文章都討論了顏色關(guān)聯(lián)現(xiàn)象。我們經(jīng)常讀到，藍(lán)色代表真誠(chéng)，綠色代表成長(zhǎng)，紅色代表熱情。這種分類(lèi)的問(wèn)題是對(duì)顏色的反應(yīng)有些了解。顏色在不同的文化中可能意味著不同的事物。例如，在許多西方文化中，白人與積極的事物有關(guān)，而在亞洲許多地區(qū)，白人與哀悼有關(guān)。結(jié)果，幾乎不可能將一種顏色縮小到扎實(shí)的含義。 

色彩心理學(xué)：按文化劃分的色彩
顏色由文化。圖片來(lái)源：顏色和材質(zhì)。
設(shè)計(jì)師應(yīng)考慮目標(biāo)受眾的文化背景，并使用不會(huì)產(chǎn)生負(fù)面文化內(nèi)涵的調(diào)色板。

4.行業(yè)中的顏色關(guān)聯(lián)
顏色在品牌和行業(yè)認(rèn)可中起著至關(guān)重要的作用。人們?yōu)樘囟ㄐ袠I(yè)形成顏色關(guān)聯(lián)，例如，白色代表技術(shù)，綠色代表生態(tài)產(chǎn)品，紅色代表快餐。正如我上面提到的，這種關(guān)聯(lián)是學(xué)會(huì)的。通過(guò)將用戶置于正確的心態(tài)中，您可以影響他們進(jìn)行購(gòu)買(mǎi)。

色彩心理學(xué)：UBER徽標(biāo) 
在西方世界，黑人通常與信譽(yù)和專(zhuān)業(yè)精神有關(guān)。Uber使用黑白組合。
但是沒(méi)有硬性規(guī)定。實(shí)際上，盡管許多公司選擇使用行業(yè)標(biāo)準(zhǔn)顏色來(lái)滿足客戶的期望，但其他公司發(fā)現(xiàn)違反標(biāo)準(zhǔn)可能是一種非常有效的印象。

色彩心理學(xué)：lyft徽標(biāo)
選擇意想不到的顏色可能是使用戶記住您公司的有效方法。Lyft使用粉紅色，給第一次看到它的人留下持久的印象。
如何在設(shè)計(jì)中使用顏色
既然您對(duì)不同的顏色關(guān)聯(lián)有了基本的了解，就可以在設(shè)計(jì)中使用顏色。以下是要記住的四種技術(shù)。

1.了解用戶的期望
投資于用戶研究并了解用戶的期望至關(guān)重要。進(jìn)行一系列用戶采訪，并詢問(wèn)有關(guān)顏色的問(wèn)題，例如“您將我們的產(chǎn)品/品牌與哪種顏色相關(guān)聯(lián)？” 

這可以幫助您了解用戶希望看到的內(nèi)容，最重要的是為什么。

2.使用60-30-10規(guī)則
60-30-10是一條簡(jiǎn)單的規(guī)則，可幫助您創(chuàng)建平衡且視覺(jué)上有趣的調(diào)色板。這個(gè)想法是一種顏色（通常是中性色）占調(diào)色板的60％。另一種互補(bǔ)色占調(diào)色板的30％。第三種顏色用作配音，其余的占10％。該公式之所以有效，是因?yàn)樗鼊?chuàng)造了一種平衡感，并使眼睛舒適地從一個(gè)焦點(diǎn)移動(dòng)到另一個(gè)焦點(diǎn)。

色彩心理學(xué)：室內(nèi)裝飾色彩規(guī)律
室內(nèi)裝飾中60-30-10的顏色規(guī)則。圖片摘自Euro Luxe Interiors。
這種方法使設(shè)計(jì)人員開(kāi)始嘗試調(diào)色板變得容易得多。使用品牌色彩創(chuàng)建調(diào)色板也很容易。例如，您設(shè)計(jì)的60％應(yīng)該是中性色，30％應(yīng)該是您的次要品牌顏色，而10％應(yīng)該是您的主品牌顏色。

您可能還會(huì)喜歡： 使用主題選項(xiàng)和預(yù)設(shè)創(chuàng)建動(dòng)態(tài)配色方案。

3.對(duì)比度是關(guān)鍵
為了提高轉(zhuǎn)換率，許多設(shè)計(jì)師試圖找到可以出售的顏色，這種神奇的顏色會(huì)讓用戶單擊按鈕。幾年前，約書(shū)亞·波特（Joshua Porter）進(jìn)行了一項(xiàng)著名的研究，名為“按鈕顏色A / B測(cè)試”。他比較了同一目標(biāo)網(wǎng)頁(yè)的兩個(gè)變體的轉(zhuǎn)換。A和B的區(qū)別是主要號(hào)召性用語(yǔ)按鈕的顏色。版本A具有綠色的CTA按鈕，而版本B具有紅色的按鈕。

即使Joshua預(yù)測(cè)綠色按鈕的效果會(huì)更好，但紅色按鈕的效果卻比后者好，并帶來(lái)了21％的點(diǎn)擊次數(shù)增加。 

色彩心理學(xué)：按鈕色彩轉(zhuǎn)換的影響
簡(jiǎn)單的顏色變化可導(dǎo)致轉(zhuǎn)換效果顯著變化。圖片提供：Joshua Porter。 

這是否意味著紅色是轉(zhuǎn)換效果最好的顏色？否。紅色按鈕可能引起了更多關(guān)注，因?yàn)樗琼?yè)面上醒目的對(duì)象。因此，經(jīng)驗(yàn)法則是：如果您希望用戶與某物交互，則使其脫穎而出！

色彩心理學(xué)：Firefox登陸頁(yè)面
Firefox使用顏色對(duì)比來(lái)吸引用戶的注意力。
可訪問(wèn)性是在設(shè)計(jì)中應(yīng)使用對(duì)比的另一個(gè)原因。色彩對(duì)比有助于用戶區(qū)分文本和用戶界面元素。大約8％的男性和0.5％的女性患有某種形式的色盲，如果您使用的是低對(duì)比度的顏色，請(qǐng)注意這些用戶在與您的產(chǎn)品互動(dòng)時(shí)會(huì)遇到問(wèn)題。 

但是，通過(guò)增加顏色之間的值對(duì)比度可以很容易地改善可訪問(wèn)性。的W3C推薦正文文本和圖像的文字下面對(duì)比度：

文字類(lèi)型

色彩對(duì)比度

大文本（14 pt粗體/ 18 pt常規(guī)字體及以上）和圖形

3：1背景

小文字

4.5：1背景


色彩心理學(xué)：色彩對(duì)比
這些文本行不符合顏色對(duì)比度建議，可能很難根據(jù)它們的背景色來(lái)閱讀。
4.測(cè)試您的顏色選擇
正如約書(shū)亞·波特（Joshua Porter）的紅色與綠色實(shí)驗(yàn)所顯示的那樣，無(wú)論我們認(rèn)為哪種顏色最適合我們的用戶，實(shí)際上，我們都可以擁有完全不同的行為。這就是為什么將每個(gè)設(shè)計(jì)都當(dāng)作假設(shè)并與用戶進(jìn)行驗(yàn)證的原因。通過(guò)進(jìn)行測(cè)試會(huì)議，盡早從目標(biāo)受眾那里獲得反饋，并通過(guò)詢問(wèn)一些簡(jiǎn)單的問(wèn)題來(lái)評(píng)估您的顏色選擇：

您在此頁(yè)面上注意到的第一件事是什么？您要與之互動(dòng)的第一件事是什么？
這種設(shè)計(jì)使您感覺(jué)如何？以1（非常不愉快）至5（非常令人愉快）的等級(jí)對(duì)其評(píng)分。
您可能還會(huì)喜歡： 9種網(wǎng)站可訪問(wèn)性測(cè)試工具。

顏色強(qiáng)大
顏色是一種功能強(qiáng)大的通信工具，可以向用戶發(fā)出有關(guān)要完成的操作的信號(hào)。這些信號(hào)會(huì)影響情緒和結(jié)果。

如果您花費(fèi)時(shí)間來(lái)理解顏色之間的差異，那么這些知識(shí)將有助于您做出更好的設(shè)計(jì)決策，并使您的設(shè)計(jì)更具說(shuō)服力。

網(wǎng)站欄目：顏色直接影響你做網(wǎng)站的效果
網(wǎng)頁(yè)地址：http://www.muchs.cn/news44/184444.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有做網(wǎng)站等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名