流量轉化高的營銷型網站是如何配色的?

2015-10-29    分類: 網站建設

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

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

“我應該為我的網站選擇什么顏色?”

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

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

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

您選擇的網站顏色是如何影響網站的轉化和銷售

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

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

流量轉化高的營銷型網站是如何配色的?

如何為您的網站選擇顏色組合

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

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

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

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

使用原色突出

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

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

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

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

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

使用顏色組合將陰影結合在一起

要了解顏色組合的概念,建議您轉向色輪。

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

流量轉化高的營銷型網站是如何配色的?

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

1、主色與輔色

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

2、類似的顏色

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

3、三基色

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

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

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

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

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

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

流量轉化高的營銷型網站是如何配色的?

想要高轉換率的網站的10種配色設計

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

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

白色

白色對于以恰當的對比度顯示文本至關重要,這樣可以使您網站的單詞,句子和段落更清晰易讀。

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

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

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

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

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

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

藍色

藍色被很多不同色調的網站使用,例如:Facebook、Twitter、LinkedIn、Skype、Dropbox、WordPress等等。

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

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

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

黑色

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

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

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

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

灰色

代表力量、力量和權威的顏色,灰色使得大多數顏色都具有出色的色調。您會注意到灰色在今天的網站設計中使用了很多。以Maytag為例。

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

紅色

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

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

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

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

黃色

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

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

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

橙色

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

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

棕色

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

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

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

紫色

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

許多品牌使用紫色如雅虎,但只有少數品牌會像啟動網絡服務Big Top那樣大量使用它。

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

綠色

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

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

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

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

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

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

了解您的用戶如何互動

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

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

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

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

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

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

結論

確定您網站的顏色可能非常耗時,也應該如此。

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

另一方面,在網站設計時選擇合適的顏色組合可能很有趣。

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

您的觀眾一定會注意到。

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

網頁題目:流量轉化高的營銷型網站是如何配色的?
瀏覽路徑:http://bm7419.com/news/28156.html

成都網站建設公司_創(chuàng)新互聯,為您提供ChatGPT網站建設、用戶體驗、全網營銷推廣關鍵詞優(yōu)化、定制開發(fā)

廣告

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

微信小程序開發(fā)