網(wǎng)站設(shè)計

Website development

4招帶你玩轉(zhuǎn)電商常用的色彩搭配！

發(fā)布時間：2017-04-12 11:09:03

電商網(wǎng)站的色彩搭配.jpg

電商設(shè)計中如何運用好紅色？與紅色有關(guān)的常用色彩搭配有哪些？當(dāng)紅色運用在不同的質(zhì)感紋理或形狀環(huán)境時會怎么樣？紅色的使用禁忌或注意事項有哪些？今天讓做設(shè)計的教你輕松玩轉(zhuǎn)！

不知道大家有沒有發(fā)現(xiàn)一個規(guī)律和現(xiàn)象，就是國內(nèi)無論是綜合電商平臺還是垂直型的電商平臺亦或是導(dǎo)購平臺的品牌色一般都是紅色系或暖色系的，而紅色占了大邊天，其次是偏女性化的玫紅色／粉色，再或則是橙色黃色等，我挑選了一些電商平臺的品牌logo給大家看下：

同時，在一些大型的活動專題頁設(shè)計里，紅色也應(yīng)該算是電商設(shè)計里運用的為廣泛的一種顏色了，但其實很多人對紅色該在什么時候用，或者該怎么用依然很缺乏了解，紅色用的好則是兼大歡喜，用得不好要么會顯得俗氣和不干凈，或者會顯得頁面很壓抑很膩。

再一個紅色寓意紅紅火火嘛，我自己本身也愛紅色，所以呢，今天我干脆來講一下紅色在電商頁面設(shè)計中的運用好了噢！～

我先給大家列一個提綱：

1、紅色的釋義。

2、紅色在電商設(shè)計里的運用。

3、與紅色有關(guān)的常用色彩搭配有哪些？

4、當(dāng)紅色運用在不同的質(zhì)感紋理或形狀環(huán)境時會怎么樣？

接下來我們一條條來說吧，let’s go?。。　?/span>

1. 紅色的釋義

從性格色彩的層面來說，紅色代表熱情／熱鬧／刺激／欲望／奔放／喜慶／血腥暴力；

從顏色的層面來說，根據(jù)色相／明度／飽和度的不同紅色也分很多種紅啊，比如大紅／深紅／品紅／粉紅／棗紅／朱紅／橙紅／紫紅等等；

從作用的層面來說，紅色代表危險警示／突出強調(diào)／錯誤提醒／性刺激／公布喜訊等等；

2. 紅色在電商設(shè)計里的運用

正是因為紅色有以上的感官刺激作用，所以它常運用于一些要體現(xiàn)喜慶／熱鬧／激發(fā)別人欲望／或者要體現(xiàn)恐怖情緒的電商或海報設(shè)計里。同時紅色也常用來作為點綴色出現(xiàn)，以強調(diào)某個重要信息。

喜慶節(jié)日：

紅色代表喜慶熱鬧，所以常用在中國的各種喜慶的節(jié)日促銷電商頁面里，比如國慶／元旦／春節(jié)等重大節(jié)日，基本都是以紅色作為大背景主色。

比較大型或隆重喜慶的活動往往都會選擇大面的紅色：

但是也有比較克制的性冷淡的。。。即使是周年慶也只用一點點紅色意思一下。。比如網(wǎng)易嚴(yán)選這次的1周年慶活動頁設(shè)計，不過這跟網(wǎng)站自身的品牌調(diào)性有關(guān)啦（就像一個人的性格一樣，她本身只愿做個安安靜靜的美女子，又怎么會留戀塵世間的喧囂呢？）：

國外的喜慶節(jié)日：圣誕節(jié)

圣誕節(jié)當(dāng)然也是少不了紅色，而且還是紅配綠（不過每年都是看紅配綠也會視覺疲勞，所以很多設(shè)計師會通過加入一些其他顏色，或改變一下它們的明度／飽和度／純度，或采用不同的質(zhì)感紋理和表現(xiàn)手法給用戶多一些新鮮感，比如手繪／合成／手工／三維建模之類的表現(xiàn)形式）

公布喜訊：

一些專門用來發(fā)布喜慶消息的專題頁也愛用紅色，比如熱烈慶祝誰上市了／誰獲獎了／誰結(jié)婚了／誰喜得貴子了等等。。。（怕辣著大家的眼睛了，所以下面這張截圖你們看看就好。。。不要太過沉迷于它。。）

