當(dāng)前位置:首頁 >  站長 >  網(wǎng)站運(yùn)營 >  正文

在網(wǎng)站設(shè)計(jì)中巧用色彩心理學(xué) 提升流量和點(diǎn)擊率

 2017-08-14 14:40  來源: A5企業(yè)專欄   我來投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競價(jià),好“米”不錯(cuò)過

當(dāng)你開始動(dòng)手做一個(gè)網(wǎng)站時(shí),首先就會(huì)面臨一個(gè)問題:在網(wǎng)站上使用哪種顏色?一般而言,訪問者們進(jìn)入網(wǎng)站時(shí)第一時(shí)間就會(huì)注意到網(wǎng)站的配色,這也是為什么網(wǎng)站配色是整個(gè)網(wǎng)站的設(shè)計(jì)的基本組成部分之一。

色彩不僅影響網(wǎng)站的外觀和風(fēng)格,還在網(wǎng)站表現(xiàn)力上扮演著重要的角色。換句話說,你在網(wǎng)站上應(yīng)用的顏色一定程度上決定著顧客的訪問時(shí)間、顧客回頭率、點(diǎn)擊率、業(yè)務(wù)銷售等。記住:在網(wǎng)站上,色彩的應(yīng)用絕不僅僅是為了美觀,讓大家看上去舒服,更重要的是它的功能性。因此,在你自己動(dòng)手做網(wǎng)站時(shí),你要好好考慮這一點(diǎn)。

生活中,我們中的一些人甚至不能很好的搭配上衣和褲子的顏色,那么面對打造一個(gè)成功專業(yè)網(wǎng)站時(shí),如何選擇完美的色彩組合就成為一個(gè)難題了。這時(shí),我們就要請色彩理論"出山"了。色彩理論是藝術(shù)設(shè)計(jì)中一個(gè)很重要的概念,在光學(xué)中為人們所廣泛熟知。一般而言,色彩理論給圖像處理員提供了創(chuàng)造完美色彩組合的工具,目前專業(yè)的網(wǎng)頁設(shè)計(jì)師也依靠它完成色彩搭配設(shè)計(jì)的工作。不過現(xiàn)在,你也同樣可以!下面是小飛整理的在網(wǎng)站中使用色彩理論前需要了解的一些事項(xiàng):

色彩理論

色彩理論的核心是色輪,小飛相信很多人之前可能已經(jīng)見過(如下圖所示)。

色輪是各種顏色及相關(guān)顏色的組合圖示,所有的顏色都可以在色輪中呈現(xiàn)。色輪中包含3個(gè)原色:紅色、藍(lán)色和黃色。把原色混合在一起,你就能得到二次色:橙色、綠色和紫色。在一般具有12個(gè)顏色的色輪中,混合原色和二次色,你就會(huì)得到6個(gè)三次色: 黃綠色,綠藍(lán)色,藍(lán)紫色,紫紅色,橙紅色, 橙黃色。常見的色輪除了12色的,還有24色的,24色色輪的顏色分類更加詳細(xì)復(fù)雜。

暖色VS冷色

色輪分為兩大類別:暖色,主要圍繞黃色、橙色和紅色(包括大多數(shù)棕色色調(diào));冷色,主要圍繞藍(lán)色、綠色和紫色(包括大部分灰色色調(diào))。選擇暖色或冷色調(diào)沒有對錯(cuò)之分,如何選擇基于你想要達(dá)到什么樣的效果。因?yàn)轭伾后w總是和一定的情感聯(lián)系在一起的,暖色能夠鼓舞人心,展現(xiàn)活力,舉個(gè)栗子來說,在2009年經(jīng)濟(jì)狀況不好時(shí), 黃色成為網(wǎng)頁設(shè)計(jì)中非常流行的色彩,因?yàn)楹芏喙鞠M櫩驮谒麄兊木W(wǎng)站上感受到陽光、舒適和希望。而冷色常會(huì)使人感到安靜,有鎮(zhèn)定人心的效果,比如很多銀行都會(huì)用到藍(lán)色,以呈現(xiàn)出一個(gè)冷靜、專業(yè)的公司形象。

在網(wǎng)站上是使用暖色?還是冷色?這取決于你的品牌身份以及你想要在網(wǎng)站上營造什么樣的氛圍。當(dāng)然,將冷暖色組合在一起用也是可以的。如果你有這個(gè)想法的話,可以參考下面幾條建議:

常見色彩搭配方法

