1、 網(wǎng)店首頁的美觀程度，直接決定進店顧客的主觀感受，可以延長顧客進店停留時間，關(guān)系到顧客能否在店鋪下單購物。美觀的店鋪裝修會給客戶好的第一印象，顧客會更愿意多花時間瀏覽店鋪的商品，增加顧客下單的概率。 表5-1 任務單細文檔： 因店鋪首頁更新的需要，設(shè)計部主管陳明發(fā)出一任務單，要求整體更換整個店鋪的裝修，主要的任務包括：網(wǎng)店首頁策劃、網(wǎng)店首頁設(shè)計、網(wǎng)店首頁上傳以及無線端首頁制作。任務要求:策劃店鋪首頁布局，并完成店鋪首頁制作、上傳，手機端首頁制作、上傳。1、首頁版塊設(shè)計規(guī)范，布局協(xié)調(diào)，能引導顧客瀏覽店鋪。2、設(shè)計要求簡約大氣，有視覺沖擊力，能突出產(chǎn)品。3、字體選擇合適、配色協(xié)調(diào)、布局合理、美觀大

2、方。4、能體現(xiàn)品牌特色和行業(yè)特色。5、所設(shè)計的作品需為原創(chuàng)設(shè)計。6、能促進顧客下單購買。 任務指派人陳明發(fā)出日期完成日期/時間任務名稱店鋪首頁裝修任務用途首頁R主題獨立頁0官方承接頁0主圖0直通車圖0鉆展圖0詳情基礎(chǔ)優(yōu)化0詳情深度優(yōu)化0 官方引流圖0主題廣告圖0新品上新0常規(guī)活動營銷策劃0主題活動策劃0大型活動策劃0商品運營策劃0 任務要求有明確細文檔列明要求/路徑 其他：風格偏好普通簡潔，中規(guī)中矩 R大氣簡約，商業(yè)氣息濃 古典文化，懷舊經(jīng)典 熱烈奔放，情趣 : _制作規(guī)范PC端：寬：1920像素，高：6000像素（可根據(jù)具體設(shè)計調(diào)整），jpg格式移動端：寬：750像素，高：3000像素（可根

3、據(jù)具體設(shè)計調(diào)整），jpg格式自我檢查 確認簽名 組長檢查 確認簽名 驗收人按要求完成是否確認簽名1、知識目標2、技能目標掌握鋪首頁裝修的設(shè)計流程能夠獨立完成鋪首頁裝修 了解店鋪首頁裝修的基礎(chǔ)理論知識掌握店鋪首頁裝修的創(chuàng)作方法 圖1-1 某化妝品店鋪首頁 1 圖1-2 某化妝品店鋪首頁21、某化妝品店鋪首頁 1，第一感覺是數(shù)碼電器類店鋪的裝修風格，而對于化妝品店，就應選干凈、清爽的配色，這樣的黑色顯不出高端反而有點壓抑。2、某化妝品店鋪首頁2，裝修以淺色系為主，配色清新、自然，對化妝品類目來說，這種清爽、干凈的裝修風格更能凸顯化妝品的商品定位。所以說一個好的店鋪裝修，是一種營銷，一種推廣。差的店

4、鋪裝修效果，無論多么名貴的商品都體現(xiàn)不出商品的價值。 首頁布局內(nèi)容解析首頁布局的內(nèi)容店鋪首頁案例展示 眾所周知，一個店鋪的首頁就相當于一個實體店的門面，其影響不亞于一個產(chǎn)品的詳情描述，店鋪首頁裝修的好壞會直接影響客戶的購物體驗和店鋪的轉(zhuǎn)化率。那么如何才能裝修好一個店鋪呢？怎么布局，如何規(guī)劃才能有一個不錯的首頁呢？如何裝修才能有自己的風格呢？一個正常營業(yè)的店鋪首頁主要由店招、導航、海報、產(chǎn)品分類、客服旺旺、產(chǎn)品展示、店鋪頁尾、店鋪背景以及滿返、滿減、紅包、購物券等營銷模塊。網(wǎng)店首頁策劃任務一店鋪首頁的標準布局圖一、首頁布局的內(nèi)容 1、店招顧名思義是店鋪的招牌，店招的尺寸為950*150PX含自定

5、義導航部分，950*120PX其導航為系統(tǒng)自帶。店招一般展示的內(nèi)容是店鋪的名稱、 logo標志、口號等，詳細一些的也可以展示1-2款主推的產(chǎn)品，還有領(lǐng)取優(yōu)惠券的設(shè)計，收藏店鋪的圖標。店招是店鋪上唯一各個頁面都能展示出現(xiàn)的模塊，所以一些重點推廣信息可以設(shè)計在店招上。2、導航條導航條可分為淘寶系統(tǒng)自帶和自定義導航條設(shè)計，主要功能是可以快速鏈接到相應的指定頁面。一般內(nèi)容為所有分類、首頁等，豐富一些的有會員制度、購物須知、品牌故事等等，具體可根據(jù)自己店鋪內(nèi)容而定。3、全屏海報或輪播海報全屏海報主要用于店鋪重大公告、折扣優(yōu)惠、主打產(chǎn)品推薦，讓客戶一進入首頁就能看到店鋪的重點，一般全屏海報尺寸 1920*

6、600PX（建議高度在400-600PX間較好）。輪播海報主要用于推廣產(chǎn)品的促銷內(nèi)容，可以做成促銷海報吸引買家。尺寸為950*500PX（建議高度在400-500PX間較好）。4、產(chǎn)品分類產(chǎn)品分類方便買家根據(jù)自己的需求在店鋪快速找到想要的產(chǎn)品。分類主要可按價格分類，產(chǎn)品功能分類，產(chǎn)品屬性分類等。本模塊尺寸可根據(jù)自己店鋪規(guī)劃大小來定義。二、首頁布局的內(nèi)容解析網(wǎng)店首頁策劃任務一 5、活動促銷區(qū)將店鋪的促銷活動，顯示在店鋪首頁，可提升店鋪的轉(zhuǎn)化率。在旺鋪的基礎(chǔ)模塊中，可供使用的促銷工具有：滿返、紅包、優(yōu)惠券、滿減、滿贈。以上營銷服務，可起到主動營銷買家，提升回頭客的效果。我們所說的設(shè)計，是通過平面圖

