電商設計電子課件

第3章營銷推廣圖設計本章介紹：營銷推廣圖片的設計是電商設計師需要完成的重要工作任務，它通常包括主圖、直通車圖和鉆展圖的設計。精心設計的營銷推廣圖，能夠令商品提升點擊率、促進轉化率。本章針對商品營銷推廣圖的主圖設計、直通車圖設計以及鉆展圖設計等基礎知識進行系統(tǒng)講解，并針對流行風格與典型行業(yè)的營銷推廣圖進行設計演練。通過本章的學習，讀者可以對商品營銷推廣圖片的設計有一個系統(tǒng)的認識，并快速掌握營銷推廣圖的設計規(guī)范和制作方法，為接下來的PC端海報設計打下基礎。了解主圖的基本概念了解直通車圖的基本概念了解鉆展圖的基本概念學習目標主圖的基本概念主圖的設計尺寸主圖的設計方法課堂案例-嘉興肉粽主圖設計3.1主圖設計3.1.1主圖的基本概念主圖展示圖主圖即商品的展示圖，是用于體現(xiàn)商品特色的視覺圖。商品主圖最多可以有5張，最少必須有1張。這些主圖通常位于詳情頁，而第一張主圖還會位于搜索頁，因此需要網店美工進行重點設計。主圖的設計尺寸分為兩種，一種是正主圖，尺寸為800像素×800像素，另一種是配合主圖視頻方便移動端觀看的豎圖，尺寸為750像素×1000像素，另外主圖的大小必須控制在500KB以內。3.1.2主圖的設計尺寸主圖尺寸效果圖1.文字層級網店美工在進行主圖設計時，需要明確文字層級，通常會進行三種層級的設計，第一層體現(xiàn)品牌形象。品牌形象通常會以網店的Logo的形式體現(xiàn)，既可以加深消費者印象又可以防止盜圖。第二層提煉商品賣點。商品賣點主要體現(xiàn)商品優(yōu)勢，可以是商品的款式、功能和材質上的優(yōu)勢，也可以是商品的價格上的優(yōu)勢，從而直接打動消費者。第三層展示銷售活動。銷售活動主要以“限時搶購”等促銷文案給予消費者“不買就錯過”的緊迫感，設計時要盡量簡短、有力、清晰。3.1.3主圖的設計方法2.背景設計主圖的背景通常以圖片場景和純色背景為主，圖片場景大部分使用的是生活類場景，可以令消費者產生代入感，純色背景需要使用干凈的顏色，不建議使用大量包和度高的顏色，這樣可以起到烘托商品的作用。3.1.3主圖的設計方法Haier主圖效果圖使用“置入嵌入對象”命令置入圖片，使用“橫排文字”工具添加文字，使用“添加圖層樣式”命令為圖像添加效果，使用“矩形”工具、“圓角矩形”工具繪制基本形狀，使用“創(chuàng)建剪貼蒙版”命令調整圖片顯示區(qū)域。3.1.4課堂案例-嘉興肉粽主圖設計嘉興肉粽主圖設計直通車圖的基本概念直通車圖的設計尺寸直通圖的設計方法課堂案例-洗衣機直通圖設計3.2直通車圖設計直通車是幫助商家實現(xiàn)商品精準推廣的有效推廣方式。通過直通車推廣，商品可以被推送給潛在消費者，從而產生巨大的商品點擊率，進而提升商品轉換率。直通車圖視覺效果的好壞在很大程度上影響著店鋪的關注度和商品的點擊率。下面分別從直通車圖的基本概念、設計尺寸以及設計方法三個方面進行講解，幫助電商設計師掌握直通車圖的設計方法。3.2直通車圖設計（1）搜索頁直通車展位：這類展位是位于提示有“掌柜熱賣”的1-3位展示位、右側的16個豎向展示位和底部的5個橫向展示位。3.2.1直通車圖的基本概念搜索頁直通車展位（2）消費者必經的其他高關注、高流量直通車展位：這類展位是位于首頁下方的“猜我喜歡”展示位、“我的淘寶”頁面中的購物車下方展示位、“我的淘寶”里“已買到的寶貝”頁面中下方的“熱賣單品”展示位、收藏夾頁面底部的展示位和阿里旺旺PC端的“每日掌柜熱賣”展示位。3.2.1直通車圖的基本概念高流量直通車展位3.2.2直通車圖的設計尺寸直通車圖直通車圖的設計尺寸和主圖一樣分為兩種，一種是常規(guī)直通車圖，尺寸為800×800像素，另一種是方便移動端觀看的豎圖，尺寸為750像素×1000像素。3.2.3直通圖的設計方法產品文字內容1.文字內容在進行直通車圖設計時，為了提高點擊率，需要對文字內容進行提煉設計。例如，低價商品需要強調商品的價格和活動，中高端商品需要強調出商品的品質、銷量以及效果，大牌商品則需要強調出商品自身的品牌形象。2.特殊手法直通車圖雖然是商家通過付費進行推廣，但商品之間依然存在著強烈的競爭。因此網店美工可以通過一些特殊手法令設計的直通車圖在眾多圖片中脫穎而出。例如，運用獨特的商品拍攝、直接夸張的文案和精美的商品搭配等方法令直通車圖可以快速吸引消費者。需要注意的是，若商品本身的款式吸引力足夠強，則只需要少量文字和干凈的背景以此凸顯商品的品質感，更能吸引消費者。3.2.3按鈕控件的規(guī)則使用“置入嵌入對象”命令置入圖片，使用“橫排文字”工具添加文字，使用“添加圖層樣式”命令為圖形添加效果，使用“圓角矩形”工具、“矩形”工具、“多邊形”工具繪制基本形狀。3.2.4課堂案例-洗衣機直通圖設計按鈕寬度的設置鉆展圖的基本概念鉆展圖的設計尺寸鉆展圖的設計方法課堂案例-國產面膜鉆展圖設計3.3鉆展圖設計鉆展圖是可以為商家實現(xiàn)店鋪曝光及商品推廣的有效營銷工具。鉆展圖需要依靠較強的圖片創(chuàng)意，才能促使消費者點擊跳轉，因此鉆展圖視覺效果的好壞在很大程度上影響著店鋪的曝光度。下面分別從鉆展圖的基本概念、設計尺寸以及設計方法三個方面進行講解，幫助電商設計師掌握鉆展圖的設計方法。3.3鉆展圖設計鉆展圖即鉆石展位圖，是一種強有力的營銷方式。與直通車圖一樣，需要商家付費購買圖片展示位置，以此進行商品、活動甚至是品牌的推廣，吸引消費者點擊。鉆展圖通常位于電商平臺首頁的醒目位置。3.3.1鉆展圖的基本概念淘寶鉆展圖（1）首頁焦點鉆展圖：這類鉆展圖位于淘寶首頁上方，是整個淘寶首頁的視覺中心。其尺寸為520×280像素，由于尺寸較大，能夠更好地展示商品與文案，因此價格昂貴。3.3.2鉆展圖的設計尺寸產品鉆展圖（2）首頁二焦點鉆展圖：這類鉆展圖位于淘寶首頁焦點鉆展圖右下角，是首頁一屏的黃金位置。其尺寸為160×200像素，由于尺寸較小，因此主要展示商品，文案要精簡，但需要加大字號。3.3.2鉆展圖的設計尺寸產品鉆展圖（3）首頁通欄鉆展圖：這類鉆展圖位于淘寶首頁“有好貨”的下方，是首頁重要位置。其尺寸為375×130像素，尺寸和，價格適中，性價比合適，設計時需要圖文結合。3.3.2鉆展圖的設計尺寸產品鉆展圖1.推廣內容進行鉆展圖設計時，為了提高點擊率，需要先確定推廣內容，然后再根據內容進行圖片和文案的設計。鉆展圖的推廣內容通?？梢苑譃橐韵氯N。（1）推廣單品：其圖片素材多選擇單品，文案以商品賣點和折扣促銷信息為重點。3.3.3鉆展圖的設計方法商品廣告內容（2）推廣活動或店鋪：其圖片素材多選擇商品的組合形式或模特，文案以折扣促銷信息為重點。（3）推廣品牌：其圖片多選擇品牌相關素材，文案要弱化促銷，強化品牌。3.3.3鉆展圖的設計方法品牌展示2.設計技巧鉆展圖雖然是商家通過付費進行推廣，但商品之間依然存在著強烈的競爭。因此網店美工可以通過一些特殊手法令設計的鉆展圖更加引人注目。（1）直接運用商品圖作為背景，簡潔醒目，快速吸引消費者。（2）將文字和商品圖進行適當角度的傾斜，令整個畫面更富有張力，更能吸引消費者。3.3.3鉆展圖的設計方法

使用“置入嵌入對象”命令置入圖片，使用“橫排文字”工具添加文字，使用“矩形”工具、“圓角矩形”