火星網(wǎng)校
設計師告訴你:為什么紅色在電商中運用如此廣泛
發(fā)布時間：2024-09-04 17:26:24 瀏覽量：314次
當你拿著手機，準備打開購物APP時，你看到的不是這樣：
電商app
忍不住會好奇，為什么這些電商APP大部分都是紅色系？
美國數(shù)字營銷公司曾做過這樣一件事，它做了兩個內容、排版完全一樣的測試頁面，唯一不同的就是引導按鈕的顏色，一個是紅色，一個是綠色。這用來測試不同顏色對用戶點擊轉化率的影響，結果發(fā)現(xiàn)在超過2000人次的樣本測試中，紅色按鈕的點擊率比綠色按鈕高出了21%，為什么會這樣？
在用戶的視覺感覺中，紅色會更加突出，更容易讓他們采取行動，像紅色、橙色和黃色這樣的暖色調，它們充滿活力，令人振奮，讓人更有購買欲望，這樣的色調符合電商平臺想要傳遞給消費者“買買買”的心里暗示，才能占據(jù)消費者心智。
紅色在電商的運用相當廣泛，不僅局限在電商APP的圖標上，在一些大型的活動專題頁，以及一些產(chǎn)品詳情頁的設計里，紅色都應該算是電商設計里運用得比較廣泛的一種顏色了。
很多人對紅色該在什么時候用，或者該怎么用依然很缺乏了解，那么，紅色什么時候在電商設計的頁面中運用比較合適？
1、官方大促
每年電商平臺都會有各種大促活動，例如雙11、雙12、618年中大促等大型的促銷活動，這些大促都會采用高飽和，偏暖的色調來營造熱鬧的大促氣氛，紅色就成為了平臺大促的首選顏色。
網(wǎng)絡
2、喜慶節(jié)日
紅色代表喜慶熱鬧，所以紅色常用在各種喜慶的節(jié)日促銷頁面里，比如國慶、元旦、春節(jié)、圣誕節(jié)等重大節(jié)日，基本都是以紅色作為主色調。
網(wǎng)絡
3、品牌活動促銷
例如周年慶、新品發(fā)布等情況，這一類的專題頁也喜歡用紅色來渲染促銷氣氛。
網(wǎng)絡
4、體現(xiàn)個性
當紅色并不是主色調時，它往往是為了配合其他顏色，來突出產(chǎn)品，烘托主題氛圍。
網(wǎng)絡
5、突出某個重要信息
紅色也常用來作為輔助色或點綴色出現(xiàn)，以強調某個重要信息用，突出頁面中需要強調的利益點，也可用作購買類指示性按鈕，引導消費者進行點擊購物。
網(wǎng)絡
6、配合產(chǎn)品調性
品牌中產(chǎn)品的包裝色彩為紅色，或者品牌的主色調為紅色的情況下，大部分頁面設計也會用紅色為主色調，意在通過色彩來強化產(chǎn)品，加深產(chǎn)品或品牌的調性定位。
我們通過上述的不同案例，了解了紅色在電商頁面設計中的常見出現(xiàn)方式，那么在完成頁面設計以后，對頁面整體的配色不滿意，但又不知道如何分析配色中出現(xiàn)的問題，那該怎么辦呢？應該尋求什么方法來完善自己的設計呢？
紅色，用的好則是兼大歡喜，用得不好要么顯得俗氣和不干凈，或者顯得頁面很壓抑、很膩，究其原因，是因為他們的明度、飽和度、純度沒有把握好，才會出現(xiàn)畫面太刺眼，或者太臟、太暗，讓人失去了繼續(xù)看下去的欲望。
一位大神曾經(jīng)說過，任何顏色他都能輕松駕馭，是的，那是一個高的層面，大家都在正在努力靠近。
配色并不是數(shù)學，沒有固定的方程式，沒有固定的套用模式。但配色的搭配與運用也需要建立在基礎的理論知識上，加上對顏色的一個總體把控與經(jīng)驗掌握。多輪多大學曾經(jīng)在“關于人們如何使用Adobe Color CC”的研究報告上指出，大多數(shù)人更傾向于2-3中色彩的簡單色彩組合。
那紅色可以怎樣搭配其他顏色呢？下面為大家總結了幾點小技巧：
單色，是比較容易的配色方案，因為每種色彩取自相同的基色，單色的色彩能很好的結合在一起，產(chǎn)生和諧的效果。
通過顏色模式的選取，來把控顏色
在我們常用的軟件里，顏色模式為：HSB、RGB、CMYK、Lab、位圖、灰度、索引、雙色調、多通道…
部分的顏色模式能在顏色的拾色器上直觀的體現(xiàn)出來：
這是我們熟悉Photoshop的拾色器窗口面板
HSB模式是我常用的顏色選取模式。
H代表：色相 S代表：飽和度 B代表：明度
H共360度，一度為一個色相：
S為飽和度，可調節(jié)范圍為0%-100%，數(shù)值越高飽和度越高：
B為明度，可調節(jié)范圍為0%-100%，數(shù)值越高明度越高：
我們來觀察一下數(shù)值變化，他們之間有何差異：
飽和度降低
明度降低
熱門課程推薦
熱門資訊
-
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ù)字藝術教育領域的專業(yè)課程，以及培訓后的職業(yè)發(fā)展機會。
-
8. 物聯(lián)網(wǎng)APP UI設計:創(chuàng)造智能硬件領域的沉浸式體驗
ui設計應該讓用戶一目了然,能夠快速找到所需的信息和功能。在設計過程中,應盡量使用簡潔的圖標、文字和色彩,避免過多的視覺干擾。符合用戶習慣:ui設...
-
想了解武漢UI設計培訓班的費用是多少嗎？不知道學UI設計要花多少錢？不妨看看這篇文章，了解UI設計培訓班的學費價格以及學習內容。
-
10. 設計中的色彩心理學:淺析中西方色彩的歷史演變與設計應用
摘要:本文探討了色彩的歷史演變和設計應用。通過對色彩在早期文明社會中的實用運用、不同文化背景下色彩觀念的差異、色彩在設計中的重要性以及新興技...