7、片的設(shè)計展示在店鋪的首頁，讓買家一目了然的看到。設(shè)計尺寸950*200PX內(nèi)。6、商品展示區(qū)是指產(chǎn)品通過平面圖片展示設(shè)計，更能突出產(chǎn)品的性價比，更能融化到店鋪的風格里，極大提生產(chǎn)品的視覺展示效果（此非淘寶系統(tǒng)寶貝推薦的豆腐塊式的產(chǎn)品展示）。本模塊尺寸可根據(jù)自己店鋪規(guī)劃大小來定義。7、店鋪頁尾主要展示的內(nèi)容如關(guān)于快遞包裝物流，關(guān)于售后等，尺寸950*300PX內(nèi)8、店鋪背景一個店鋪的風格確立，店鋪的背景占據(jù)了大部分，背景主要設(shè)計的內(nèi)容店鋪的背景圖片，店鋪手機二維碼或店鋪一些重要的折扣信息都可以加入到店鋪背景上。二、首頁布局的內(nèi)容解析網(wǎng)店首頁策劃任務一 三、店鋪首頁案例展示案例：小熊電器官方旗艦店

8、），以簡約大氣的風格凸顯產(chǎn)品多樣、高檔，排版布局合理緊湊，無需過多的文字修飾，凸顯高端家電品質(zhì)。網(wǎng)店首頁策劃任務一 通過對任務的分析及店鋪首頁布局規(guī)劃知識的學習，制定店鋪首頁布局計劃如下：構(gòu)思大體框架在紙上畫出草圖整理出電子文檔框架修改定稿網(wǎng)店首頁策劃任務一根據(jù)任務書的要求，本店鋪首頁設(shè)計需要包含的的模塊主要如下：1、店招區(qū)域用于展示店鋪的LOGO、店名、店鋪口號和主推商品等信息。2、導航條為顧客提供方便的類目導航功能，可直接導航至相應類目。3、全屏海報展示店鋪中最熱銷的產(chǎn)品，或者當下最吸引顧客的促銷產(chǎn)品，以全屏的形式吸引進入店鋪顧客的眼球。4、優(yōu)惠券將本店的優(yōu)惠券展示出來，供顧客領(lǐng)取使用。5

9、、店鋪活動區(qū)展示店鋪目前的促銷活動，可通過這些活動提升店鋪轉(zhuǎn)化率。6、店長推薦專區(qū)展示店鋪中最有競爭力的或者優(yōu)惠力度最大的產(chǎn)品。7、新品上市專區(qū)展示店鋪中的新上架產(chǎn)品，增加新品的曝光量。網(wǎng)店首頁策劃任務一一、構(gòu)思大體框架： 簡單思考一下店鋪首頁的大概框架，為草圖的設(shè)計做好構(gòu)思。二、在紙上畫出草圖： 用鉛筆和草稿紙，嘗試著繪制一下店鋪首頁的內(nèi)容，可以多次的進行修改與調(diào)整，最后確定一個定稿。三、整理出電子文檔： 將草稿紙上畫出來的效果，使用簡單的繪圖工具進行繪制，將首頁的大體框架整理成電子文稿，為后面的設(shè)計做好準備。四、修改頁面定稿，規(guī)劃完成的首頁。網(wǎng)店首頁策劃任務一 使用EXCEL軟件，按照設(shè)計

10、決策中規(guī)劃好的版塊，繪制出店鋪首頁的大體框架。網(wǎng)店首頁策劃任務一任務名稱為店鋪首頁進行模塊策劃任務要求根據(jù)本任務學習的知識，進行小家電店鋪首頁各模塊進行策劃。使用Excel工具，進行模塊策劃。制作規(guī)范首頁各模塊策完整，能反饋出各區(qū)域的主要涉及要點，以文字及圖片的形式進行表達。首頁寬：1920像素，核心內(nèi)容需要放置在頁面中心950像素內(nèi)。產(chǎn)品資料店招主推商品2個：網(wǎng)紅輕食早餐機、智能加濕器海報商品1個：旋鈕式破壁機店長推薦商品 5個：大容量空氣炸鍋、紫外線消毒柜、輕食三明治機、雙蓋燉煮養(yǎng)生壺、多功能電煮鍋新品4個：迷你電烤箱、萌潮養(yǎng)生壺、雙層電飯盒、便攜榨汁杯店鋪資料店名：“小熊電器”小家電專賣

11、店店標：自己設(shè)計，突出店名、主營類目，色彩搭配合理。店鋪口號：健康生活每一天。優(yōu)惠券：買滿199減10元、買滿380減20元、買滿750減40元促銷活動：秋季滋補產(chǎn)品特價優(yōu)惠。網(wǎng)店首頁策劃任務一記錄學習過程和任務實施中的重要知識點及所需要用到的應用資源、以及那些老師指導任務時提出的要點。知識要點/學習問題知識點的具體解釋/學習應用資源/老師指導任務要點1、 2、 3、 圖1-1 某化妝品店鋪首頁 1 圖1-2 某化妝品店鋪首頁21、某化妝品店鋪首頁 1，第一感覺是數(shù)碼電器類店鋪的裝修風格，而對于化妝品店，就應選干凈、清爽的配色，這樣的黑色顯不出高端反而有點壓抑。2、某化妝品店鋪首頁2，裝修以淺

12、色系為主，配色清新、自然，對化妝品類目來說，這種清爽、干凈的裝修風格更能凸顯化妝品的商品定位。所以說一個好的店鋪裝修，是一種營銷，一種推廣。差的店鋪裝修效果，無論多么名貴的商品都體現(xiàn)不出商品的價值。 店招知識店標知識促銷區(qū)知識分類導航知識商品陳列區(qū)知識網(wǎng)店首頁設(shè)計任務二 一、店標的定義及作用1、店標的定義店鋪的標志，是指網(wǎng)店中起到識別和推廣店鋪作用的圖案，通過店標可以讓消費者記住店鋪主體和品牌文化，是店鋪標識的圖形記號。一個網(wǎng)店的店標可作為一個店鋪的形象參考，給人的感覺是最直觀的?？梢源碇愕赇伒娘L格，店主的品位，產(chǎn)品的特性，也可起到宣傳的作用。2、店標的作用網(wǎng)店店標是公眾識別網(wǎng)店的指示器。

13、店標是一種“視覺語言”。它通過一定的圖案、顏色來向消費者傳輸商店信息，以達到識別商店、促進銷售的目的。網(wǎng)店店標能夠引發(fā)消費者產(chǎn)生商品聯(lián)想。店標能夠使消費者產(chǎn)生有關(guān)商店經(jīng)營商品類別或?qū)傩缘穆?lián)想。網(wǎng)店店標能夠促使消費者產(chǎn)生喜愛的感覺。風格獨特的標識能夠刺激消費者產(chǎn)生幻想，從而對該商店產(chǎn)生好的印象。店標知識 二、店標要求1、文件格式GIF、JPG、JPEG、PNG2、文件大小80K以內(nèi)3、建議尺寸80PX*80PX店標實例，一號店店標（見圖5-4）店標知識網(wǎng)店首頁設(shè)計任務二 三、常見標志分析分析生活中常見的店標，歸納店標的關(guān)鍵字與所屬行業(yè)。店標1：固力制鎖（見圖5-5）關(guān)鍵字：固力，GULI，G行業(yè)

