項目3、4 設(shè)計與制作推廣圖、設(shè)計與制作店鋪首頁

網(wǎng)店美工：理論、案例與實訓(xùn)（全彩微課版）高等院校電子商務(wù)類新形態(tài)系列教材項目三設(shè)計與制作推廣圖目錄Contents任務(wù)一

商品主圖的設(shè)計與制作任務(wù)二設(shè)計與制作直通車圖任務(wù)三

設(shè)計與制作引力魔方推廣圖任務(wù)一商品主圖的設(shè)計與制作商品主圖數(shù)量為1~5張，其單張大小不能超過3MB。第1張商品主圖可依據(jù)商品的賣點(diǎn)及特點(diǎn)進(jìn)行設(shè)計，包括商品名稱、商品外觀、賣點(diǎn)和價格等重要信息，網(wǎng)店美工在制作商品主圖時可將重要信息體現(xiàn)出來，以促進(jìn)商品銷售。一、商品主圖的制作要求左圖所示為某電飯煲的商品主圖，其中第1張商品主圖將電飯煲立體加熱、3L精致容量、24h智能預(yù)約、精鋼厚釜內(nèi)膽等賣點(diǎn)體現(xiàn)出來，也對折扣金額、滿減優(yōu)惠等進(jìn)行展現(xiàn)；而其他商品主圖主要用于描述商品的細(xì)節(jié)，如電飯煲的外觀、多平臺控制等。任務(wù)一商品主圖的設(shè)計與制作網(wǎng)店美工如果想要制作出高點(diǎn)擊率的商品主圖，為商品銷售提供幫助，就需要掌握商品主圖設(shè)計的技巧。二、制作優(yōu)質(zhì)商品主圖的技巧合理、清晰地展示商品突顯商品賣點(diǎn)體現(xiàn)促銷信息背景的選擇要符合商品特質(zhì)01020304任務(wù)一商品主圖的設(shè)計與制作某網(wǎng)店準(zhǔn)備上新一款數(shù)據(jù)線，為了展示數(shù)據(jù)線特點(diǎn)，吸引消費(fèi)者點(diǎn)擊商品主圖，了解數(shù)據(jù)線的詳細(xì)信息，需要制作數(shù)據(jù)線商品主圖。要求畫面簡潔，體現(xiàn)出數(shù)據(jù)線充電速度快、發(fā)貨快、包裝可降解等賣點(diǎn)，并添加品牌標(biāo)志，在展示品牌形象的同時保護(hù)商品圖片的原創(chuàng)性，避免商品圖片被盜用，具體操作步驟如下。三、【課堂案例】——制作數(shù)據(jù)線商品主圖2134任務(wù)一商品主圖的設(shè)計與制作三、【課堂案例】——制作數(shù)據(jù)線商品主圖6578任務(wù)一商品主圖的設(shè)計與制作三、【課堂案例】——制作數(shù)據(jù)線商品主圖10911任務(wù)一商品主圖的設(shè)計與制作操作思路該電飯煲商品主圖需要體現(xiàn)“濃香柴火飯”“5層金剛陶晶內(nèi)膽”等與商品品質(zhì)相關(guān)的賣點(diǎn)信息，并添加優(yōu)惠信息，促進(jìn)消費(fèi)者購買。要求商品主圖尺寸為800像素×800像素，使用電飯煲外觀顏色土黃色為主色，整體色調(diào)統(tǒng)一，并搭配鮮亮的橙色和綠色突顯主要信息。操作提示打開背景圖片；繪制不同顏色和大小的矩形，在矩形上方輸入賣點(diǎn)和活動內(nèi)容文字；將“電飯煲”“內(nèi)膽”圖片添加到文件中，調(diào)整其大小和位置；調(diào)整各個圖層的位置，并添加“禮包”圖片，最終參考效果如圖所示。課堂練習(xí)：制作電飯煲主圖任務(wù)一商品主圖的設(shè)計與制作效果展示課堂練習(xí)：制作電飯煲主圖目錄Contents任務(wù)一商品主圖的設(shè)計與制作任務(wù)二設(shè)計與制作直通車圖任務(wù)三