成功的色彩組合總是遵循一定的搭配準(zhǔn)則,這些準(zhǔn)則大部分都與顏色在色輪中的位置有關(guān)系。比如:

對比色搭配: 使用對比強(qiáng)烈的顏色,不同的顏色在色輪上相隔至少兩格。使用對比色可以用來吸引注意力或者將某顏色分離,在網(wǎng)站中最適用于"行為引導(dǎo)"按鈕。

互補(bǔ)色搭配:這種方法利用色輪上位置相對的兩種顏色,就像紅色和綠色,或者黃色和紫色。當(dāng)兩個(gè)互補(bǔ)色并列開來,他們會(huì)將對方代表的情感推向極端,紅色放在綠色旁邊,會(huì)顯得更加“刺激、激進(jìn)、有力量”,綠色也會(huì)顯得更加舒適。在網(wǎng)站中使用對比色,會(huì)讓設(shè)計(jì)顯得更加活潑。 要用好互補(bǔ)色,最好的辦法就是:改變明度、降低純度,看起來會(huì)柔和許多 。但是,要想配色顯得很完整,可以在對比色上添加中性色。中性色在一個(gè)標(biāo)準(zhǔn)的色輪上是找不到的,如米色,淺棕色,淺灰色,黑色和白色。

類比色搭配:在這種搭配方法中,你可以使用三個(gè)相鄰的顏色組合在一起,如橙色、黃橙色和黃色,或者紫色、紫藍(lán)色和藍(lán)色。任何色輪上相鄰的3個(gè)顏色(即類比色)會(huì)產(chǎn)生一種令人愉悅、低對比度的和諧美感,這是因?yàn)樗麄兊念伾芟嘟?/p>

三色系搭配:準(zhǔn)備好使用幾何知識了嗎?三色系搭配方案使用色輪中三個(gè)顏色,其距離彼此相等,形成完美的等邊三角形。組合顏色可以是:黃綠色、橙紅色和紫藍(lán)色,或者是黃橙色、紫紅色和藍(lán)綠色。三色系是最安全的配色方案,色輪上的三種顏色能夠確保視覺平衡。大多數(shù)設(shè)計(jì)師認(rèn)為三色系是最好的配色方案,但還得具體情況具體分析。使用三色系搭配方案對于用戶范圍很廣的網(wǎng)站是非常好的選擇,比如醫(yī)療網(wǎng)站,略帶愉悅感的同時(shí)不顯乏味。不過對于一些需要強(qiáng)烈風(fēng)格的時(shí)尚或音樂網(wǎng)站,由于缺少強(qiáng)烈的對比色,缺乏激進(jìn)的情感,三色系配色方案就不太適用了。

分散互補(bǔ)色搭配: 尋找三種顏色,其中兩種互相類似,另一種與它們形成對比,這就是分散互補(bǔ)色搭配。分散互補(bǔ)色搭配是初學(xué)者很好的選擇,怎么搭都很好看。如下圖, 紅、深藍(lán)與淺藍(lán)搭配,完美突出對比感,畫面又不失和諧。

矩形互補(bǔ)色搭配:使用兩組互補(bǔ)色,這兩組互補(bǔ)色在色輪上可以形成一個(gè)矩形。例如,你可以組合黃橙色、黃綠色、藍(lán)紫色和紫紅色,這個(gè)色彩就會(huì)很豐富。但如果你不希望網(wǎng)站上看上去顏色太多、太亂,你可以選擇一種顏色作為基本色,對其余顏色做一些細(xì)微差別。想要用好矩形互補(bǔ)色是有一定難度的,注意在選擇顏色時(shí)應(yīng)盡量平衡冷暖色調(diào)。

單色搭配:顧名思義,這種方案使用相同顏色的不同色調(diào)來搭配組合。一種色相一般由暗、中、明三種色調(diào)組成。單色搭配可以同時(shí)使用這三種色調(diào),形成明暗的層次,也可以只關(guān)注使用明色調(diào)或暗色調(diào)。單色搭配有清晰的視覺效果,還能讓人感覺到極簡主義的風(fēng)格。

在這小飛已經(jīng)帶你了解了不少配色方案以及它們可以實(shí)現(xiàn)的效果。是時(shí)候?qū)⒗碚搼?yīng)用于實(shí)踐了!快來起飛頁自助建站平臺自己動(dòng)手做一個(gè)網(wǎng)站吧,看看哪種配色方案最有效?

申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