14、：制鎖，以掛鎖作為設(shè)計元素店標知識網(wǎng)店首頁設(shè)計任務二 四、店標的設(shè)計步驟1、提取店名關(guān)鍵字，取得關(guān)鍵字的首字母。2、分析行業(yè)、主營業(yè)務或產(chǎn)品分類，進行抽象，選擇可替代該行業(yè)的圖案。3、將字母和圖案結(jié)合，完成標志的設(shè)計。店標知識網(wǎng)店首頁設(shè)計任務二 店招知識一、店招的定義及作用1、店招的定義店招就是商店的招牌（見圖5-6），有的地方叫“招子”。古人稱為“幌子”、“望子”。近年來隨著網(wǎng)絡交易平臺的發(fā)展，店招也延伸到網(wǎng)店中，即虛擬店鋪的招牌。網(wǎng)店的招牌相當于傳統(tǒng)商鋪的“門頭”一樣，具有同樣的含義。網(wǎng)店首頁設(shè)計任務二 二、店招的大小店招尺寸990/950 x120PX，C店和商城的店招尺寸是有區(qū)別的，如

15、圖5-7所示：店招知識2、店招的作用（1）店招可以表明商店所售物品或服務項目的標志；（2）可以傳遞商店的經(jīng)營理念以及品牌優(yōu)勢等；（3）可以展示出店鋪的優(yōu)勢產(chǎn)品及服務。網(wǎng)店首頁設(shè)計任務二 店招知識三、店招的分類以店招的主要功能進行分類的話，店招主要分為下面三大類：1、以品牌宣傳為目的的店招（見圖5-8） 這類店招首先要考慮的內(nèi)容是店鋪名、店鋪logo、店鋪口號因為這是品牌宣傳的最基本的內(nèi)容；其次是關(guān)注按鈕、關(guān)注人數(shù)、收藏按鈕、店鋪資質(zhì)，可以側(cè)面反映店鋪實力；再次是搜索框、第二導航條等方便用戶體驗的內(nèi)容。網(wǎng)店首頁設(shè)計任務二 店招知識2、以活動促銷為目的的店招（見圖5-9）這類店鋪的特點是店鋪活動、

16、流量集中增加，有別于店鋪正常運營。所以店招首要考慮的因素是活動信息/時間/倒計時、優(yōu)惠券、促銷產(chǎn)品等活動或者促銷信息；其次是搜索框、旺旺、第二導航條等方便用戶體驗的內(nèi)容；再次才是店鋪名、店鋪logo、店鋪口號等品牌宣傳為主的內(nèi)容。網(wǎng)店首頁設(shè)計任務二 店招知識3、以產(chǎn)品推廣為目的的店招（見圖5-10） 表現(xiàn)突出、對店鋪有貢獻。店鋪特點是有主推產(chǎn)品、想要主推一款或幾款產(chǎn)品。在店招上，這類店鋪要主打促銷產(chǎn)品、促銷信息、優(yōu)惠券、活動信息等促銷信息；其次是店鋪名、店鋪logo、店鋪口號等品牌宣傳為主的內(nèi)容；再次是搜索框、第二導航條等方便用戶體驗的內(nèi)容。網(wǎng)店首頁設(shè)計任務二 店招知識四、制作店招要注意的事項

17、1、首先視覺重點不宜過多，有1-2個就夠了，太多了導致店招沒有核心。2、其次根據(jù)店鋪現(xiàn)階段的情況來分析，如果現(xiàn)階段是做大促，可以著重突出促銷信息，但是品牌性也不能忽略，反之則剛好相反。3、店招一定要凸顯品牌的特性，讓客戶很容易就清楚你是賣什么的，包括風格，品牌文化等等。這些元素需要我們對自己的品牌有一定的理解之后，方可以應用至店招中，避免對自己的品牌定位出現(xiàn)偏差。 4、顏色不要復雜，顏色一定要保持整潔性，不要使用過多的顏色，店鋪本來需要表達的信息量就不大，不需要把店招作得太花哨，給買家造成視覺疲勞很可能就會流失了客戶的關(guān)注度，盡量只使用1-3種顏色，減少使用過于刺激的顏色。網(wǎng)店首頁設(shè)計任務二

18、促銷區(qū)知識一、常見的網(wǎng)店促銷區(qū) 網(wǎng)店經(jīng)營中，促銷活動是很常見的，因此許多店家都會拿出專門的一個區(qū)域放促銷信息。促銷活動區(qū)一般在首頁海報下方，詳細介紹網(wǎng)店活動內(nèi)容，以此來吸引顧客的眼球、增加顧客在網(wǎng)店的停留時間、提高商品的誘惑力、引導客戶參與活動并吸引客戶點擊購買商品。 利用促銷區(qū)可以傳達的信息有很多種，例如：新品通告、分類推薦、單品推薦、活動入口、優(yōu)惠說明、搜索導航、物流信息、包裝信息、售后承諾和聯(lián)系方式等。但對于促銷區(qū)而言，并不是信息越多越好，而是必須選擇對店鋪引流最有效的、顧客最關(guān)注的信息放進去。網(wǎng)店首頁設(shè)計任務二 促銷區(qū)知識1.優(yōu)惠券（如圖5-11）優(yōu)惠券是網(wǎng)店中最常見的活動內(nèi)容，大部分

19、網(wǎng)店都會設(shè)置優(yōu)惠券，并將其展示于網(wǎng)店顯眼的位置，例如：輪播海報的下方。在網(wǎng)店中，商品是不能隨意降價的，但為了提高網(wǎng)店的轉(zhuǎn)化率，賣家可以使用合適的優(yōu)惠券來吸引消費者，讓消費者產(chǎn)生購買欲，這樣可以有效提高店鋪的轉(zhuǎn)化率。網(wǎng)店首頁設(shè)計任務二 促銷區(qū)知識2.促銷活動 網(wǎng)店平臺平時有很多的促銷活動，包括網(wǎng)店日常的普通打折活動和平臺的大型節(jié)日促銷，這些活動經(jīng)常給店鋪帶來大量的流量和銷售量，同時顧客也通過這些活動獲得實實在在的好處。因此，促銷活動非常受賣家和消費者的歡迎，而各種形式的促銷活動也層出不窮，花樣百出。網(wǎng)店首頁設(shè)計任務二 促銷區(qū)知識1）折扣活動3）抽獎活動2）會員活動4）滿贈活動網(wǎng)店首頁設(shè)計任務二

