第5章主圖和推廣圖設計與制作網(wǎng)店美工∣微課版∣5.1∣主圖設計與制作

內(nèi)容導航5.2∣關鍵詞推廣圖設計與制作

5.3∣人群推廣圖設計與制作課堂實訓5.1∣主圖設計與制作5.1.1常見的主圖類型單色背景主圖：單色背景主圖是天貓、京東等平臺較為常規(guī)的一種主圖類型。場景化主圖：場景化主圖是指將商品展示在真實的使用環(huán)境中，如右圖所示。單色背景主圖場景化主圖制作主圖時需要先確定主圖的類型，然后根據(jù)類型的特點進行設計與制作。5.1∣主圖設計與制作5.1.1常見的主圖類型賣點式主圖：商品賣點包括商品突出的功能、作用、特點及促銷優(yōu)惠等，是消費者十分關注的信息。組合式主圖：組合式是指將一個商品的多個細節(jié)或同系列的多個商品組合在一張主圖中展示。賣點式主圖組合式主圖5.1∣主圖設計與制作5.1.2主圖的設計技巧突出核心賣點：明確商品的核心特色或優(yōu)勢，并通過圖片和文案直接傳達給消費者。具有創(chuàng)意性：運用創(chuàng)新思維，以新穎、有趣的方式展示商品。突出核心賣點具有創(chuàng)意性消費者在瀏覽主圖時速度一般都較快，因此如何讓主圖脫穎而出成功吸引到消費者是制作優(yōu)質(zhì)圖的關鍵。以下是主圖的常用設計技巧。5.1∣主圖設計與制作5.1.2主圖的設計技巧商品大小適中：確保商品在主圖中占據(jù)合適的比例，既不過于擁擠也不過于空曠。簡化信息：避免在主圖中添加過多的文案或圖片元素，以免分散消費者的注意力。商品大小適中使用高質(zhì)量圖片簡使用高質(zhì)量圖片：選擇高清、高質(zhì)的圖片來展示商品，確保圖片質(zhì)量符合電商平臺的要求。簡化信息5.1∣主圖設計與制作5.1.3商品主圖設計規(guī)范尺寸規(guī)范：淘寶PC端主圖的尺寸是800像素

×800像素；移動端豎向主圖的長寬比一般為2∶3，常見尺寸為800像素

×1200像素。京東平臺的主圖尺寸為800像素

×800像素。拼多多平臺的主圖尺寸為740像素

×352像素。數(shù)量規(guī)范：在拼多多平臺上，商品的主圖包括1個主圖視頻和10張主圖圖片。首張主圖會在搜索頁面中顯示，因此需要重點制作；而第2～5張主圖內(nèi)容為商品；第6～10張主圖內(nèi)容為消費者對商品的評價。主圖規(guī)范主要包括尺寸規(guī)范和數(shù)量規(guī)范，設計時應該根據(jù)平臺、網(wǎng)店類目、商品特點來抉擇。5.1∣主圖設計與制作5.1.4制作藍牙音響主圖為一款藍牙音響制作PC端主圖，采用組合式主圖，展示藍牙音響的參數(shù)信息，并使用文案體現(xiàn)藍牙音響的賣點、價格和優(yōu)惠。其具體操作如下。01設置漸變顏色02繪制矩形03繪制漸變圓04設置圓圖層5.1∣主圖設計與制作5.1.4制作藍牙音響主圖05設置圓圖層效果06添加并調(diào)整素材07設置高斯模糊參數(shù)5.1∣主圖設計與制作5.1.4制作藍牙音響主圖08設置漸變效果09繪制漸變矩形10繪制漸變橢圓11設置內(nèi)陰影參數(shù)5.1∣主圖設計與制作5.1.4制作藍牙音響主圖12繪制形狀（1）13投影效果14繪制橢圓5.1∣主圖設計與制作5.1.4制作藍牙音響主圖15添加音響素材并調(diào)整16繪制音響投影17設置色階參數(shù)18繪制圓角矩形5.1∣主圖設計與制作5.1.4制作藍牙音響主圖19繪制形狀（2）20刪除選區(qū)效果21設置描邊參數(shù)22設置不透明度后的效果5.1∣主圖設計與制作5.1.4制作藍牙音響主圖23繪制形狀（3）24輸入文字后的效果25設置曲線參數(shù)26最終效果5.1∣主圖設計與制作內(nèi)容導航5.2∣關鍵詞推廣圖設計與制作5.3∣人群推廣圖設計與制作課堂實訓5.2∣關鍵詞推廣圖設計與制作5.2.1關鍵詞推廣圖的設計要點主題簡潔精確：主題要緊扣消費者訴求，簡潔精確，為了便于消費者閱讀，主題的字數(shù)應盡量控制在8個字以內(nèi)。構(gòu)圖合理：關鍵詞推廣圖的構(gòu)圖要符合消費者從左至右、從上至下、先中間后兩邊的視覺流程，圖文搭配比例要恰當，顏色搭配需和諧。關鍵詞推廣圖與主圖一樣，顯示在搜索結(jié)果頁面，尺寸一般為800像素

