電商視覺營銷概述2023/1/6電商視覺營銷概述2022/12/291營銷視覺概述營銷視覺，主要考核的是點擊率點擊率直接影響賣家的生死！營銷視覺概述營銷視覺，主要考核的是點擊率2當消費者被各種廣告和促銷信息包圍，你如何讓你的廣告爭取到更多的點擊率？序言當消費者被各種廣告和促銷信息包圍，你如何讓你的廣告爭取到更多3

位置平均PV平均點擊平均點擊率

淘寶首頁第2輪播焦點圖（1/3）11,860,276157,5291.29%

3.49%0.28%點擊率點擊率以下廣告你會點擊那個？位置平均PV平均點擊平均點擊率淘寶首頁第2441萬次點擊單位點擊成本0.24元3.3萬次點擊單位點擊成本3.03元以2%的轉化率，每單50元利潤計算，去除廣告成本10萬盈利31萬以2%的轉化率，每單50元利潤計算，去除廣告成本10萬虧損6.7萬TIP:首頁焦點圖平均15萬次點擊，按以上系數可盈利5萬設計的好壞決定了點擊率的多少，直接影響廣告盈虧41萬次點擊單位點擊成本0.24元3.3萬次點擊單位點擊51688919092點擊量點擊量首頁焦點2首頁一屏B點擊成本1.65元點擊成本5.01元排除不同品類和不同品牌的差異，我們來看看同一個品牌由于設計不同帶來的不同結果。1688919092點擊量點擊量首頁焦點2首頁一屏B點擊成本6眼球落在哪里？眼球落在哪里？7電商視覺營銷概述課件8眼球？賣點？信息？眼球賣點賣點信息信息眼球？賣點？信息？眼球賣點賣點信息信息9電商視覺營銷概述課件10眼球信息眼球信息11有問題嗎？有問題嗎？12電商視覺營銷概述課件13電商視覺營銷概述課件14電商視覺營銷概述課件15電商視覺營銷概述課件16電商視覺營銷概述課件17為什么同樣一個位置每個廣告的

點擊率會差數十倍呢？Why?為什么同一個品牌的點擊效果也不盡相同呢？因為促銷廣告設計有著非常強的規(guī)律性，那些點擊率高的正式嚴格的遵從了這些規(guī)律為什么同樣一個位置每個廣告的Why?為什么同一個品牌18一張推廣圖應該包含什么樣的賣點？

這兩張圖片，哪一張的點擊率會高一點呢？一張推廣圖應該包含什么樣的賣點？

這兩張圖片，哪一張的點擊率19那張推廣圖的點擊率高于行業(yè)標準3倍?？赡苡腥藭枮槭裁?，兩張圖片不是都很有賣點嗎？是的，確實是這樣，兩張圖片都很有賣點但是左邊這張圖因為賣點太多，反而過于混亂，無法讓買家一目了然右邊這張圖片雖然賣點單一，但是將防噪音這個賣點重點突出，很清晰。對比之下，買家會很清楚地知道右邊這件商品的最大特點是什么，他能夠給我的生活帶來什么改變。那張推廣圖的點擊率高于行業(yè)標準3倍。20怎么單獨設計無線端推廣圖？

這兩張圖片，哪一張的點擊率會高一點呢？怎么單獨設計無線端推廣圖？