20、分類導航知識一、產(chǎn)品分類導航的定義及作用定義：淘寶店鋪的分類導航是指引顧客更快找到自己購買物品位置的指向燈，相當于超市中標明各類商品位置的指示牌，其重要性不言而喻。作用：1、引導顧客快速的找到所需要購買的商品，起到了路徑的作用。2、還可以提高顧客在店鋪里的訪問深度，增加瀏覽流量。3、有助于顧客對整個店鋪的商品全面了解，提高客單價。網(wǎng)店首頁設(shè)計任務二 分類導航知識二、產(chǎn)品的分類標準1、按商品類目2、按商品價位3、按商品上架時間4、按店鋪促銷活動每個店鋪的分類標準不盡相同，在進行店鋪分類時，需要根據(jù)自己的店鋪實際情況進行區(qū)別對待。網(wǎng)店首頁設(shè)計任務二 分類導航知識三、產(chǎn)品分類導航的種類1、店招導航2

21、、頁中分類導航網(wǎng)店首頁設(shè)計任務二 分類導航知識3、左側(cè)分類導航網(wǎng)店首頁設(shè)計任務二 分類導航知識4、頁尾導航網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識一、商品陳列區(qū)定義 將產(chǎn)品按銷售者的經(jīng)營思想及要求，有規(guī)律地擺設(shè)、展示、以方便顧客購買，提高銷售效率的重要的宣傳手段，是銷售產(chǎn)業(yè)廣告的主要形式。 合理地陳列商品可以起到展示商品、刺激銷售、方便購買、節(jié)約空間、美化購物環(huán)境等各種重要作用。據(jù)統(tǒng)計，店面如能正確運用商品的配置和陳列技術(shù)，銷售額可以在原有基礎(chǔ)上提高10%。二、商品陳列的重要性 陳列是零售業(yè)的一個重要環(huán)節(jié)，有規(guī)矩擺設(shè)、展示商品，以便顧客購買。同時不僅美化購物環(huán)境，還可以刺激銷售，提高商品銷量?？梢哉f

22、，陳列直接影響著銷售量。網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識三、電商行業(yè)商品陳列 電商行業(yè)商品陳列來源于線下成熟的零售行業(yè)。比如一個陌生的超市，憑感覺能找到商品所在的貨架位置。超市的平面圖并不是隨機的，而是根據(jù)消費者需求來設(shè)計的！淘寶店鋪寶貝陳列，也應有其一定規(guī)律性。 電商行業(yè)中影響商品陳列的主要是：商品分類、商品圖片、商品信息內(nèi)容（商品名稱、商品價格）等內(nèi)容。超市商品陳列電商商品陳列位置內(nèi)容位置內(nèi)容入口處吸引顧客進店，配置主題型季節(jié)促銷區(qū)（特別是標準超市）首屏焦點海報電商主題大促主題區(qū)放在賣場深處，吸引顧客向賣場縱深分類商品陳列區(qū)電商引導性標識端架區(qū)高毛利商品，低價優(yōu)質(zhì)商品，強化價格形象，激發(fā)

23、購買欲望大促商品陳列區(qū)電商新熱促暴點排面促銷區(qū)活化陳列，吸引顧客向貨架深處行進首頁商品分類列表電商分類運營手段特殊陳列包柱子海報宣傳首頁背景設(shè)置電商特別主題裝飾渲染氣氛網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識四、如何進行商品陳列電商行業(yè)，消費者瀏覽習慣都是從上到下，從左到右。陳列原則有：1、重點突出網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識2、整齊統(tǒng)一網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識3、色彩對比網(wǎng)店首頁設(shè)計任務二 商品陳列區(qū)知識4、關(guān)聯(lián)有序網(wǎng)店首頁設(shè)計任務二通過對任務的分析及店鋪首頁各模塊的學習，制定店鋪首頁設(shè)計計劃如下：新建首頁文件策劃字體、字號、配色制作店鋪首頁店鋪首頁修改定稿網(wǎng)店首頁設(shè)計任務二一、新

24、建首頁文件：使用PS軟件，建立首頁文件，設(shè)置新文件寬1920PX,高6000PX，添加輔助線。二、策劃字體、字號、配色和排版：字體：微軟雅黑字號：大標題：60點、中標題：40點、小標題：25點配色：背景色：淡藍色，輔助色：深藍色，點綴色：玫紅色排版：整體簡約、大氣，商品圖片突出，商品賣點、價格醒目，購買按鈕能吸引客戶點擊三、制作店鋪首頁：結(jié)合首頁策劃的結(jié)果，完成店鋪的首頁設(shè)計，包括店招、海報、優(yōu)惠券、促銷區(qū)、店長推薦專區(qū)、新品上市專區(qū)。四、店鋪首頁修改定稿。檢查完成的首頁，對存在的問題進行修改，完成之后將首頁保存為PSD和JPG格式文件。網(wǎng)店首頁設(shè)計任務二一、新建圖像打開Photoshop軟件

25、，新建文件，寬度：1920PX，高度6000PX，文件命名為：伊米生活淘寶店首頁。網(wǎng)店首頁設(shè)計任務二如果首頁設(shè)計的圖片高度不夠，則可以通過修改畫布大小來增加。打開“畫布大小”，修改高度為所需要的高度，定位點擊向上箭頭。網(wǎng)店首頁設(shè)計任務二新建參考線，輔助完成首頁設(shè)計定位。垂直方向：485px，1435px兩條；水平方向：120px，150px，600px三條網(wǎng)店首頁設(shè)計任務二二、店招設(shè)計在首頁文件的店招區(qū)域，插入店標、收藏按鈕、店名、店鋪口號、推薦商品等內(nèi)容，并進行布局和排版，完成店招的設(shè)計。網(wǎng)店首頁設(shè)計任務二三、導航欄設(shè)計在店招下方，新建導航欄，包含所有商品、首頁、店長推薦、居家日用、熱銷商品