×800像素，其視覺設計側(cè)重于單個商品的信息傳遞或銷售訴求，肩負著為商品引流的重任，既要有很好的視覺效果，也要介紹并宣傳商品。網(wǎng)店美工在制作關鍵詞推廣圖時應遵循以下設計要點。具有吸引力：使用獨特的拍攝手法、簡潔的文案，以及商品與道具的精美搭配，使關鍵詞推廣圖產(chǎn)生與眾不同的設計效果。5.2∣關鍵詞推廣圖設計與制作5.2.2制作吸塵器關鍵詞推廣圖某數(shù)碼家電網(wǎng)店準備對一款吸塵器商品進行推廣，需要制作該商品的關鍵詞推廣圖。其具體操作如下。01繪制矩形02調(diào)整錨點03繪制墻角的另一邊04添加素材并調(diào)整5.2∣關鍵詞推廣圖設計與制作5.2.2制作吸塵器關鍵詞推廣圖05填充前景色08繪制圓角矩形07制作并調(diào)整投影06設置高斯模糊參數(shù)5.2∣關鍵詞推廣圖設計與制作5.2.2制作吸塵器關鍵詞推廣圖09繪制矩形并創(chuàng)建

剪貼蒙版后的效果11繪制圓角矩形并修改文字顏色10輸入文字并調(diào)整12設置漸變疊加參數(shù)5.2∣關鍵詞推廣圖設計與制作5.2.2制作吸塵器關鍵詞推廣圖13粘貼圖層樣式15最終效果14選擇“透視”命令5.1∣主圖設計與制作內(nèi)容導航5.2∣關鍵詞推廣圖設計與制作

5.3∣人群推廣圖設計與制作課堂實訓5.3∣人群推廣圖設計與制作5.3.1人群推廣圖的尺寸規(guī)范與設計要點主體突出：人群推廣圖中須有商品主體，不得出現(xiàn)無實物主體、純文字素材描述。營銷目標明確：投放人群推廣圖的營銷目標很多，如上新、引流，預熱大型活動，以及品牌形象宣傳等。人群推廣圖雖然尺寸多樣，如800像素

×800像素、800像素

×1200像素、513像素

×750像素、750像素

×1000像素，但設計要點一致，具體如下。形式美觀：形式美觀的人群推廣圖更能獲得消費者好感，從而提高點擊率。內(nèi)容易識別：人群推廣圖應盡量使用簡短、精練的文字來描述廣告內(nèi)容，避免冗長和復雜的句子。5.3∣人群推廣圖設計與制作5.3.2人群推廣圖的布局方式人群推廣圖在設計時是有結(jié)構(gòu)和層次的，不同的布局將呈現(xiàn)不同的視覺焦點。人群推廣圖的常用布局方式主要有以下8種。兩欄式三欄式正反三角形式上下式垂直式斜切式漸次式放射式5.3∣人群推廣圖設計與制作5.3.3制作智能手表人群推廣圖制作智能手表人群推廣圖，要求尺寸為800像素

×1200像素，采用上下式布局方式，上方為文字說明，下方為商品展示，整個效果采用藍色為主色調(diào)，主體突出，效果美觀，具有識別性。具體操作步驟如下。01添加素材并調(diào)整03調(diào)整色彩后的效果02設置色彩平衡04添加手表素材文件5.3∣人群推廣圖設計與制作5.3.3制作智能手表人群推廣圖05輸入文字06設置描邊參數(shù)07設置投影參數(shù)08最終效果5.1∣主圖設計與制作內(nèi)容導航5.2∣關鍵詞推廣圖設計與制作

5.3∣人群推廣圖設計與制作課堂實訓課堂實訓——實訓1：制作千禧果主圖實訓背景在當前快速發(fā)展的電商市場中，消費者對生鮮商品的需求日益增長，那些新鮮、健康、品質(zhì)上乘的農(nóng)產(chǎn)品更是備受消費者青睞。為了滿足這一市場需求，某生鮮網(wǎng)店決定推出一款新鮮千禧果的促銷活動，旨在通過優(yōu)質(zhì)的商品和優(yōu)惠的價格，吸引更多消費者關注和購買。實訓要求制作千禧果主圖時，要求參考賣點式主圖，展示千禧果的參數(shù)信息，并使用文案體現(xiàn)千禧果的賣點和價格的優(yōu)惠，參考效果如右圖所示。課堂實訓——實訓1：制作千禧果主圖實訓思路（1）新建大小為“800像素

×800像素”、分辨率為“72像素/英寸”、名稱為“千禧果主圖”的文件。（2）在工具箱中選擇“橢圓工具”，在工具屬性欄中設置“填充”為“#e3f5c7”。（3）選擇大橢圓所在圖層，按【Ctrl+J】組合鍵復制圖層。再次選擇“橢圓工具”，在工具屬性欄中設置“填充”為“無”。（4）選擇“自定形狀工具”，在工具屬性欄中單擊“填充”右側(cè)的下拉按鈕，在打開的下拉列表中單擊“漸變”按鈕

