網(wǎng)頁設計師總是在討論網(wǎng)站的視覺配色，因為顏色對于網(wǎng)站質(zhì)量至關重要。在建設旨在安撫目標受眾的網(wǎng)站時，您需要簡單的導航，整潔的布局和足夠的重要信息，以保持您的流量投入并返回足夠的時間以成功轉(zhuǎn)換。然而網(wǎng)站設計的一個方面非常重要，但卻很容易出錯。

當然我們談論的是網(wǎng)站配色，只有正確的顏色才能為您的挑剔觀眾所做。

“我應該為我的網(wǎng)站選擇什么顏色?”

當問自己這個問題時，請考慮您的品牌標識LOGO以及您產(chǎn)品的顏色以獲得靈感。

例如：如果您的公司生產(chǎn)拖拉機，車輛可能是華麗的紅色;那么你的下一個工作是要找到其他顏色來補充紅色專業(yè)名詞叫輔助色。

無論你做什么，都要花很多時間在這個問題上;顏色的選擇在網(wǎng)頁設計中很重要，可能比你想象中的還要多一點。

您選擇的網(wǎng)站顏色是如何影響網(wǎng)站的轉(zhuǎn)化和銷售

普通人需要大約90秒才能與你的網(wǎng)站形成積極或消極的互動。根據(jù)溫尼伯大學在加拿大進行的一項研究，一個人對您網(wǎng)站的評估高達90%僅基于顏色。

此外如果你的網(wǎng)站是一個電子商務網(wǎng)站，您會發(fā)現(xiàn)近90%的購物者將顏色作為大多數(shù)產(chǎn)品購買決策的基礎，這一點令人著迷。顏色還可以幫助人們識別您的品牌。事實上，研究表明，顏色有助于品牌識別80%。

如何為您的網(wǎng)站選擇顏色組合

您應該做的第一件事是在網(wǎng)上搜索與您類似的公司。研究他們的網(wǎng)站，并嘗試確定組織選擇他們所做顏色的原因。

請注意Material UI創(chuàng)建的圖形，它顯示了來自世界各地的頂級網(wǎng)站使用的所有顏色。

您可以從這些網(wǎng)站中獲取很多靈感，從而到為何選擇獨自的顏色會有所幫助。

在我們了解一些網(wǎng)頁設計師使用某些顏色而不是其他顏色的原因之前，有助于理解顏色協(xié)同工作的方式，以實現(xiàn)更加和諧和更具吸引力的設計。

使用原色突出

原色獨立于色彩世界。也就是這些鮮明的藍色、黃色和紅色不是通過將任何其他顏色混合在一起而產(chǎn)生的。

通過將兩種基色混合在一起來創(chuàng)建二次色。例如：結(jié)合藍色和黃色使得綠色就像紅色和黃色一起形成橙色。

通過混合一次和二次顏色制成三原色。例如，這是您獲得藍綠色組合或紅橙色的地方。

既然您知道顏色類型之間的差異，那么如果您希望煽動行動，請專注于原色，特別是對于您網(wǎng)站的戰(zhàn)略部分，例如您的號召性用語。

請注意Exxon官網(wǎng)是如何使用主要顏色藍色作為其SLOGAN用語按鈕來吸引訪客免費加入。

使用顏色組合將陰影結(jié)合在一起

要了解顏色組合的概念，建議您轉(zhuǎn)向色輪。

這個節(jié)日的輪子可以幫助您了解顏色彼此之間的關系，并可以幫助您創(chuàng)建為轉(zhuǎn)換而設計的令人矚目的網(wǎng)站。

以下是使用色輪選擇網(wǎng)站顏色以獲得效果的一些方法。

1、主色與輔色

將主色與其互補色匹配可以使您的網(wǎng)站更加賞心悅目。一旦你挑選出顏色，只需在色輪上畫一條直線到另一邊。例子包括藍色和橙色以及綠色和紅色。

2、類似的顏色

此配色方案涉及選擇輪子上與您選擇的顏色直接相鄰的顏色。例如，如果您的主要顏色為藍色，則選擇藍紫色和藍綠色可以幫助您的網(wǎng)站產(chǎn)生細微差別。

3、三基色

通過這種方案，您可以將原色中的等邊三角形繪制成另外兩個，以增加美學效果。在您的選擇之間始終保持三種顏色。例如，如果您的主要顏色是藍色，那么您的其他顏色可能是黃色和紅色。