26、等分類，藍底白字顯示。網(wǎng)店首頁設(shè)計任務二四、全屏海報設(shè)計在海報區(qū)域制作海報，參考本書學習情景二的海報設(shè)計知識，完成海報設(shè)計。網(wǎng)店首頁設(shè)計任務二五、優(yōu)惠券設(shè)計在海報的下方，進行優(yōu)惠券設(shè)計。優(yōu)惠券的面值有三種：5元，滿50元使用；10元，滿80元使用；20元，滿100元使用。并設(shè)置點擊領(lǐng)取按鈕，高亮顯示，吸引顧客點擊領(lǐng)取。網(wǎng)店首頁設(shè)計任務二六、促銷區(qū)設(shè)計在店鋪首頁中，促銷區(qū)的設(shè)置可以提升店鋪轉(zhuǎn)化率，提高客單價。在本首頁中，設(shè)置了三個促銷活動?；顒?：幸運大轉(zhuǎn)盤活動2：買滿100元送禮品活動2：買滿150元送禮品在促銷區(qū)，使用藍色作為底色，突出活動內(nèi)容，達到吸引顧客注意的目的。網(wǎng)店首頁設(shè)計任務二七、

27、店長推薦專區(qū)設(shè)計 店長推薦區(qū)，將店鋪內(nèi)最有競爭優(yōu)勢或者最熱賣的產(chǎn)品進行推薦，吸引更多顧客購買。 本首頁推薦了5款產(chǎn)品，每款推薦產(chǎn)品的海報圖中，包含產(chǎn)品圖片、產(chǎn)品名稱、產(chǎn)品賣點、產(chǎn)品價格和搶購按鈕，產(chǎn)品按鈕高亮顯示，吸引顧客點擊。網(wǎng)店首頁設(shè)計任務二八、新品上市專區(qū)設(shè)計新品上市專區(qū)，將店鋪內(nèi)最新上架的產(chǎn)品進行推薦，吸引更多顧客購買。本店新品區(qū)推薦了4款產(chǎn)品，每款新產(chǎn)品的圖中，包含產(chǎn)品圖片、產(chǎn)品名稱、產(chǎn)品賣點、產(chǎn)品價格和搶購按鈕，產(chǎn)品按鈕高亮顯示，吸引顧客點擊。網(wǎng)店首頁設(shè)計任務二任務名稱店鋪首頁設(shè)計制作 任務要求結(jié)合上一同步實訓任務的首頁策劃結(jié)果，為小家電店鋪設(shè)計店鋪首頁。制作規(guī)范首頁寬：1920像

28、素，核心內(nèi)容需要放置在頁面中心950像素內(nèi)，頁面配色協(xié)調(diào)、布局合理、產(chǎn)品信息突出。記錄學習過程和任務實施中的重要知識點及所需要用到的應用資源、以及那些老師指導任務時提出的要點知識要點/學習問題知識點的具體解釋/學習應用資源/老師指導任務要點1、 2、 3、 圖1-1 某化妝品店鋪首頁 1 圖1-2 某化妝品店鋪首頁21、某化妝品店鋪首頁 1，第一感覺是數(shù)碼電器類店鋪的裝修風格，而對于化妝品店，就應選干凈、清爽的配色，這樣的黑色顯不出高端反而有點壓抑。2、某化妝品店鋪首頁2，裝修以淺色系為主，配色清新、自然，對化妝品類目來說，這種清爽、干凈的裝修風格更能凸顯化妝品的商品定位。所以說一個好的店鋪裝

29、修，是一種營銷，一種推廣。差的店鋪裝修效果，無論多么名貴的商品都體現(xiàn)不出商品的價值。 網(wǎng)店首頁包含的模塊首頁上傳方法模塊裝修使用DW上傳店招的方法網(wǎng)店首頁上傳任務三1、模塊上傳使用智能版旺鋪的裝修模塊，完成首頁中的對應模塊的上傳，在上傳過程中，需要分別完成各模塊圖片的設(shè)計。2、代碼上傳 將首頁設(shè)計為一張完整的圖片，利用PS軟件進行切片，保存為HTML網(wǎng)頁文件，并DW軟件修改圖片目標鏈接，可通過添加全屏代碼實現(xiàn)全屏首頁的整體上傳。3、第三方工具上傳 可使用一些第三方工具，智能化的完成首頁的上傳。目前比較受歡迎的有“稿定設(shè)計”等工具，這些工具更新頻率較快，可關(guān)注最新的第三方工具。 一、首頁上傳方法

30、網(wǎng)店首頁上傳任務三淘寶旺鋪的智能版包括了基礎(chǔ)模塊和設(shè)計師模塊兩大類。 二、網(wǎng)店首頁包含的模塊1、基礎(chǔ)模塊基礎(chǔ)模塊中，可以分為以下幾類店鋪招牌寶貝推薦類：寶貝推薦、寶貝排行、自定義區(qū)分類導航類：默認分類、個性分類、懸浮導航、寶貝搜索圖片展示類：圖片輪播、全屏寬圖、全屏輪播營銷類：滿返、紅包、購物券、滿減其他類：友情鏈接、客服中心、生意參謀、無線二維碼、充值中心、公益廣告、小黃條 網(wǎng)店首頁上傳任務三 2、設(shè)計師模塊 特價專區(qū)寶貝排行寶貝分類網(wǎng)店首頁上傳任務三 三、模塊裝修1、店招 使用“店鋪招牌”模塊來完成。2、導航條 默認情況下，店鋪提供高30PX的導航條，如果想設(shè)計的更加精美，可與店招設(shè)計在一

31、起，發(fā)揮設(shè)計水平的空間會更大一些。3、全屏海報 需要使用“全屏寬圖”模塊完成。4、產(chǎn)品促銷輪播海報 需要使用到“圖片輪播”模塊完成。5、優(yōu)惠券 優(yōu)惠劵可使用“購物券”模塊來完成。6、活動區(qū) 需要使用到基礎(chǔ)模塊中的“營銷類”模塊完成。7、產(chǎn)品展示區(qū) 默認的主圖展示，可通過“寶貝推薦”完成，但自定義的主圖展示則需要使用“自定義區(qū)”模塊完成。 網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：使用DW熱點工具，完成店鋪頁頭部分的上傳1、打開Dreamweaver軟件，新建文件，插入店鋪店招的核心部分圖片（店招中心950像素區(qū)域，可以進行超鏈接，即圖中紅色區(qū)域）網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的

32、方法：2、將店招核心區(qū)域圖片上傳至圖片空間，使用圖片空間中的圖片地址，替換該圖片的源文件。網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：3、選中圖片，在該圖片的屬性欄中，找到“地圖”屬性，選擇“矩形熱點工具”，在圖片中需要添加鏈接的區(qū)域，劃定矩形區(qū)域。網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：4、添加完成熱點區(qū)域之后，對每個熱點區(qū)域的鏈接進行添加，添加需要鏈接的目標商品或者鏈接對象。網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：5、修改熱點鏈接后，復制代碼，拷貝 . 中的代碼。網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：6、打開店鋪PC端裝修頁面，編輯店招部分，將復制到的代碼，粘