這兩張圖片，哪一張的點擊率會高一21上圖左邊的這張圖片，最大特點是將推廣圖做成詳情頁的形式，這是很好的一個創(chuàng)新，因為手機端屏幕小，所以很多買家通常都懶得去看產品詳情頁，大多數是在手機上搜索商品，看哪張圖片做得漂亮，做得好看，就點擊進去，大概看看就付款了。在這種情境下，如果我們能夠將詳情頁搬到推廣圖上，那么不管是點擊率還是轉化率，或許都可以翻幾番。至于右邊這張圖片，可能在電腦上看不出來什么特點，但如果將圖片搬到手機上，就可以很清晰地看出這張圖片的亮點了。第一，產品清晰，第二，賣點突出，超薄透氣送抱枕+毛毯。這樣一張推廣圖放在無線端，點擊率肯定飆升。上圖左邊的這張圖片，最大特點是將推廣圖做成詳情頁的形式，這是22促銷廣告設計的共同標準是：5.2促銷廣告設計的標準1.主題突出3.目標明確4.形式美觀通過反向解讀，可以看到2.風格統一促銷廣告設計的共同標準是：5.2促銷廣告設計的標準1.主題23盡管看起來千差萬別，但內在規(guī)律卻很一致盡管看起來千差萬別，但內在規(guī)律卻很一致24促銷的過程就像一次陳述，我們必須有一個明確的主題，所有的元素都必須圍繞著這個主題展開。促銷的主題一般是價格，折扣和其他促銷內容本身，所以這個信息應該是放在視覺焦點上的，被突出和放大的元素。效果優(yōu)秀促銷廣告>二、促銷廣告設計的方法——1.主題突出第一主題促銷的過程就像一次陳述，我們必須有一個明確的主題，所有的元素25人本能會先看人臉！

是吸引目光的手段突出的折扣信息，作為第一層級信息被強化產品信息是第二層級輔助信息為第三層級暗示信息

為第四層級陳述的過程是分層次展開的，和語言的邏輯一樣，設計的邏輯也是按層次結構展開的：二、促銷廣告設計的方法——1.主題突出信息傳達的層次結構人本能會先看人臉！

是吸引目光的手段突出的折扣信息，作為第一26更大的面積，更粗的字體和高對比色是基本的強化手段過修飾的形式會減弱傳達，過多細節(jié)會對主題造成干擾通過形式強化主題，形式不可大于內容二、促銷廣告設計的方法——1.主題突出更大的面積，更粗的字體和高對比色是基本的強化手段過修飾的形式27同等級別的多主題表達，形式感要保持一致。這樣讓閱讀者容易找到規(guī)律，把多條信息一次獲取。不同等級別的多主題表達，要分清主次關系，把次要信息降到第二層級，避免平均非配造成的主要信息弱化。二、促銷廣告設計的方法——1.主題突出多主題的組合表現同等級別的多主題表達，形式感要保持一致。這樣讓閱讀者容易找到28面向白領的職業(yè)裝，字體色彩都莊重和貴氣面向女生羽絨服，字體色彩都活潑可愛二、促銷廣告設計的方法——2.目標明確目標人群的審美特征面向白領的職業(yè)裝，字體色彩都莊重和貴氣面向女生羽絨服，字體色29模特應與目標人群特征吻合，也要和產品特點吻合二、促銷廣告設計的方法——2.目標明確目標人群的審美特征TIP:投射效應，讓消費者把自己想象成畫面上的模特模特應與目標人群特征吻合，也要和產品特點吻合二、促銷廣告設計30飽和度對比色彩基調產生色彩情感，而色彩對比增加畫面空間感。（溫和的）冷暖對比襯底色塊是最簡單的明度對比方式色彩呼應和統一二、促銷廣告設計的方法——3.形式美觀——色彩TIP:簡單的控制色彩的方法是用色不超過3種，并按照6：3：1的比例配置飽和度對比色彩基調產生色彩情感，而色彩對比增加畫面空間感。（31字體大小粗細相當于音強

字體越大相當于聲音越大字體的形式相當于音色男低音還是女高音巧妙的字體組合可以制造和弦二、促銷廣告設計的方法——3.形式美觀——字體字體和語音的比喻字體大小粗細相當于音強