，設置漸變顏色為“#b6d08e”～“#f4fce7”。（5）打開“千禧果.png”素材文件（配套資源:\素材文件\第5章\千禧果.png），將其拖曳到圓中。課堂實訓——實訓1：制作千禧果主圖實訓思路（6）雙擊千禧果所在圖層，打開“圖層樣式”對話框，勾選“投影”復選框，設置“顏色”為“#82a946”，“角度”為“102”，“距離”為“10”。（7）新建圖層，選擇“鋼筆工具”，在主圖左上角繪制路徑。（8）再次新建圖層，選擇“鋼筆工具”，在主圖左上角的圖層上方繪制路徑。（9）選擇“橫排文字工具”，在主圖左上角形狀內(nèi)輸入“農(nóng)家生鮮”文字。（10）選擇“橫排文字工具”，在工具屬性欄中設置“字體”為“漢儀中圓簡”，“字體大小”為“35點”。（11）選擇“直排文字工具”，在工具屬性欄中設置“字體”為“漢真廣標”，“字體大小”為“100點”，“文本顏色”為“#ffffff”，在圖片的左側(cè)輸入“新鮮”“千禧果”文字。課堂實訓——實訓1：制作千禧果主圖實訓思路（12）選擇“直線工具”，“新鮮”文字的兩側(cè)繪制兩條斜線，并設置“填充”為“#ffffff”。（13）選擇“矩形工具”，在工具屬性欄中設置“填充”為“#7ea341”，“描邊”為“#aad26c”，“描邊大小”為“10點”，在主圖的下方繪制“850像素

×270像素”的矩形。（14）選擇“橢圓工具”，在工具屬性欄中設置“填充”為“#ffffff”，，“描邊”為“#aad26c”，“描邊大小”為“10點”，在矩形右側(cè)繪制“260像素

×260像素”的圓。（15）選擇“橫排文字工具”，在工具屬性欄中設置“字體”為“漢儀中圓簡”，在矩形內(nèi)輸入“領券滿199元減30元”文字，調(diào)整其大小、位置和顏色。課堂實訓——實訓1：制作千禧果主圖實訓思路（16）選擇“橫排文字工具”，在工具屬性欄中設置“字體”為“漢儀超粗黑簡”，在圓內(nèi)輸入“活動價”文字，調(diào)整其大小、位置和顏色。（17）選擇“直線工具”，在“活動價”文字的下方繪制一條直線，并設置“填充”為“#54702a”。（18）使用“橫排文字工具”，在圓內(nèi)輸入“￥19”文字，選擇“圓角矩形工具”，在“￥19”文字的下方繪制“160像素

×30像素”的圓角矩形，設置“填充”為“#f30b32”。（19）選擇“橫排文字工具”，在圓角矩形內(nèi)輸入“點擊購買>”，在工具屬性欄中設置“字體”為“漢儀綜藝體簡”，調(diào)整文字大小、位置和顏色。（20）保存文件（配套資源:\效果文件\第5章\千禧果主圖.psd）。課堂實訓——實訓2：制作遼參人群推廣圖實訓背景隨著生活水平的提高，人們對海鮮商品的品質(zhì)和口感要求也越來越高。某生鮮網(wǎng)店為了滿足廣大消費者對高品質(zhì)海鮮的需求，準備上新一款遼參，并為其制作尺寸為800像素

×1200像素的人群推廣圖。實訓要求在設計時以藍色為主色，采用上下式布局方式，下方為商品圖片，上方為主題文字。以“大連新鮮遼參”為主題，吸引消費者瀏覽，然后通過“24小時速發(fā)”“新鮮遼參——下單立減10元”“《本草綱目拾遺》推薦”文字體現(xiàn)賣點，參考效果如右圖所示。課堂實訓——實訓2：制作遼參人群推廣圖實訓思路（1）新建大小為“800像素

×1200像素”、分辨率為“72像素/英寸”、名稱為“遼參人群推廣圖”的文件。（2）打開“遼參.jpg”素材文件，將遼參圖片拖曳至“遼參人群推廣圖”文件中。（3）選擇“圓角矩形工具”，在工具屬性欄中設置“填充”為“#ffffff”，然后繪制大小為“300像素

×100像素”的圓角矩形。（4）選擇“橫排文字工具”，在工具屬性欄中設置“字體”為“漢儀超粗黑簡”。（5）選擇“橫排文字工具”，在工具屬性欄中設置“字體”為“方正超粗黑簡體”。（6）雙擊“大連新鮮遼參”文字圖層，打開“圖層樣式”對話框，勾選“內(nèi)陰影”復選框，設置“顏色”為“#1f0101”，“不透明度”為“35”，“距離”為“3”，“大小”為“7”。課堂實訓——實訓2：制作遼參