33、貼至自定義招牌代碼編輯區(qū)。網(wǎng)店首頁上傳任務三 四、使用DW上傳店招的方法：7、點擊頁頭，將店招圖片上傳到“頁頭背景圖”處，并關(guān)閉頁頭下邊距10像素，保存后即可看到店招效果。通過對任務的分析及首頁圖片的分析，制定首頁上傳的步驟計劃如下：對首頁圖進行切片修改每個切片的源文件修改需要鏈接的地址上傳修改好的代碼對首頁圖進行切片修改每個切片的源文件網(wǎng)店首頁上傳任務三1、使用旺鋪的模塊上傳，簡便易操作，但有局限性，自由度不高，無法完成已設(shè)計首頁的上傳。2、使用第三方平臺上傳，受平臺的限制，無法自由控制各模塊的大小與位置。3、使用ps切片的形式上傳，可自由發(fā)揮，各模塊的大小位置可任意調(diào)整，并且上傳簡單，適用

34、于任何一個首頁。4、本首頁采用PS切片的形式上傳，步驟包括：首頁切片修改圖片原文件修改鏈接地址上傳代碼。網(wǎng)店首頁上傳任務三1、使用PS軟件，將已經(jīng)完成的店鋪首頁JPG圖片打開。網(wǎng)店首頁上傳任務三一、首頁切片2、使用工具欄中的切片工具，對圖片進行裁切，切片時，可使用輔助線作為參考。網(wǎng)店首頁上傳任務三3、切片的劃分如下：店招導航部分、海報部分、3張優(yōu)惠券單獨切片，3個促銷活動單獨切片，5件店長推薦商品單獨切片，4件新品單獨切片。切片和切片之間不要留空，以保證產(chǎn)生盡可能少的切片。網(wǎng)店首頁上傳任務三4、切片完成后，點擊“文件”菜單中的“存儲為Web和設(shè)備所用格式”子菜單。在彈出的對話框中，選擇所有的切

35、片，并設(shè)置圖片格式為JPEG。網(wǎng)店首頁上傳任務三5、設(shè)置完成后，點擊存儲按鈕進行保存。選擇一個目錄對文件進行保存，保存格式設(shè)置為“HTML和圖像”。網(wǎng)店首頁上傳任務三6、保存成功后，產(chǎn)生了一個HTML網(wǎng)頁文件，一個包含切片圖片文件夾。網(wǎng)店首頁上傳任務三1、將切片生成的“images”圖片文件夾中的圖片，上傳至店鋪的圖片空間。網(wǎng)店首頁上傳任務三二、上傳首頁2、使用Dreamweaver軟件，編輯前面保存的“首頁.HTM”網(wǎng)頁。網(wǎng)店首頁上傳任務三3、修改網(wǎng)頁中商品圖片的“源文件”地址為圖片空間中的圖片地址（注意圖片的對應），并且修改圖片的“鏈接”地址，商品及海報圖片設(shè)置為對應的商品地址，優(yōu)惠券及促

36、銷活動設(shè)置為相關(guān)的鏈接地址。網(wǎng)店首頁上傳任務三4、編輯完成后，查看該網(wǎng)頁代碼，復制到中間的代碼。網(wǎng)店首頁上傳任務三5、將拷貝好的代碼，粘貼至下面的全屏代碼中，并填入店鋪首頁頁面高度、頁面寬的一半兩個信息。首頁網(wǎng)頁代碼粘貼處網(wǎng)店首頁上傳任務三6、將加入全屏的首頁網(wǎng)頁代碼粘貼至店鋪首頁新增的“自定義內(nèi)容區(qū)”中，并進行發(fā)布。7、發(fā)布成功后，首頁裝修效果將顯示在店鋪里。網(wǎng)店首頁上傳任務三任務名稱將上一任務同步實訓完成的首頁，進行上傳。任務要求使用DW熱點工具，完成店鋪頁頭部分的店招及導航欄的上傳工作。使用切片工具，完成店鋪頁面部分的的切片，以及鏈接的修改，并進行頁面部分的上傳。制作規(guī)范完成首頁內(nèi)容的上

37、傳工作，注意圖片之間不要留空隙，所有鏈接設(shè)置正確。首頁效果圖片使用上一任務中完成的首頁圖片，進行上傳工作。記錄學習過程和任務實施中的重要知識點及所需要用到的應用資源、以及那些老師指導任務時提出的要點知識要點/學習問題知識點的具體解釋/學習應用資源/老師指導任務要點1、 2、 3、 圖1-1 某化妝品店鋪首頁 1 圖1-2 某化妝品店鋪首頁21、某化妝品店鋪首頁 1，第一感覺是數(shù)碼電器類店鋪的裝修風格，而對于化妝品店，就應選干凈、清爽的配色，這樣的黑色顯不出高端反而有點壓抑。2、某化妝品店鋪首頁2，裝修以淺色系為主，配色清新、自然，對化妝品類目來說，這種清爽、干凈的裝修風格更能凸顯化妝品的商品定

38、位。所以說一個好的店鋪裝修，是一種營銷，一種推廣。差的店鋪裝修效果，無論多么名貴的商品都體現(xiàn)不出商品的價值。 手機端首頁設(shè)計任務四 手機無線端的時代，手機端的銷售占比幾乎占到了店鋪總銷售額的95%，很多賣家越來越注重手機端店鋪的裝修。一、手機端首頁設(shè)計的要求 手機端首頁需要依據(jù)消費人群的喜好確定首頁結(jié)構(gòu)風格、內(nèi)容模塊和寶貝選擇，具體要求有以下幾點：1.模塊清晰，劃分明確2.重點突出，主次有序3.首屏海報一屏化4.圖形化和圖表化展示5.字號要求6.語言精煉簡潔 1、模塊清晰，劃分明確 手機端人群選擇面廣，瀏覽速度快，手機端屏幕小，因此各模塊必須劃分明確，能向用戶清晰準確快速的傳遞信息。手機端首頁

39、設(shè)計任務四 2、重點突出，主次有序 手機端設(shè)備屏幕小，傳遞信息有限，而瀏覽速度快，信息傳達的先后和主次非常的重要。詳略得當，避免大量信息堆積造成閱讀障礙。手機端首頁設(shè)計任務四 3、首屏海報一屏化第一屏海報的設(shè)計盡量滿足一屏化效果。根據(jù)市面上智能手機的屏幕大小，店鋪海報以豎圖較為合適。手機端首頁設(shè)計任務四 4、圖形化和圖表化展示 圖片的效果大于文字，能用圖片的不用文字。避免過多文字堆積，將畫面圖形化和圖表化，讓畫面的細節(jié)豐富起來讓人感覺更清晰明了、更精致吸引人。手機端首頁設(shè)計任務四 5、字號要求 統(tǒng)一畫面的最大最小文字的字號、避免畫面混亂。根據(jù)淘寶文字設(shè)計規(guī)范，常用的字號有：24-36之間，手機