4、顏色是觀眾心理學的全部

大多數(shù)人都喜歡顏色，有些人喜歡某些顏色而不是其他顏色。顏色的選擇實際上可能有很大差異，具體取決于一個人的年齡，性別以及他們來自哪里。

因此，在選擇配色方案時，您必須考慮您的受眾。男性傾向于喜歡更明亮的顏色，而女性喜歡更柔軟的網(wǎng)站顏色。

這只是一個例子，說明如果您希望增強網(wǎng)站的成功，您的買家角色會如何影響您使用的顏色選擇。

然而，無論你是針對哪種性別，或者即使你碰巧都是針對兩者，當涉及到男性時，27%的人表示棕色是他們不喜歡的顏色，而女性則是20%。將這些類型的靜力學考慮在內(nèi)，以避免關閉您的買家角色。

想要高轉(zhuǎn)換率的網(wǎng)站的10種配色設計

考慮到所有這些知識，讓我們開始討論。

以下是您可能希望為您的網(wǎng)站選擇的各種顏色，以及為什么要獲得更多流量，參與度和銷售額。

白色

白色對于以恰當?shù)膶Ρ榷蕊@示文本至關重要，這樣可以使您網(wǎng)站的單詞，句子和段落更清晰易讀。

如果沒有空白區(qū)域，您可能會讓觀眾感到壓力并導致他們反彈。

事實上，白色可以變得純潔干凈，但過多可以讓你的網(wǎng)站有一種傲慢，幾乎不友好的感覺，當觀眾參與，重復訪問和轉(zhuǎn)換代表你的終目標時，這幾乎不是你想要的。

Skype自由地使用白色空間來引起人們對其標題，圖像和原色藍色號召性用語的關注。

Word-Form利用白色來展示他們的專業(yè)攝影，設計效果很好。這對眼睛來說簡單易行。

有些人可能會發(fā)現(xiàn)過度使用白色過于無聊。如果您的觀眾情況如此，請考慮使用剃刀公司Harrys使用的技術。

該網(wǎng)站在標題中非常保守地使用白色作為簡單導航菜單的整潔空間。然后網(wǎng)站將白色與漂亮的藍色對比，這很有趣而且它有點讓你想要留下來瀏覽也許只是購買。

藍色

藍色被很多不同色調(diào)的網(wǎng)站使用，例如：Facebook、Twitter、LinkedIn、Skype、Dropbox、WordPress等等。

這是一個很好的理由，因為藍色被視為溝通、智慧和冷靜反思的顏色。

它通常在公司業(yè)務中發(fā)現(xiàn)，因為它能夠喚起安全感，安全感，舒適感和信任感。

顏色很輕松，重要的是，它讓你網(wǎng)站的訪問者想要留下來，因為就像仰望天空一樣，藍色只會讓他們感覺很好。

黑色

你可能會認為Black會與黑暗和寒冷聯(lián)系在一起，從某種意義上說你是正確的。

但是網(wǎng)站設計中使用的黑色也可以代表復雜性、魅力、安全性和效率。

你會發(fā)現(xiàn)黑色大量用于動力和奢侈品牌，如梅賽德斯 - 奔馳、Under Armour、Loreal、勞斯萊斯以及其他許多品牌。

請注意梅賽德斯如何使用大量灰色，類似于色輪上的黑色。

灰色

代表力量、力量和權威的顏色，灰色使得大多數(shù)顏色都具有出色的色調(diào)。您會注意到灰色在今天的網(wǎng)站設計中使用了很多。以Maytag為例。

顏色使用藍色和白色，但灰色為網(wǎng)站帶來了精致的外觀，這在人們尋找高端和值得信賴的產(chǎn)品時很有用。

紅色

紅色喚起了力量和刺激，令人興奮并讓人們采取行動。它依賴于那些依賴沖動購物者的公司。

它也被用來喚起緊迫感，對于清倉銷售來說非常棒。

許多網(wǎng)站如豐田和Avis都使用紅色，因為它溫暖而充滿活力。這是運動的顏色。雖然太多的紅色可能會讓人眼花繚亂令人不快，但紅色確實會產(chǎn)生極好的強調(diào)色，讓您的網(wǎng)站看起來更加生動活潑。

請注意豐田如何在其徽標中使用紅色，如文本、主題圖標、以及展示其新車型之一。其余部分由簡單的白色和精致的灰色組成。

黃色