設(shè)計與制作引力魔方推廣圖任務(wù)二設(shè)計與制作直通車圖直通車圖的投放目的是將商品推送給潛在消費(fèi)者，為商品和店鋪帶來流量，以取得較為明顯的營銷效果，所以設(shè)計直通車圖不僅要讓人點(diǎn)擊，而且要考慮轉(zhuǎn)化率。?一、直通車圖的設(shè)計目的和策略商品的信息或銷售訴求，以銷售轉(zhuǎn)化為最終目的，網(wǎng)店美工在設(shè)計時可將創(chuàng)意點(diǎn)定位到優(yōu)惠信息展現(xiàn)上，以此吸引更多消費(fèi)者；店鋪引流側(cè)重于宣傳品牌，通過集中引流再分流的方式，實現(xiàn)流量的價值最大化，因此，網(wǎng)店美工在設(shè)計時一般會以主題促銷、活動或類目專場等方式呈現(xiàn)創(chuàng)意信息。任務(wù)二設(shè)計與制作直通車圖直通車圖可以投放在淘寶平臺的各個地方，如搜索結(jié)果頁底部的“掌柜熱賣”、我的淘寶首頁（猜我喜歡）、我的淘寶（已買到寶貝的底部）、我的收藏（收藏列表頁底部）等。?二、直通車圖的投放位置左圖所示為“榨汁機(jī)”關(guān)鍵詞搜索結(jié)果頁底部的“掌柜熱賣”，消費(fèi)者點(diǎn)擊直通車圖即可進(jìn)入對應(yīng)的店鋪或商品購買頁。任務(wù)二設(shè)計與制作直通車圖直通車圖擔(dān)負(fù)著為商品引流的重任，既要有很好的視覺效果，又要能介紹并宣傳商品。一般情況下，網(wǎng)店美工在制作直通車圖時應(yīng)遵循以下3個原則。?三、直通車圖的設(shè)計原則（1）主題簡潔精確。主題要緊扣消費(fèi)者訴求，簡潔精確，為了便于消費(fèi)者閱讀，主題文字的字?jǐn)?shù)應(yīng)盡量控制在8個字以內(nèi)。（2）構(gòu)圖合理。直通車的構(gòu)圖方式很多，包括中心構(gòu)圖、三角構(gòu)圖、斜角構(gòu)圖、黃金比例構(gòu)圖等。（3）具有吸引力。網(wǎng)店美工要使用獨(dú)特的拍攝手法、簡潔的文案，或通過商品與道具的精美搭配使商品圖片產(chǎn)生與眾不同的設(shè)計效果，讓商品圖片從圖海中脫穎而出，吸引消費(fèi)者的注意力。任務(wù)二設(shè)計與制作直通車圖某榨汁機(jī)品牌準(zhǔn)備對一款上新的榨汁機(jī)進(jìn)行推廣，需要制作該商品的直通車圖，要求以使用榨汁機(jī)后的場景作為背景。網(wǎng)店美工可運(yùn)用圓角矩形、自定義形狀工具、矩形等裝點(diǎn)賣點(diǎn)文字，提升消費(fèi)者對該商品的好感度，在構(gòu)圖上采用左右構(gòu)圖的方式，左側(cè)為賣點(diǎn)展示，右側(cè)為榨汁機(jī)商品展現(xiàn)，整體畫面簡潔、內(nèi)容直觀，以此吸引更多消費(fèi)者注意，具體操作步驟如下。四、【課堂案例】——制作榨汁機(jī)直通車圖21345任務(wù)二設(shè)計與制作直通車圖四、【課堂案例】——制作榨汁機(jī)直通車圖768任務(wù)二設(shè)計與制作直通車圖操作思路該剃須刀具有可水洗和優(yōu)惠的賣點(diǎn)，在設(shè)計時可采用水珠環(huán)繞剃須刀的方式展現(xiàn)剃須刀能水洗的賣點(diǎn)，然后通過放大的優(yōu)惠信息來促銷。由于剃須刀主要是男士使用，網(wǎng)店美工在設(shè)計直通車圖時可選擇深藍(lán)色為主色，更加符合男士審美。操作提示為素材文件制作深色背景；繪制漸變矩形；輸入賣點(diǎn)信息；調(diào)整剃須刀和水珠圖像的大小和位置；最終參考效果如圖所示。課堂練習(xí)：制作剃須刀的直通車圖任務(wù)二設(shè)計與制作直通車圖效果展示課堂練習(xí)：制作剃須刀的直通車圖目錄Contents任務(wù)一商品主圖的設(shè)計與制作任務(wù)二設(shè)計與制作直通車圖任務(wù)三設(shè)計與制作引力魔方推廣圖任務(wù)三設(shè)計與制作引力魔方推廣圖一、引力魔方推廣圖的位置和規(guī)范（1）焦點(diǎn)圖場景。焦點(diǎn)圖場景主要指淘寶焦點(diǎn)圖，該圖位于手機(jī)淘寶首頁的上方，是進(jìn)入淘寶后的視覺中心。標(biāo)準(zhǔn)尺寸為800像素×1200像素、513像素×750像素，尺寸較大，能夠完全展示商品與文案，因此價格最貴，如圖所示。任務(wù)三設(shè)計與制作引力魔方推廣圖一、引力魔方推廣圖的位置和規(guī)范（2）信息流場景。信息流場景包括首頁猜你喜歡（首頁下方推薦板塊）、購物中猜你喜歡（購物車底部）、購物后猜你喜歡（待收貨底部）、紅包互動權(quán)益（芭芭農(nóng)場中）等。圖中左圖為購物后猜你喜歡引力魔方推廣圖，中間為購物中猜你喜歡引力魔方推廣圖，右圖為紅包互動權(quán)益引力魔方推廣圖。任務(wù)三設(shè)計與制作引力魔方推廣圖二、引力魔方推廣圖的設(shè)計要點(diǎn)引力魔方推廣圖的位置和尺寸雖然豐富，但設(shè)計的要點(diǎn)都是一致的，具體如下。（1）主題突出。引力魔方推廣圖的主題不一定是商品圖片，也可以是帶有商品背景的商品文案、消費(fèi)者訴求等，突出主題才能夠吸引更多消費(fèi)者點(diǎn)擊。（2）目標(biāo)明確。引力魔方推廣圖投放的目標(biāo)很多，如上新、引流，活動預(yù)熱，以及品牌形象宣傳等。（3）形式美觀多樣。美的東西總是令人無法抗拒的，在設(shè)計引力魔方推廣圖時可采用商品使用場景、單個商品展示、商品真實圖片等方式，獲取顧客好感，進(jìn)而提高點(diǎn)擊率。任務(wù)三設(shè)計與制作引力魔方推廣圖“西瓜果園”店鋪需要為“麒麟”西瓜制作用于手機(jī)淘寶的焦點(diǎn)圖，要求尺寸為800像素×1200像素，并以“麒麟瓜熟了！”為主題，吸引消費(fèi)者產(chǎn)生瀏覽興趣，然后通過“24小時速發(fā)”“營養(yǎng)豐富肉質(zhì)細(xì)膩”文字體現(xiàn)賣點(diǎn)，其具體操作步驟如下。三、【課堂案例】——制作水果引力魔方推廣圖2134任務(wù)三設(shè)計與制作引力魔方推廣圖三、【課堂案例】——制作水果引力魔方推廣圖6578任務(wù)三設(shè)計與制作引力魔方推廣圖課堂練習(xí)：制作打底褲引力魔方推廣圖操作思路某店鋪需要對一款打底褲制作引力魔方推廣圖用于在手機(jī)端焦點(diǎn)圖中引流，要求尺寸為800像素×1200像素。由于打底褲有4種顏色，為了突出打底褲可選擇淺色作為背景顏色，在賣點(diǎn)內(nèi)容上可展現(xiàn)商品的特點(diǎn)，如無痕貼合、雙面磨毛等。操作提示新建文件；添加素材；為文件填充淺色背景；輸入文字；繪制圓角矩形，最終效果如圖所示。任務(wù)三設(shè)計與制作引力魔方推廣圖課堂練習(xí)：制作打底褲引力魔方推廣圖效果展示網(wǎng)店美工：理論、案例與實訓(xùn)（全彩微課版）高等院校電子商務(wù)類新形態(tài)系列教材項目四設(shè)計與制作店鋪首頁目錄Contents任務(wù)一