40、屏能看清的最小文字是20號，看起來舒適的大小文字為24號字，需要閱讀的文字最小號為24號，如果內(nèi)容過多，不建議小于20號。英文字母等不需要閱讀的文字除外。手機端首頁設(shè)計任務四 6、語言精煉簡潔 要用最少的語言文字達到最大化的效果。一屏的內(nèi)容不宜過多，一行內(nèi)最多四個有用信息。手機端首頁設(shè)計任務四 手機端首頁的布局需要從消費者的角度出發(fā)，讓首頁布局更好的提升消費者的購物體驗，從而提升店鋪轉(zhuǎn)化。 常見手機端首頁布局一般包含以下模塊：店招、導航、輪播海報、促銷活動區(qū)和產(chǎn)品展示區(qū)，手機端店鋪裝修常用的尺寸寬度為1200px，每個手機端裝修頁最多放35個系統(tǒng)模塊。手機端首頁設(shè)計任務四 店招：手機店鋪的店招

41、是一個無法刪除和移動順序的模塊，新版裝修當中，店招無法修改，因此為了店鋪整體設(shè)計效果，在制作手機端首頁時，要與店招的系統(tǒng)樣式保持和諧。導航：手機端店鋪頁面高度長，導航能有效引導消費者找到所需商品，是手機端必要模塊，大部分手機端首頁有兩個以上導航模塊。輪播海報：手機端首頁本寸土寸金，要在有限的范圍最大限度向用戶展示優(yōu)勢。用輪播海報展示產(chǎn)品信息，可以讓用戶在手動或自動的輪播跳躍中，收到盡可能多的店鋪或產(chǎn)品信息。促銷活動區(qū)：包含會員活動、優(yōu)惠券、滿贈活動等多種優(yōu)惠內(nèi)容的模塊，受限于手機端屏幕大小，要注重布局合理，排版清晰，主次分明，語言簡潔，突出重點。產(chǎn)品展示區(qū)：為清晰地展示產(chǎn)品，一般采用單列展示或

42、雙列展示，可以根據(jù)店鋪的需要，選擇傳統(tǒng)的寶貝展示模塊，或選擇千人千面等智能功能模塊展示店鋪產(chǎn)品。手機端首頁設(shè)計任務四 三、手機端首頁的上傳 由于手機端設(shè)備具備觸屏和智能功能，選擇設(shè)計更為突出。因此，在裝修模塊的應用上與pc端出入較大，手機端店鋪應在設(shè)計樣式保持與pc端相對統(tǒng)一的基礎(chǔ)上，按照所需的呈現(xiàn)方式和功能，靈活選擇合適的模塊，建立模塊庫進行上傳。 新版旺鋪裝修增設(shè)了頁面管理（如圖5- 61），區(qū)別于舊版的直接應用模塊上傳。新版的裝修步驟為：新建首頁拖入容器創(chuàng)建模塊放置模塊保存頁面發(fā)布頁面（類似舊旺鋪），或者，創(chuàng)建模塊新建首頁拖入容器放置模塊保存頁面發(fā)布頁面（全新的流程）。下面詳細介紹手機端

43、裝修的頁面容器（如圖5- 62）和模塊。手機端首頁設(shè)計任務四 手機端首頁設(shè)計任務四1.模塊管理 所有的裝修模塊會保存在模塊管理的模塊庫中。模塊內(nèi)容可在頁面裝修時，添加容器后在容器中新增編輯，也可在模塊庫提前創(chuàng)建。 手機端首頁設(shè)計任務四2.頁面容器 頁面容器位于店鋪裝修編輯器左側(cè)（如圖5-64），可以拖動所需的容器添加到編輯器中。布局管理可以對每個頁面容器進行順序的挪動。一個容器內(nèi)可以裝修多個模塊內(nèi)容（模塊可以提前創(chuàng)建好，以便在右側(cè)直接添加）。系統(tǒng)的頁面容器類型有：圖文類、寶貝類、視頻類和營銷互動類。 模塊介紹規(guī)格可使用數(shù)量輪播圖模塊圖片輪播模塊，每個圖片最多允許1個淘內(nèi)自定義URL跳轉(zhuǎn)。寬12

44、00px，高600-2000px；大小不超過2兆。20個單張海報即單張圖片海報，允許1個淘內(nèi)自定義URL跳轉(zhuǎn)，并支持圈品微詳情承接模式。寬1200px，高120-2000px；大小不超過2兆。20個店鋪熱搜快速引導用戶到達關(guān)鍵詞結(jié)果頁，相比與店鋪自行制作的關(guān)鍵詞模塊，其優(yōu)勢在于算法自動分析展示，更為準確。1個文字標題概括性產(chǎn)品文案，文案不可多，要精確。20個手機端首頁設(shè)計任務四（1）圖文類 模塊介紹規(guī)格可使用數(shù)量多熱區(qū)切圖類似老旺鋪中的美顏切圖模塊和自定義模塊，支持多熱區(qū)鏈接。寬1200px，高120-2000px；大小不超過2兆。20個人群海報在用戶運營中心，設(shè)置策略，根據(jù)算法千人千面展示的

45、海報。1個其他圖文類買家秀、鹿班單張海報手機端首頁設(shè)計任務四（1）圖文類 模塊介紹規(guī)格可使用數(shù)量單視頻補充圖文靜態(tài)的動態(tài)表達方式，可以跳轉(zhuǎn)鏈接，豐富裝修頁面。支持9:16/3:4/16:9，但優(yōu)先9：16豎屏，長度10秒到10分鐘之內(nèi)，大小不超過300M，MP4格式。1個手機端首頁設(shè)計任務四（2）視頻類 模塊介紹規(guī)格可使用數(shù)量排行榜銷售榜、收藏榜、新品榜，商品自動抓取透出并使用微詳情展開榜單內(nèi)全部商品1個系列主題寶貝方便店鋪組織商品系列并快速裝修，基于品牌自有系列的商品表達；支持橫滑；主題間、商品間可實現(xiàn)個性化推薦排序樣式1：寬1200px，高591px20個樣式2：寬750px，高1010p