不過其實結(jié)婚之類喜訊也有很多人用浪漫紫色或蘿莉粉色，獲獎之類的專題頁，如果想要時尚震撼一點的話，很多人會用黑金的色彩搭配：

賣場促銷：

商場做促銷活動／電商平臺或店鋪做大促的時候，比如雙十一／雙12/815/618等。

體現(xiàn)時尚個性：

突出強調(diào)某個重要信息：

紅色常用來作為輔助色或點綴色，用來突出強調(diào)某個重要信息的，比如突出強調(diào)利益點／購買按鈕等信息：

如果產(chǎn)品本身就是紅色時：

其實任何類目任何產(chǎn)品都有紅色系列，比如／家電數(shù)碼／服飾鞋包／美妝護膚等，如果干脆將背景也弄成紅色與產(chǎn)品融為一體，會帶來非常強的視覺效果，而且不會覺得膩：

3. 與紅色有關(guān)的常用色彩搭配有哪些？

紅色是很熱烈的顏色，是暖色，也是一種百搭色，但并不是每個人都玩得好它，可它偏偏又是電商設(shè)計里用的為頻繁的一種顏色，那么今天我就給大家例舉一些常用的優(yōu)秀的紅色與其它顏色的搭配好了：

左邊是大面積的紅色搭配少許相近色或鄰近色顯得很高檔耐看；右邊是大面積的粉嫩色系搭配少于紅色和藍紫色，冷暖搭配，俏皮又耐看。

當(dāng)紅色與這種偏灰的漸變色搭配時，畫面立馬變得柔和清新脫俗起來。

也只有五彩斑斕的顏色才能壓得住紅色了。

紅色與藍白黑灰永遠(yuǎn)都是經(jīng)典搭配，既可以制造一種復(fù)古的感覺，也能給人一種冷靜與激情的相碰撞感覺。

紅色與青色或與綠色搭配，再加上一些俏皮的構(gòu)圖或點綴，會顯得畫面非常干凈清爽。

紅白黑搭配，時尚又經(jīng)典，不過要注意紅色的比例。

紅綠配米黃色，圣誕節(jié)常用配色，不過也會顯得有一點點年代感或復(fù)古的感覺，絕對不是現(xiàn)代時尚類型的配色。

在大面積的淺灰色里，只需要點綴少許紅色，就可以制造出一種靜謐又不顯單調(diào)的感覺了。

在一些比較俏皮的手繪畫面里，紅色既可以作為大面積背景色來包容五彩斑斕的多彩色，如左邊所示；也可以以非常小面積的點綴色出現(xiàn)，用來突出強調(diào)某個重要信息，比如價格?。纥c?。厥庹f明文字啊之類的。

無論你的背景是簡單還是復(fù)雜，當(dāng)紅色塊面積足夠大時，它依然會成為焦點。

大紅色及深色的結(jié)合搭配熒光色會有一種非常詭異個性的感覺。

番茄炒雞蛋的紅黃搭配容易給人一種復(fù)古溫暖的感覺，但為了畫面不至于太膩歪，好是搭配一點冷色或暗色比較好。

當(dāng)紅色運用在一些形狀的規(guī)則排列上時是很容易制造出簡介時尚感噠！～

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7218,0.html

上一篇：每一個Web開發(fā)者應(yīng)該有基本技能

下一篇：頂級SEO工具頁面上的網(wǎng)站優(yōu)化

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計
程序設(shè)
計研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評價

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個項目周期內(nèi)，云智互聯(lián)對待我們并不像是對待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個需求，再次感謝以至誠之心做事的云智互聯(lián)團隊。

潘濤
我是東方龍馬集團，在云智家做了2個企業(yè)官網(wǎng)，服務(wù)態(tài)度超級好。如果想做網(wǎng)站，選擇他家一定不后悔。性價比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運行方便，后臺操作的簡單。技術(shù)還會耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯的。

陳曦
不錯，價格比較合適，重點是響應(yīng)速度蠻快，有什么問題都會馬上給你解決，公司很滿意，因為他們都是針對每個項目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時。

張經(jīng)理