認(rèn)識店鋪首頁任務(wù)二設(shè)計與制作店招與導(dǎo)航任務(wù)三設(shè)計與制作全屏海報任務(wù)四設(shè)計與制作優(yōu)惠券任務(wù)五

設(shè)計與制作商品推薦區(qū)任務(wù)一認(rèn)識店鋪首頁店鋪首頁的裝修效果會直接影響店鋪的流量，為了設(shè)計出具有吸引力的店鋪首頁，網(wǎng)店美工需要對店鋪首頁的主要功能進(jìn)行了解，這樣才能有針對性地設(shè)計出滿足消費(fèi)者需求的店鋪首頁。店鋪首頁的主要功能具體如下。一、店鋪首頁的主要功能01展示商品、促進(jìn)銷售02展示商品、促進(jìn)銷售03引流任務(wù)一認(rèn)識店鋪首頁店鋪首頁主要由店招與導(dǎo)航、全屏海報、優(yōu)惠活動區(qū)、商品推薦區(qū)等模塊組成，每個模塊的作用和使用方法都不同。二、店鋪首頁的組成結(jié)構(gòu)01店招與導(dǎo)航03全屏海報02優(yōu)惠活動區(qū)04超商品推薦區(qū)目錄Contents任務(wù)一認(rèn)識店鋪首頁任務(wù)二設(shè)計與制作店招與導(dǎo)航任務(wù)三設(shè)計與制作全屏海報任務(wù)四設(shè)計與制作優(yōu)惠券任務(wù)五