46、x。（橫滑效果）樣式3:寬1200px，高252px智能寶貝推薦較為通用的寶貝模塊，系統(tǒng)內(nèi)有多種可選擇樣式。Banner圖尺寸寬：1200px，高376px，大小不超過2兆。20個鹿班智能貨架多種智能設(shè)計樣式可選擇，分為免費的和收費的，也可以自行定制樣式。1個手機端首頁設(shè)計任務四（3）寶貝類 模塊介紹可使用數(shù)量備注店鋪優(yōu)惠券系統(tǒng)自動抓取已創(chuàng)建的優(yōu)惠券，按照面額由小到大排列，最多展示6個優(yōu)惠券1個裂變優(yōu)惠券系統(tǒng)自動抓取您公開投放的裂變優(yōu)惠券，面額從大到小展示，僅支持選擇通用推廣渠道裂變優(yōu)惠券1個購物金店鋪優(yōu)惠購物金。1個芭芭農(nóng)場模塊內(nèi)容由算法生成，無需裝修。1個不可在模塊管理添加，直接在編輯器添

47、加手機端首頁設(shè)計任務四（4）營銷互動類 模塊介紹可使用數(shù)量備注店鋪會員模塊模塊內(nèi)容由算法生成，無需裝修。1個不可在模塊管理添加，直接在編輯器添加人群優(yōu)惠券針對潛在客戶人群發(fā)放的優(yōu)惠券，在客戶運營平臺可以修改策略。1個手機端首頁設(shè)計任務四（4）營銷互動類通過對任務的分析及詳情頁設(shè)計的學習，制定以下計劃： 手機端首頁設(shè)計任務四 本次的任務是為新店鋪YIMI伊米生活館設(shè)計手機端店鋪首頁，根據(jù)本情境前三個任務完成的pc端首頁裝修，手機端店鋪首頁布局為：店招、分類導航、輪播海報、促銷活動和產(chǎn)品展示區(qū)。通過對店鋪的布局規(guī)劃與模塊分析選擇得出：手機端首頁設(shè)計任務四1、設(shè)計規(guī)劃 根據(jù)任務和手機端首頁模塊，設(shè)計

48、手機端首頁規(guī)劃手機端首頁設(shè)計任務四2、設(shè)計優(yōu)化 （1）將PC端的設(shè)計改為合適手機端設(shè)計的尺寸：以輪播海報為例，打開PS，新建一個寬為1200px，高度為1300px的文件，將pc端的海報文件添加到新建psd文件中的，改為上下排版，調(diào)整字體大?。ǔ龢祟}外，字體大小改為18-24）。 其他的模塊的操作方法以此類推，輪播海報寬度1200px；促銷活動區(qū)寬度1200px，單個多熱區(qū)切圖模塊的最大高度是2000px；產(chǎn)品展示區(qū)1寬度1200px，高度不限具體尺寸。保存上傳到手機端首頁設(shè)計文件夾。手機端首頁設(shè)計任務四2、設(shè)計優(yōu)化 （2）將文件夾內(nèi)的設(shè)計圖上傳到圖片空間。手機端首頁設(shè)計任務四3、模塊上傳（1

49、）手機端裝修頁面新建、進入賣家工作臺，左側(cè)“店鋪管理”中選擇“店鋪裝修”，進入裝修后臺。手機端首頁設(shè)計任務四3、模塊上傳、在舊版店鋪裝修后臺中，若店鋪等級低于1鉆，可以免費使用智能版裝修，反之，使用智能版功能則需要付費購買。手機端首頁設(shè)計任務四3、模塊上傳、在新版店鋪裝修無分基礎(chǔ)版和智能版，打開新版后臺即為手機端裝修頁面，選擇新建頁面。手機端首頁設(shè)計任務四3、模塊上傳、將創(chuàng)建的頁面命名為“YIMI伊米生活”，點擊確定，則完成了手機端頁面的新建。手機端首頁設(shè)計任務四（2）分類導航的設(shè)置、滑動到左方隱藏導航條，點擊基礎(chǔ)設(shè)置，再點擊分類設(shè)置。手機端首頁設(shè)計任務四、選擇新寶貝分類頁面，點擊裝修頁面.手

50、機端首頁設(shè)計任務四、可以選擇一鍵導入分類，或者手動輸入一級/二級/三級分類，上傳相應的產(chǎn)品圖和關(guān)聯(lián)產(chǎn)品。手機端首頁設(shè)計任務四、根據(jù)店鋪分類，右方有頁面效果展示，點擊發(fā)布.手機端首頁設(shè)計任務四（3）輪播海報的上傳 打開手淘首頁中的裝修頁面，在編輯器左側(cè)圖文類找到輪播圖模塊，拖動添加到手機端首頁當中。點擊輪播圖模塊，設(shè)置模塊基礎(chǔ)內(nèi)容，建立模塊名稱，點擊“+”上傳圖片，在在圖片空間中選擇對應的輪播海報，點擊保存。手機端首頁設(shè)計任務四（3）輪播海報的上傳 另外，繼續(xù)點擊“+”，可繼續(xù)添加輪播海報，但所有的輪播海報必須尺寸統(tǒng)一才可以正常顯示（如圖5-81）。還可使用智能展示設(shè)置，選擇平均分配或智能分配展

51、示，智能分配展示由系統(tǒng)算法擇優(yōu)展示（如圖5-82）。手機端首頁設(shè)計任務四（4）促銷活動區(qū)（多熱點切圖模塊） 、上傳促銷活動區(qū)：在編輯器左側(cè)圖文類找到多熱區(qū)切圖，拖動添加到手機端首頁當中。點擊多熱區(qū)切圖模塊，設(shè)置模塊名稱，添加圖片，選擇對應的促銷活動區(qū)圖，點擊保存。手機端首頁設(shè)計任務四（4）促銷活動區(qū)（多熱點切圖模塊） 、設(shè)置熱區(qū)：打開添加熱區(qū)，根據(jù)所需的鏈接數(shù)量添加熱區(qū)管理。用鼠標拖動選中熱區(qū)，并輸入改熱區(qū)對應的跳轉(zhuǎn)頁地址，完成促銷活動區(qū)的熱區(qū)設(shè)置。手機端首頁設(shè)計任務四（5）產(chǎn)品展示區(qū)1（單列海報模塊） 在左側(cè)圖文類找到單圖海報模塊，拖動添加到手機端首頁當中，點擊添加圖片，選擇將已修改好尺寸的單列產(chǎn)品圖逐個上傳，并添加鏈接，點擊保存。 手機端首頁設(shè)計任務四（5）產(chǎn)品展示區(qū)1（單列海報模塊） 除了單張海報外，還可使用鹿