字體越大相當于聲音越大字體的形式相當32簡潔明快的標簽更加醒目增加文化暗示的標簽，對品牌提到提示作用二、促銷廣告設計的方法——3.形式美觀——標簽簡潔明快的標簽更加醒目增加文化暗示的標簽，對品牌提到提示作用33就像兔子在狗面前奔跑會勾起狗的狩獵天性一樣，明確的按鈕和箭頭都會對買家產生不可低估的心理暗示二、促銷廣告設計的方法——3.形式美觀——引導就像兔子在狗面前奔跑會勾起狗的狩獵天性一樣，明確的按鈕和箭頭34增加了光影細節(jié)后畫面顯得飽滿了些增加了底紋和燈光效果，畫面變得豐富生動二、促銷廣告設計的方法——3.形式美觀——氣氛氣氛的塑造依賴于細節(jié)TIP:請記住設計大師米斯·范·多·羅的名言：“上帝在細節(jié)之中”增加了光影細節(jié)后畫面顯得飽滿了些增加了底紋和燈光效果，畫面變35大小對比虛實對比二、促銷廣告設計的方法——3.形式美觀——對比和夸張大小對比虛實對比二、促銷廣告設計的方法——3.形式美觀——對36過多的元素產生的干擾二、促銷廣告設計的方法——3.形式美觀——取舍TIP:任何的創(chuàng)意過程都是先做加法在做減法的過程；能否“舍”決定了能否“得”過多的元素產生的干擾二、促銷廣告設計的方法——3.形式美觀—37二、促銷廣告設計的方法——3.形式美觀——修圖修圖的第一步是調整整體色溫和重新取景以突出重點二、促銷廣告設計的方法——3.形式美觀——修圖修圖的第一步是38光澤陰影背光二、促銷廣告設計的方法——3.形式美觀——修圖光影是修片必須考慮的要素；圖片合成過程中一定要注意光的方向和色溫。光澤陰影背光二、促銷廣告設計的方法——3.形式美觀——修圖光39退底羽化不夠造成的邊緣僵化退底羽化過度造成的相互滲透二、促銷廣告設計的方法——3.形式美觀——修圖退底羽化不夠造成的邊緣僵化退底羽化過度造成的相互滲透二、促銷40新手常犯的倒影錯誤正確的倒影，增加細節(jié)和品質感二、促銷廣告設計的方法——3.形式美觀——修圖新手常犯的倒影錯誤正確的倒影，增加細節(jié)和品質感二、促銷廣告設41取得左右平衡的增加砝碼二、促銷廣告設計的方法——3.形式美觀——構圖平衡——畫面的平衡感取決于各元素“視覺重量”TIP:關于平衡的心理機制請參閱里格爾的名著《秩序感》取得左右平衡的增加砝碼二、促銷廣告設計的方法——3.形式美觀42同方向的鞋子產生動態(tài)勢能傾斜放置的包包產生靜態(tài)勢能二、促銷廣告設計的方法——3.形式美觀——構圖勢能——是對平衡的有意識破壞，以增加注意力同方向的鞋子產生動態(tài)勢能傾斜放置的包包產生靜態(tài)勢能二、促銷廣43把關聯性高的信息組合在一起成為集群，便于信息傳達，應避免主要信息分散布局二、促銷廣告設計的方法——3.形式美觀——構圖集群——人們總是把位置靠的近的看成一體的把關聯性高的信息組合在一起成為集群，便于信息傳達，應避免主要44電商視覺營銷概述2023/1/6電商視覺營銷概述2022/12/2945營銷視覺概述營銷視覺，主要考核的是點擊率點擊率直接影響賣家的生死！營銷視覺概述營銷視覺，主要考核的是點擊率46當消費者被各種廣告和促銷信息包圍，你如何讓你的廣告爭取到更多的點擊率？序言當消費者被各種廣告和促銷信息包圍，你如何讓你的廣告爭取到更多47

位置平均PV平均點擊平均點擊率

淘寶首頁第2輪播焦點圖（1/3）11,860,276157,5291.29%

