類似色

類似色相對于單色系可變化的范疇會大很多，但也是在主色調明確的情況下輔助添加類似色，這類配色方式在banner應用中還比較常見。是一種比較好掌控的配色方式。

補色系列

這里把互補色、單邊補色分割、補色分割三種情況一同來說，因為三者在大范疇內上下浮動，效果也頗為相似，并無特別明顯的區(qū)分。emart 在補色上的應用比較廣泛和嫻熟。主要還是因為整個網站調性很活潑，加之產品都屬于色彩明快的快消品類，色彩上的愉悅感更容易激起點擊欲望。

我們發(fā)現emart直接用互補色設計的案例并不多見，主要還是在補色分割范圍內的應用變化，這樣既能達到很好的視覺對比效果又能使畫面融合度較高。這里挑選了幾個補色系里面比較有代表性的搭配方式，整個畫面視覺配色上相當活躍，主產品很突出，是一種很贊的傳達方式。

多色搭配系列

這里把對比色、矩形分割、廣場分隔多顏色的搭配歸為一類來說。這三種跨度較大的配色方式，相對來說應用的比較少，不是很容易掌控，一般比較適合小面積的應用起到裝飾平衡作用。

純度與明度的把握

純度和明度的把握主要還看我們希望傳達出的整體視覺效果是怎樣的，根據產品調性、畫面效果來實際匹配才好。

輔助元素

emart網站banner在輔助圖形的應用上特別廣泛，一來增加畫面豐富性一來強化產品特性。主要是提取產品相關的元素進行圖形化，有小面積的純屬強化功能或增加趣味性的添加、也有大范圍的對產品紋樣或特性的延展。主要還是在產品特點基礎上進行提取。

在banner標簽應用的樣式上也很豐富，在類似樣式下所衍生出的演變很多，根據banner特點進行不同配色、時而實底、時而鏤空、或黑白搭配，演繹出很多可能性。

從上面三大塊的分析來看，emart在廣告設計上主要特點為

· 構圖大膽、主體突出、畫面延展性很強

· 配色活潑且有理有據

· 輔助元素點綴很到位、豐富而強化特點

關鍵點：開放、多元化、有自己的性格

我們該怎么做?

這是emart上出現的大部分家電banner圖，我們發(fā)現他們的顏色變化并不大，在藍和暖灰兩種之間用的比較多，一是由于產品本身以黑白色系為主，所能衍生出的顏色并不多，再者網站本身多顏色的產品和banner已經很多，穿插更為樸素的電器配色更容易被識別出來，符合產品性格。那我們在專門的自有商城網站上該如何把握配色呢?我認為是可以有所突破的。

我們的實際應用

· 大件冰箱、長方形造型，很難完整展示，為了突出質感選擇了放大上下兩個面同時展示，并且配上新鮮蔬果來強化產品特點且增加畫面活力。

· 空氣炸鍋，因為自身小巧，且特性明顯，決定用折線跳躍式的構圖方式來增加畫面活躍度，而雞翅炸物作為產品功能的強化進行點綴，背景配色和標簽配色分別和產品及食物的顏色對應。

· 除螨儀banner配色上用到了藍色的單邊互補色黃色形成強對比，而標簽則選擇了藍色的互補色，螨蟲的實物圖并不好看所以這里選擇了把它圖形化來表示增加場景化代入感。

圖一為常規(guī)擺放構圖，兩款產品，主要把重心集中在好看的那款產品上，加相應顏色感比較強的食物輔助。

圖二則是較為活潑的折線跳躍式構圖，這類構圖形式比較容易出效果，但是對于元素的提取和擺放需要多多斟酌下。

圖三則是完整展示+局部放大的方式，執(zhí)行步驟其實很簡單，主要看我們怎么去抓取他們的表現點，選到最適合產品性格的表現方式。

總結

很難說有一個絕對的應用規(guī)范或原則，所有的設計都應該是開放的，但設計分析讓我們有了更明確的思路和方法論來完善設計執(zhí)行，這里分享出來和大家一起學習。

PS：文中所針對的廣告圖主要是作為日常宣傳的以產品為主體的表現方式，大促及大型活動時候的設計不做過多參考，但在配色上的應用也是可以通用的。

最新評論