不得不知—網(wǎng)頁設(shè)計的五種色彩搭配技巧

時間：2023-10-01 11:36:01 | 來源：網(wǎng)站運營

時間：2023-10-01 11:36:01 來源：網(wǎng)站運營

不得不知—網(wǎng)頁設(shè)計的五種色彩搭配技巧：在心理學(xué)的研究中，大腦對顏色的敏感度很高。像是讀者對雜志內(nèi)頁的廣告內(nèi)容全彩的偏好比起黑白高出了26%，有92.6%的人認為視覺將影響他們的購物決策，而人們的潛意識在90秒內(nèi)便會透過顏色判讀他們是否要購買商品，這樣的下意識行為在大型的物品，如行李箱的挑選上又特別明顯。







你所選擇的品牌顏色將會永遠影響你的品牌意識。根據(jù)研究結(jié)果顯示，顏色會增加80%的品牌認知度，而品牌顏色也會影響品牌傳遞出的價值。在調(diào)查結(jié)果中發(fā)現(xiàn)，前100大的品牌中，他們的品牌顏色前四大代表色依序是：藍、黑、紅、黃。橘色、綠色和紫色被使用的比率則相對少了許多。







好的色系選擇與搭配會讓你的事半功倍。你一定不會想要隨便選一個色系來建構(gòu)你的網(wǎng)站，只因為「看起來很酷」吧！以下提供5個小技巧，教你如何選擇網(wǎng)站配色。

1. 了解顏色如何影響情緒

在前面描述了那么多顏色對人們選擇的影響之后，你一定也會知道顏色是會影響人們的情緒的。但是哪一種顏色會喚醒什么樣的情緒？而對不同地理位置的消費族群，即便是相同的顏色也可能代表不同的意義。比方說在婚禮的時候，中國人可能會喜歡紅色帶喜氣，西方人就習(xí)慣是白紗或簡約風(fēng)的色調(diào)。

以下是非特殊場景消費族群的調(diào)查結(jié)果，不同顏色如何影響人們的情緒：

黃色：樂觀、年輕，常被使用在獲取window shopper的注意力

紅色：充滿活力、心跳加速、創(chuàng)造急迫性，常出現(xiàn)在清倉大拍賣

藍色：建立信任感和安全感，常出現(xiàn)在銀行和企業(yè)

綠色：跟健康有關(guān)，對眼睛來說最舒服的顏色，通常會使用在實體店家，可傳遞放松的感覺

橘色：積極、創(chuàng)造行動呼吁，以帶動訂閱、購買或銷售

粉紅色：浪漫和女性主義，通常會女性的和年輕女性的產(chǎn)品市場出現(xiàn)

黑色：強而有力，通常出現(xiàn)在奢華的商品上

紫色：放松和冷靜，常被用在常美妝和抗老化的產(chǎn)品

1. 考慮整體的主要目標客群、性別和年齡層

你想要賣給哪一群人？你想要喚起他們什么樣的情緒？想一想你的主要目標客群的人格特質(zhì)還有情緒。選擇最合適的顏色作為網(wǎng)站的主要顏色，舉例來說，如果你是一間有機的食品公司，那么最好選擇綠色，因為綠色跟自然還有健康有關(guān)。







除了主要的目標客群之外，客群的性別也可能會是考量的因素。如有些公司是比較針對不同性別銷售的。就必須要了解不同的性別的消費者他們偏好的顏色。

男生偏好的顏色：藍色（57%）、綠色（14%）、黑色（9%）、紅色（7%）、橘色（5%）

女生偏好的顏色：藍色（35%）、紫色（23%）、綠色（14%）、紅色（9%）、黑色（6%）

1. 放下自己的偏見

如果你喜歡藍色，那么你很可能會傾向?qū)⑵放频腖ogo或是網(wǎng)站的色系使用藍色。但如果你是一個鎖定女性消費者的化妝品公司，選擇藍色就有點兒就大錯特錯了。因此你必須要放下自己的偏見，才不會因為個人的偏好導(dǎo)致銷售成本增加，并可能會隨著時間推移而對你的品牌印象有扣分的效果。

1. 選擇要用幾種顏色

到了這里，你應(yīng)該已經(jīng)有一個初步色系的發(fā)想了，接著就要思考你總共要在網(wǎng)站上使用幾種顏色。但這沒有固定的標準答案，建議是采用60-30-10法則。這是在室內(nèi)設(shè)計和流行時尚產(chǎn)業(yè)常會使用到的配色比率，被稱之為「完美和諧」的黃金原則。也就是將60%用主要的色系，30%用次要的色系，10％為輔助色系。

以下面這個頁面來舉例，綠色是它用的主色系，白色則是次要的顏色，黑色是輔助顏。所以當(dāng)你把整張圖放在一起看，你會發(fā)現(xiàn)理想的顏色使用搭配是3種。這并不是說你的網(wǎng)站不能用4、5種顏色，只是顏色越多會越復(fù)雜，讓人抓不住重點在哪里，很有可能因此而失焦，跳離網(wǎng)站。

1. 選擇你的顏色組合

在選好要幾種顏色做搭配以后，接著你需要考量的是色系組合。雖然你不是設(shè)計專家，但你需要幾個對照組合作比較。最簡單的方式是采用對比的方式將網(wǎng)站的內(nèi)容清楚地呈現(xiàn)在瀏覽者的面前，不論是淺底深色字或是深底淺色字，只要搭配得宜，都很容易讓人一眼就抓住網(wǎng)頁的重點。







除了對比色系以外，你也可以考慮鄰近色、類似色和同類色。還記得以前在美術(shù)課的「色彩輪盤」嗎？







【結(jié)語】

你不需要是個大藝術(shù)家，才能想出很棒的顏色搭配。只需要了解一點色彩心理學(xué)還有顏色所帶動的情緒，并且根據(jù)60-30-10法則和顏色的輪盤，藉由一點實驗和A/B測試，就能找到最適合的網(wǎng)站色系組合。

長期來說，你的網(wǎng)站機能透過顏色傳遞更多訊息，包括品牌的價值，同時借此降低網(wǎng)站瀏覽者地彈出率、延長他們停留在你的網(wǎng)站上的時間，以及帶來更高的轉(zhuǎn)換率。