3.49%0.28%點擊率點擊率以下廣告你會點擊那個？位置平均PV平均點擊平均點擊率淘寶首頁第24841萬次點擊單位點擊成本0.24元3.3萬次點擊單位點擊成本3.03元以2%的轉化率，每單50元利潤計算，去除廣告成本10萬盈利31萬以2%的轉化率，每單50元利潤計算，去除廣告成本10萬虧損6.7萬TIP:首頁焦點圖平均15萬次點擊，按以上系數可盈利5萬設計的好壞決定了點擊率的多少，直接影響廣告盈虧41萬次點擊單位點擊成本0.24元3.3萬次點擊單位點擊491688919092點擊量點擊量首頁焦點2首頁一屏B點擊成本1.65元點擊成本5.01元排除不同品類和不同品牌的差異，我們來看看同一個品牌由于設計不同帶來的不同結果。1688919092點擊量點擊量首頁焦點2首頁一屏B點擊成本50眼球落在哪里？眼球落在哪里？51電商視覺營銷概述課件52眼球？賣點？信息？眼球賣點賣點信息信息眼球？賣點？信息？眼球賣點賣點信息信息53電商視覺營銷概述課件54眼球信息眼球信息55有問題嗎？有問題嗎？56電商視覺營銷概述課件57電商視覺營銷概述課件58電商視覺營銷概述課件59電商視覺營銷概述課件60電商視覺營銷概述課件61為什么同樣一個位置每個廣告的

點擊率會差數十倍呢？Why?為什么同一個品牌的點擊效果也不盡相同呢？因為促銷廣告設計有著非常強的規(guī)律性，那些點擊率高的正式嚴格的遵從了這些規(guī)律為什么同樣一個位置每個廣告的Why?為什么同一個品牌62一張推廣圖應該包含什么樣的賣點？

這兩張圖片，哪一張的點擊率會高一點呢？一張推廣圖應該包含什么樣的賣點？

這兩張圖片，哪一張的點擊率63那張推廣圖的點擊率高于行業(yè)標準3倍?？赡苡腥藭枮槭裁矗瑑蓮垐D片不是都很有賣點嗎？是的，確實是這樣，兩張圖片都很有賣點但是左邊這張圖因為賣點太多，反而過于混亂，無法讓買家一目了然右邊這張圖片雖然賣點單一，但是將防噪音這個賣點重點突出，很清晰。對比之下，買家會很清楚地知道右邊這件商品的最大特點是什么，他能夠給我的生活帶來什么改變。那張推廣圖的點擊率高于行業(yè)標準3倍。64怎么單獨設計無線端推廣圖？

這兩張圖片，哪一張的點擊率會高一點呢？怎么單獨設計無線端推廣圖？

這兩張圖片，哪一張的點擊率會高一65上圖左邊的這張圖片，最大特點是將推廣圖做成詳情頁的形式，這是很好的一個創(chuàng)新，因為手機端屏幕小，所以很多買家通常都懶得去看產品詳情頁，大多數是在手機上搜索商品，看哪張圖片做得漂亮，做得好看，就點擊進去，大概看看就付款了。在這種情境下，如果我們能夠將詳情頁搬到推廣圖上，那么不管是點擊率還是轉化率，或許都可以翻幾番。至于右邊這張圖片，可能在電腦上看不出來什么特點，但如果將圖片搬到手機上，就可以很清晰地看出這張圖片的亮點了。第一，產品清晰，第二，賣點突出，超薄透氣送抱枕+毛毯。這樣一張推廣圖放在無線端，點擊率肯定飆升。上圖左邊的這張圖片，最大特點是將推廣圖做成詳情頁的形式，這是66促銷廣告設計的共同標準是：5.2促銷廣告設計的標準1.主題突出3.目標明確4.形式美觀通過反向解讀，可以看到2.風格統一促銷廣告設計的共同標準是：5.2促銷廣告設計的標準1.主題67盡管看起來千差萬別，但內在規(guī)律卻很一致盡管看起來千差萬別，但內在規(guī)律卻很一致68促銷的過程就像一次陳述，我們必須有一個明確的主題，所有的元素都必須圍繞著這個主題展開。促銷的主題一般是價格，折扣和其他促銷內容本身，所以這個信息應該是放在視覺焦點上的，被突出和放大的元素。效果優(yōu)秀促銷廣告>二、促銷廣告設計的方法——1.主題突出第一主題促銷的過程就像一次陳述，我們必須有一個明確的主題，所有的元素69人本能會先看人臉！

