電商設(shè)計電子課件

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

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