1、移動端店鋪的視覺營銷設計視覺營銷從入門到精通（微課版）項目八CONTENTS目 錄 認識移動端店鋪營銷8.1移動端首頁設計與制作移動端詳情頁設計與制作8.28.3重點、難點教學重點 掌握移動端首頁的設計要點 掌握移動端首頁頁及其模板設計與裝修的方法教學難點 能夠抓住移動端首頁設計的要點。 能夠應用移動端模板和其頁面的自定義模塊與電腦端首頁設計相比，移動端首頁的內容更加集中，需要通過添加具有視覺吸引力的各種模塊來吸引客戶點擊，提升店鋪商品的流量。店招、焦點圖、分類、商品信息展示等常規模塊是首頁的基本組成元素，本任務將從移動端首頁的布局入手，講解移動端首頁的設計與制作方法。本 節 導 讀8.2.1

2、 移動端首頁布局店招尺寸最新版的店招尺寸是：750*580px！當然最新版其他模板中的模塊的寬度也都調整成了750px。另外新版店招可以編輯時候修改店鋪logo，店鋪名稱等等。店鋪logo這個正方形的圖片是非常重要的，因為他會在非常多的地方展示：比如會在旺旺頭像展示，搜索店鋪會展示到logo，手機端店鋪首頁也能看到logo等等很多地方。標題模塊：主要用來區分商品類別、展示店鋪又是，品牌理念，最多支持12個中文字符。焦點圖模塊：一般用于店鋪活動宣傳、店鋪商品宣傳、店鋪形象宣傳等。在制作輪播焦點圖時，輪播圖最多可以添加4張。優惠券模塊：重點醒目、清晰、互動性強，菊優分割空間活躍頁面的效果?？梢杂枚?/p>

3、圖、左圖右文等模塊進行制作，在制作時可以表現微淘專享、新品上市等內容。左圖右文模塊：一般用于店鋪活動宣傳、店鋪王牌商品展示、店鋪文化介紹等。要求清晰準確，有一些引導按鈕引導客戶點擊。套餐搭配模塊：告知客戶店鋪搭配套餐，以提高成交量。商品模塊：用于對店鋪的商品進行展示，在注意布局的同時應盡量將主營的商品全部覆蓋。展示時，應將王牌商品、熱銷商品進行重點突出展示，可通過色相對比吸引客戶眼球，或添加相應元素。自定義導航分類模塊：引導分類商品，有效促進客戶分流。微淘：8.2.2 移動端首頁裝修的注意事項注重感官的習慣性與舒適性合理控制頁面的長度頁面整體內容的把握與電腦端的視覺統一注意事項8.2.3 移動

4、端首頁的制作1店招1238.2.3 移動端首頁的制作2焦點圖1238.2.3 移動端首頁的制作2焦點圖4568.2.3 移動端首頁的制作3優惠券12348.2.3 移動端首頁的制作4商品分類128.2.3 移動端首頁的制作5促銷展示區1234568.2.3 移動端首頁的制作5促銷展示區789108.2.3 移動端首頁的制作5促銷展示區11128.2.3 移動端首頁的制作6商品展示區14238.2.3 移動端首頁的制作6商品展示區5678.2.4 任務實訓及考核序號任務描述任務要求1制作“女鞋”移動端首頁，要求在其中體現店鋪的特色和促銷信息掌握女鞋移動端首頁的制作方法2制作“飲水機”移動端首頁，要求展現多種款式的飲水機，并對主推商品進行重點展示掌握飲水機移動端首頁的制作方法8.2.4 任務實訓及考核序號任務描述分值（100分）說明1簡述移動端首頁布局2簡述移動端首頁裝修的注意事項3掌握移動端首頁的制作方法（1）本練習將利用搜集的