是吸引目光的手段突出的折扣信息，作為第一層級信息被強化產品信息是第二層級輔助信息為第三層級暗示信息

為第四層級陳述的過程是分層次展開的，和語言的邏輯一樣，設計的邏輯也是按層次結構展開的：二、促銷廣告設計的方法——1.主題突出信息傳達的層次結構人本能會先看人臉！

是吸引目光的手段突出的折扣信息，作為第一70更大的面積，更粗的字體和高對比色是基本的強化手段過修飾的形式會減弱傳達，過多細節(jié)會對主題造成干擾通過形式強化主題，形式不可大于內容二、促銷廣告設計的方法——1.主題突出更大的面積，更粗的字體和高對比色是基本的強化手段過修飾的形式71同等級別的多主題表達，形式感要保持一致。這樣讓閱讀者容易找到規(guī)律，把多條信息一次獲取。不同等級別的多主題表達，要分清主次關系，把次要信息降到第二層級，避免平均非配造成的主要信息弱化。二、促銷廣告設計的方法——1.主題突出多主題的組合表現同等級別的多主題表達，形式感要保持一致。這樣讓閱讀者容易找到72面向白領的職業(yè)裝，字體色彩都莊重和貴氣面向女生羽絨服，字體色彩都活潑可愛二、促銷廣告設計的方法——2.目標明確目標人群的審美特征面向白領的職業(yè)裝，字體色彩都莊重和貴氣面向女生羽絨服，字體色73模特應與目標人群特征吻合，也要和產品特點吻合二、促銷廣告設計的方法——2.目標明確目標人群的審美特征TIP:投射效應，讓消費者把自己想象成畫面上的模特模特應與目標人群特征吻合，也要和產品特點吻合二、促銷廣告設計74飽和度對比色彩基調產生色彩情感，而色彩對比增加畫面空間感。（溫和的）冷暖對比襯底色塊是最簡單的明度對比方式色彩呼應和統一二、促銷廣告設計的方法——3.形式美觀——色彩TIP:簡單的控制色彩的方法是用色不超過3種，并按照6：3：1的比例配置飽和度對比色彩基調產生色彩情感，而色彩對比增加畫面空間感。（75字體大小粗細相當于音強

字體越大相當于聲音越大字體的形式相當于音色男低音還是女高音巧妙的字體組合可以制造和弦二、促銷廣告設計的方法——3.形式美觀——字體字體和語音的比喻字體大小粗細相當于音強

字體越大相當于聲音越大字體的形式相當76簡潔明快的標簽更加醒目增加文化暗示的標簽，對品牌提到提示作用二、促銷廣告設計的方法——3.形式美觀——標簽簡潔明快的標簽更加醒目增加文化暗示的標簽，對品牌提到提示作用77就像兔子在狗面前奔跑會勾起狗的狩獵天性一樣，明確的按鈕和箭頭都會對買家產生不可低估的心理暗示二、促銷廣告設計的方法——3.形式美觀——引導就像兔子在狗面前奔跑會勾起狗的狩獵天性一樣，明確的按鈕和箭頭78增加了光影細節(jié)后畫面顯得飽滿了些增加了底紋和燈光效果，畫面變得豐富生動二、促銷廣告設計的方法——3.形式美觀——氣氛氣氛的塑造依賴于細節(jié)TIP:請記住設計大師米斯·范·多·羅的名言：“上帝在細節(jié)之中”增加了光影細節(jié)后畫面顯得飽滿了些增加了底紋和燈光效果，畫面變79大小對比虛實對比二、促銷廣告設計的方法——3.形式美觀——對比和夸張大小對比虛實對比二、促銷廣告設計的