設(shè)計與制作商品推薦區(qū)任務(wù)二設(shè)計與制作店招與導(dǎo)航在進(jìn)行店招與導(dǎo)航設(shè)計時，網(wǎng)店美工要想給更多消費(fèi)者留下深刻印象需要遵循以下設(shè)計要求。一、店招與導(dǎo)航的設(shè)計要求040103展示品牌形象進(jìn)行店鋪定位符合設(shè)計規(guī)范02進(jìn)行店鋪風(fēng)格定位任務(wù)二設(shè)計與制作店招與導(dǎo)航店招的設(shè)計要點(diǎn)主要體現(xiàn)在促銷商品、收藏和關(guān)注、優(yōu)惠券等能夠直接吸引消費(fèi)者的板塊上，這些板塊可以直接展現(xiàn)店鋪營銷活動信息，從而吸引消費(fèi)者、提升其購物體驗。導(dǎo)航的設(shè)計要點(diǎn)主要體現(xiàn)在導(dǎo)航內(nèi)容的選擇與分類上。二、店招與導(dǎo)航的設(shè)計要點(diǎn)010203促銷商品收藏和關(guān)注優(yōu)惠券0405導(dǎo)航內(nèi)容導(dǎo)航分類任務(wù)二設(shè)計與制作店招與導(dǎo)航“簡吉”家紡店鋪是一家專注家紡的店鋪，其中毛巾、一次性用品、床上用品等深受消費(fèi)者喜愛，為了更好地展示熱賣商品，需要對首頁中的店招與導(dǎo)航進(jìn)行重新設(shè)計。要求采用通欄店招的方式來完成，網(wǎng)店美工在制作時可先設(shè)計網(wǎng)店的品牌Logo，由于網(wǎng)店是家紡用品店，網(wǎng)店美工可以通過文字變形的方式來體現(xiàn)品牌形象，然后添加熱賣商品、優(yōu)惠信息，最后根據(jù)商品分類制作導(dǎo)航條，具體操作步驟如下。三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航1任務(wù)二設(shè)計與制作店招與導(dǎo)航三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航234567任務(wù)二設(shè)計與制作店招與導(dǎo)航三、【課堂案例】——制作家紡店鋪店招與導(dǎo)航891011任務(wù)二設(shè)計與制作店招與導(dǎo)航課堂練習(xí)：制作茶葉店鋪店招與導(dǎo)航操作思路為了使茶葉店鋪店招與導(dǎo)航突出茶葉店招、熱賣商品、關(guān)注收藏、廣告語、搜索等內(nèi)容，網(wǎng)店美工可將茶葉店鋪店招與導(dǎo)航分為4個部分，左側(cè)為Logo內(nèi)容，中間部分為廣告語，右側(cè)為熱賣商品，下方為導(dǎo)航部分，在顏色的選擇上，以綠色和白色為主色，用以烘托茶葉綠色、天然的特點(diǎn)，網(wǎng)店美工在制作時可針對各個部分分別進(jìn)行制作。操作提示新建大小為1920像素×150像素的圖像文件；在左側(cè)部分繪制Logo；在中間部分輸入廣告語并添加關(guān)注收藏按鈕；在右側(cè)繪制矩形并為矩形添加邊框；添加商品素材并輸入商品文字；在下方繪制矩形并輸入導(dǎo)航內(nèi)容，最終參考效果如圖所示。任務(wù)二設(shè)計與制作店招與導(dǎo)航課堂練習(xí)：制作茶葉店鋪店招與導(dǎo)航效果展示目錄Contents任務(wù)一認(rèn)識店鋪首頁任務(wù)二設(shè)計與制作店招與導(dǎo)航任務(wù)三設(shè)計與制作全屏海報任務(wù)四

