發(fā)布時間:2024-01-23 13:51:46 瀏覽量:233次
寫在前面
不知道大家有沒有發(fā)現(xiàn)一個規(guī)律和現(xiàn)象,就是國內(nèi)無論是綜合電商平臺還是垂直型的電商平臺亦或是導購平臺的品牌色一般都是紅色系或暖色系的,而紅色占了大邊天,其次是偏女性化的玫紅色/粉色,再或則是橙色黃色等,我挑選了一些電商平臺的品牌logo給大家看下:
同時,在一些大型的活動專題頁設計里,紅色也應該算是電商設計里運用的最為廣泛的一種顏色了,但其實很多人對紅色該在什么時候用,或者該怎么用依然很缺乏了解,紅色用的好則是兼大歡喜,用得不好要么會顯得俗氣和不干凈,或者會顯得頁面很壓抑很膩。
再一個紅色寓意紅紅火火嘛,我自己本身也最愛紅色,所以呢,今天我干脆來講一下紅色在電商頁面設計中的運用好了噢!~
我先給大家列一個提綱:
1、紅色的釋義。
2、紅色在電商設計里的運用。
3、與紅色有關(guān)的常用色彩搭配有哪些?
4、當紅色運用在不同的質(zhì)感紋理或形狀環(huán)境時會怎么樣?
5、紅色的使用禁忌或注意事項有哪些?
接下來我們一條條來說吧,let’s go?。?!~
1、紅色的釋義。
從性格色彩的層面來說,紅色代表熱情/熱鬧/刺激/欲望/奔放/喜慶/血腥暴力;
從顏色的層面來說,根據(jù)色相/明度/飽和度的不同紅色也分很多種紅啊,比如大紅/深紅/品紅/粉紅/棗紅/朱紅/橙紅/紫紅等等;
從作用的層面來說,紅色代表危險警示/突出強調(diào)/錯誤提醒/性刺激/公布喜訊等等;
2、紅色在電商設計里的運用。
正是因為紅色有以上的感官刺激作用,所以它常運用于一些要體現(xiàn)喜慶/熱鬧/激發(fā)別人欲望/或者要體現(xiàn)恐怖情緒的電商或海報設計里。同時紅色也常用來作為點綴色出現(xiàn),以強調(diào)某個重要信息。
喜慶節(jié)日:
紅色代表喜慶熱鬧,所以常用在中國的各種喜慶的節(jié)日促銷電商頁面里,比如國慶/元旦/春節(jié)等重大節(jié)日,基本都是以紅色作為大背景主色。
比較大型或隆重喜慶的活動往往都會選擇大面的紅色:
但是也有比較克制的性冷淡的。。。即使是周年慶也只用一點點紅色意思一下。。比如網(wǎng)易嚴選這次的1周年慶活動頁設計,不過這跟網(wǎng)站自身的品牌調(diào)性有關(guān)啦(就像一個人的性格一樣,她本身只愿做個安安靜靜的美女子,又怎么會留戀塵世間的喧囂呢?):
國外的喜慶節(jié)日:圣誕節(jié)
圣誕節(jié)當然也是少不了紅色,而且還是紅配綠(不過每年都是看紅配綠也會視覺疲勞,所以很多設計師會通過加入一些其他顏色,或改變一下它們的明度/飽和度/純度,或采用不同的質(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)的常用色彩搭配有哪些?
紅色是很熱烈的顏色,是暖色,也是一種百搭色,但并不是每個人都玩得好它,可它偏偏又是電商設計里用的最為頻繁的一種顏色,那么今天我就給大家例舉一些常用的優(yōu)秀的紅色與其它顏色的搭配好了:
左邊是大面積的紅色搭配少許相近色或鄰近色顯得很高檔耐看;右邊是大面積的粉嫩色系搭配少于紅色和藍紫色,冷暖搭配,俏皮又耐看。
當紅色與這種偏灰的漸變色搭配時,畫面立馬變得柔和清新脫俗起來。
也只有五彩斑斕的顏色才能壓得住紅色了。
紅色與藍白黑灰永遠都是經(jīng)典搭配,既可以制造一種復古的感覺,也能給人一種冷靜與激情的相碰撞感覺。
紅色與青色或與綠色搭配,再加上一些俏皮的構(gòu)圖或點綴,會顯得畫面非常干凈清爽。
紅白黑搭配,時尚又經(jīng)典,不過要注意紅色的比例。
紅綠配米黃色,圣誕節(jié)常用配色,不過也會顯得有一點點年代感或復古的感覺,絕對不是現(xiàn)代時尚類型的配色。
在大面積的淺灰色里,只需要點綴少許紅色,就可以制造出一種靜謐又不顯單調(diào)的感覺了。
在一些比較俏皮的手繪畫面里,紅色既可以作為大面積背景色來包容五彩斑斕的多彩色,如左邊所示;也可以以非常小面積的點綴色出現(xiàn),用來突出強調(diào)某個重要信息,比如價格啊/利益點?。厥庹f明文字啊之類的。
無論你的背景是簡單還是復雜,當紅色塊面積足夠大時,它依然會成為焦點。
大紅色及深色的結(jié)合搭配熒光色會有一種非常詭異個性的感覺。
番茄炒雞蛋的紅黃搭配容易給人一種復古溫暖的感覺,但為了畫面不至于太膩歪,最好是搭配一點冷色或暗色比較好。
當紅色運用在一些形狀的規(guī)則排列上時是很容易制造出簡介時尚感噠!~
以上我們關(guān)于電商設計里使用最為頻繁的紅色的配色技巧和注意事項我就給大家就講到這里啦,大家學到了嗎?下期更精彩哦
熱門資訊
1. iPhone6的UI設計尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設計的尺寸規(guī)范嗎?這里為您詳細介紹iPhone6的UI設計尺寸規(guī)范,包括界面尺寸、圖標尺寸、可點擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個絕佳的UI設計網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設計網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學習新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設計師的...
3. 移動端UI設計中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設計中的閃屏頁、引導頁、浮層引導頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設計的基本知識
4. 10個免費學習UI設計的網(wǎng)站 提升你的設計能力
怎樣可以提升你的UI設計能力!第一個:站酷站酷想必是設計師都知道的一個網(wǎng)站,里面不止有UI設計的資源,還有其他設計的,不如:平面設計、網(wǎng)頁設計、字體...
在移動端設計中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設計能夠讓用戶輕松地獲取信息并產(chǎn)生點擊欲望,從而提高點擊率。本文將為你...
對于想要提高自己的設計能力和創(chuàng)造力的小白和UI設計師來說,這本書是一個很好的選擇。4.《設計的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
探索零基礎UI設計培訓的時長與薪資前景。了解數(shù)字藝術(shù)教育領域的專業(yè)課程,以及培訓后的職業(yè)發(fā)展機會。
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
9. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
10. 武漢UI設計培訓班費用怎么樣?想學UI設計要多少錢?
想了解武漢UI設計培訓班的費用是多少嗎?不知道學UI設計要花多少錢?不妨看看這篇文章,了解UI設計培訓班的學費價格以及學習內(nèi)容。
最新文章
同學您好!