太陽的顏色也喚起了樂觀和自信、透明度和創(chuàng)造力。這是令人興奮和電動的，但太多可能會分散注意力。

相反黃色應該用于重音。注意Bestbuy如何非常謹慎地使用黃色但效果很好，可以展示游客希望通過點擊購買來節(jié)省的費用。

Pennzoil也很好地保守地使用黃色。與豐田一樣，機油品牌采用汽車形式的黃色來突出華麗的黑色和灰色，以達到突出效果。

橙色

橙色為網(wǎng)站訪客帶來舒適和溫暖，顏色簡直友好而有趣。它還可以讓人們采取行動，因此非常適合引導訪問者訂閱或購買的號召性用語。

Nickelodeon和Hooters是兩個充分利用橙色來創(chuàng)造興奮和誘惑行動的例子。

棕色

沒有多少網(wǎng)站大量使用棕色。正如我們已經(jīng)討論的那樣，兩性都傾向于非常不喜歡它。然而，UPS不怕這個統(tǒng)計數(shù)據(jù)。

該品牌已成為其棕色卡車和類似裝飾的送貨司機的代名詞。

因此，該品牌在其網(wǎng)站設計中大量使用該顏色。只有正確的測試才能確定此配色方案是否適合您的組織。

紫色

這種顏色通常用于促進抗衰老產(chǎn)品，因為它具有舒緩和鎮(zhèn)靜作用。它與皇室、財富和成功息息相關。

許多品牌使用紫色如雅虎，但只有少數(shù)品牌會像啟動網(wǎng)絡服務Big Top那樣大量使用它。

IBM Watson使用紫色，但它更像是一種口音，讓位于黑色、白色和藍色。

綠色

這種顏色有助于人們感到和諧和平衡，綠色是平衡、和平和環(huán)保意識的顏色。如果您的公司涉及農(nóng)業(yè)，綠色可能是使用的顏色。看看JohnDeere的網(wǎng)站就是一個很好的例子。

大石油公司BP希望傳達一種環(huán)境友好的形象，因此很好地利用格林作為其白色背景的對比。

如何發(fā)現(xiàn)哪種顏色的吸引和轉(zhuǎn)換多?

為了幫助您為您的網(wǎng)站創(chuàng)建配色方案，請使用Sessions College for ProfessionalDesign提供的顏色計算器等便利工具。

該工具可以輕松確定正確的主要，互補、類似、三元組和其他顏色組合。

找到似乎運作良好的那些，然后與您的觀眾一起嘗試。將您的網(wǎng)站滲透到在線流量流中，確實是了解受眾群體響應方式的唯一且方式。

了解您的用戶如何互動

在向觀眾展示新設計的網(wǎng)站時，請簡單介紹一下。從蘋果的書中拿出一頁。

這個網(wǎng)站很簡單。黑色背景，白色文本與一些藍色和灰色來圍繞它全部。然而，該網(wǎng)站流行起來并且看起來很花哨。在顏色和設計方面，通常更少。

Sun Trust是一個簡單網(wǎng)站的另一個很好的例子，它使用藍色和橙色來吸引動作但是通過大量的空白來保持簡單。

A/B測試各種顏色和組合

據(jù)說突出的顏色是被點擊的顏色。雖然這在理論上可能是正確的，但只有您的網(wǎng)站訪問者真正知道他們喜歡哪種顏色。

出于這個原因，我們鼓勵您測試原色，顏色補充，重疊和其他所有顏色選擇，以找到觀眾常響應的顏色。

結(jié)論

確定您網(wǎng)站的顏色可能非常耗時，也應該如此。

網(wǎng)站顏色選擇不是任何方式可以輕易做出的決定。

另一方面，在網(wǎng)站設計時選擇合適的顏色組合可能很有趣。

使用顏色創(chuàng)建工具并使用各種方案，直到找到一個讓您的網(wǎng)站真正脫穎而出的方案。

您的觀眾一定會注意到。

但是，請繼續(xù)測試您的網(wǎng)站以獲得效果。很快，您就會知道您網(wǎng)站的正確顏色，讓您的觀眾留下來，參與并轉(zhuǎn)換以獲得更大的銷售和收入。

標題名稱：流量轉(zhuǎn)化高的營銷型網(wǎng)站是如何配色的？
當前URL：http://m.newbst.com/news6/28156.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、網(wǎng)頁設計公司、品牌網(wǎng)站設計、靜態(tài)網(wǎng)站、域名注冊、外貿(mào)建站

廣告

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