設(shè)計與制作優(yōu)惠券任務(wù)五

設(shè)計與制作商品推薦區(qū)任務(wù)三設(shè)計與制作全屏海報一、全屏海報的設(shè)計要點(diǎn)（3）構(gòu)圖。構(gòu)圖方式直接影響著全屏海報的視覺效果。（4）配色。網(wǎng)店美工在配色時，對重要的文字信息需要用突出醒目的顏色進(jìn)行強(qiáng)調(diào)，通過明暗對比以及不同顏色的搭配來確定對應(yīng)的風(fēng)格，但要使其背景顏色統(tǒng)一，并且不要使用太多的顏色，以免使畫面顯得雜亂。全屏海報的寬度為1920像素，高度根據(jù)版面內(nèi)容的實際情況而定，占地一般較大，要使全屏海報具有美觀、吸引消費(fèi)者注意力的效果，網(wǎng)店美工就要綜合考慮全屏海報的主題、字體、構(gòu)圖和配色等設(shè)計要點(diǎn)。（1）主題。無論全屏海報數(shù)量的多與少，全屏海報中的內(nèi)容都需要圍繞同一個主題，并根據(jù)主題確定對應(yīng)的全屏海報效果。（2）字體。在添加文字時，文字的字體不要超過3種，建議用稍大或個性化的字體突出海報主題和商品特征。任務(wù)三設(shè)計與制作全屏海報二、【課堂案例】——制作家紡店鋪全屏海報“簡吉”家紡店鋪需要在導(dǎo)航條的下方制作尺寸為1920像素×800像素的兩張全屏海報。第一張全屏海報要求以新品宣傳為出發(fā)點(diǎn)，整個全屏海報要突出顯示新品信息，且要美觀、簡潔；第二張全屏海報要求展示商品的使用場景，其效果要簡潔、直觀，具體操作步驟如下。12任務(wù)三設(shè)計與制作全屏海報二、【課堂案例】——制作家紡店鋪全屏海報3564任務(wù)三設(shè)計與制作全屏海報二、【課堂案例】——制作家紡店鋪全屏海報79108任務(wù)三設(shè)計與制作全屏海報課堂練習(xí)：制作茶葉全屏海報操作思路為了體現(xiàn)茶葉的種植環(huán)境，并將自然、健康等理念體現(xiàn)在全屏海報中，網(wǎng)店美工需要先合成背景，然后添加商品和對應(yīng)的描述文字。操作提示新建圖像文件，并對背景填充漸變顏色；依次添加云、山坡、灌木、云海、光暈素材，完成背景的制作；添加商品圖像；輸入文字并調(diào)整文字的顏色，最終參考效果如圖所示。任務(wù)三設(shè)計與制作全屏海報課堂練習(xí)：制作茶葉全屏海報效果展示目錄Contents任務(wù)一認(rèn)識店鋪首頁任務(wù)二設(shè)計與制作店招與導(dǎo)航任務(wù)三設(shè)計與制作全屏海報任務(wù)四設(shè)計與制作優(yōu)惠券任務(wù)五

設(shè)計與制作商品推薦區(qū)任務(wù)四設(shè)計與制作優(yōu)惠券一、優(yōu)惠券的設(shè)計原則（1）明確優(yōu)惠券的使用范圍。消費(fèi)者要明確優(yōu)惠券使用的店鋪名稱，以及使用的范圍。（2）限制優(yōu)惠券的使用條件。優(yōu)惠券一般是在特定條件下才能使用，如“滿59元使用”“滿99元使用”“僅××商品使用”等，限制使用條件在刺激消費(fèi)者消費(fèi)的同時，可較大限度地保障網(wǎng)店的利潤空間。（3）限制優(yōu)惠券的使用時間。一般情況下，如果優(yōu)惠是短期活動，應(yīng)當(dāng)限制優(yōu)惠券的使用日期，如3天、7天等，使消費(fèi)者產(chǎn)生機(jī)不可失的心理，從而提高消費(fèi)者對優(yōu)惠券的使用率。（4）限制優(yōu)惠券的使用張數(shù)。為了防止折上折的情況出現(xiàn)，可限制優(yōu)惠券的使用張數(shù)，如“每筆訂單限用一張優(yōu)惠券”。（5）保留優(yōu)惠券的最終解釋權(quán)。為了避免在后期活動執(zhí)行時出現(xiàn)不必要的糾紛，可保留店鋪優(yōu)惠券在法律上的權(quán)利，如添加“優(yōu)惠券的最終解釋權(quán)歸本店所有”的文字。任務(wù)四設(shè)計與制作優(yōu)惠券二、【課堂案例】——制作家紡店鋪優(yōu)惠券“簡吉”家紡店鋪需要在全屏海報的下方制作優(yōu)惠券，為了配合前面制作的店招與海報風(fēng)格，在制作店鋪優(yōu)惠券時，其顏色將繼續(xù)沿用前面店招的顏色，并羅列不同面值的優(yōu)惠券，具體操作步驟如下。12任務(wù)四設(shè)計與制作優(yōu)惠券二、【課堂案例】——制作家紡店鋪優(yōu)惠券345任務(wù)四設(shè)計與制作優(yōu)惠券課堂練習(xí)：制作茶葉店鋪優(yōu)惠券操作思路為了體現(xiàn)茶葉歷史悠久的特點(diǎn)，在設(shè)計優(yōu)惠券時可運(yùn)用水墨風(fēng)的人物、山水作為背景，以畫卷的形式展示優(yōu)惠券內(nèi)容，讓整個優(yōu)惠券更加具有歷史韻味。操作提示新建圖像文件，依次添加背景、卷軸等素材，完成背景的制作；然后依次制作不同優(yōu)惠信息的優(yōu)惠券，最終參考效果如圖所示。任務(wù)四設(shè)計與制作優(yōu)惠券課堂練習(xí)：制作茶葉全屏海報效果展示目錄Contents任務(wù)一認(rèn)識店鋪首頁任務(wù)二設(shè)計與制作店招與導(dǎo)航任務(wù)三設(shè)計與制作