第7章網(wǎng)店的設(shè)計與裝修淘寶網(wǎng)開店、裝修、運營、推廣與管理（微課版）7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.1.1確定店鋪類型和風(fēng)格店鋪所出售的商品不一樣，店鋪風(fēng)格就會有很大的差異。比如服裝類的店鋪，其裝修風(fēng)格一般都比較華麗，多以模特圖片為主，非常注重美觀性。家具、裝修等店鋪裝修，則比較注重物品的搭配和擺放，運動、數(shù)碼、五金等類型，則更注重實用性和功能性。7.1.2收集素材收集素材也是裝修店鋪的一項重要工作，可以簡化裝修過程。在明確了店鋪的類型和裝修方向之后，就可以通過各種素材網(wǎng)尋找與自己店鋪風(fēng)格相適應(yīng)的素材，主流的素材網(wǎng)一般包括素材中國、昵圖網(wǎng)、千鳥網(wǎng)、花瓣網(wǎng)等。7.1.3認識店鋪裝修的模塊淘寶店鋪中的模塊一般包括店招、導(dǎo)航、商品分類導(dǎo)航、公告欄、圖片輪播模塊等,01OPTION02OPTION03OPTION04OPTION導(dǎo)航：導(dǎo)航一般位于店招下方，主要用于對店鋪的商品進行大致的分類。商品分類導(dǎo)航：商品分類導(dǎo)航是對商品進行細分的導(dǎo)航，主要用于方便買家精確找到所需的商品。圖片輪播：圖片輪播主要用于播放店鋪中的商品圖片，可以放置熱銷商品、新品、打折商品等。店招：店招就是店鋪招牌，位于店鋪頁面的最上方，一般用以宣傳店鋪，包括商店的名稱，也可放置少量文案和商品圖片。7.1.4文案的策劃與寫作1.文案的策劃分析利益點：將消費者關(guān)注的商品的多個方面屬性，如實用性、便利性、操作感、安全性等體現(xiàn)出來。定位使用場景：定位使用場景是指給消費者指明商品的使用場合。明確“競爭對手”：商品的競爭對手還可是環(huán)境、習(xí)俗、職業(yè)、場合等。明確顧客群：對消費者的消費行為進行具體分析，了解消費的原因和目的，寫出具有較強針對性的文案。分解商品屬性：分解商品屬性即明確商品功能，突出商品優(yōu)點。7.1.4文案的策劃與寫作2.文案的寫作（1）主圖文案主圖文案是網(wǎng)上商品的主要文案之一，一般都字數(shù)精煉，一目了然。目標明確緊抓需求精煉表達7.1.4文案的策劃與寫作2.文案的寫作（2）詳情頁文案情頁文案與轉(zhuǎn)化率息息相關(guān)，我們在出售商品時，不僅要吸引顧客查看商品，還需要促成消費者的購買行為，詳情頁文案即是促成消費者購買的有效手段。引發(fā)消費者興趣獲得消費者信任打消消費者顧慮激發(fā)消費者需求激發(fā)消費者購買7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.2.1使用圖片空間1、進入圖片空間2、上傳圖片3、選擇圖片7.2.2管理圖片空間1.替換圖片7.2.2管理圖片空間2.移動圖片1、移動圖片1、查看移動的圖片7.2.2管理圖片空間3.查看引用1、查看引用2、替換圖片7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.3.1店招制作規(guī)范店招的表現(xiàn)形式較多，可以是靜態(tài)店招，也可以是動態(tài)店招。在淘寶網(wǎng)中，店招的制作有一定的規(guī)范性，下面對其注意事項進行介紹。淘寶網(wǎng)支持的店招圖片格式為GIF、JPG、PNG。店招圖片的默認尺寸為950×120像素，大于該尺寸的部分將被裁剪掉。自定義尺寸可以制作成全屏通欄的寬度，即1920×150像素。淘寶店招的圖片大小不能超過100KB。7.3.2設(shè)計店招1.設(shè)計常規(guī)店招1、繪制形狀2、填充形狀3、添加文本4、添加素材7.3.2設(shè)計店招2.設(shè)計通欄店招1、添加參考線2、填充形狀3、編輯形狀7.3.3上傳店招1.上傳默認店招1、編輯店招2、選擇圖片7.3.3上傳店招2.設(shè)置背景色7.3.3上傳店招3.上傳自定義通欄店招2、碼工助手1、店招切片3、設(shè)置熱區(qū)和跳轉(zhuǎn)7.3.4設(shè)置導(dǎo)航條3.上傳自定義通欄店招1、添加導(dǎo)航內(nèi)容2、查看導(dǎo)航7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.4.1分類導(dǎo)航制作規(guī)范為了店鋪美觀，可以專門為商品分類導(dǎo)航制作圖片或圖標。自定義制作的分類導(dǎo)航，其顏色、風(fēng)格等應(yīng)該與店鋪的整體裝修風(fēng)格相適應(yīng)。商品分類圖片寬度最好不超過160像素，否則當(dāng)顯示器分辨率小于或等于1024×768像素，容易造成店鋪首頁寶貝分類欄右側(cè)的商品列表下移。在商品分類中，還可以添加子分類。為了方便操作，建議先完成子分類的創(chuàng)建，再將商品轉(zhuǎn)入到相關(guān)分類下。7.4.2制作分類導(dǎo)航按鈕1、繪制形狀2、設(shè)置形狀3、切片7.4.3設(shè)置分類導(dǎo)航按鈕1、添加分類2、上傳圖片7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.5.1圖片輪播模塊1.制作常規(guī)輪播模塊的圖片1、調(diào)整圖片2、輸入和設(shè)置文本3、查看效果7.5.1圖片輪播模塊2.設(shè)置常規(guī)輪播模塊1、選擇圖片2、添加圖片7.5.1圖片輪播模塊3.制作全屏輪播圖片全屏輪播圖片效果是可以覆蓋整個屏幕的一種效果，因此全屏輪播圖片的寬度要制作成1920像素，高度一般以400~800像素為最佳。7.5.1圖片輪播模塊4.設(shè)置全屏輪播圖片1、添加自定義模塊2、使用碼工助手3、設(shè)置圖片鏈接4、設(shè)置圖片效果7.5.2客服中心1、設(shè)置工作時間2、新建客服員工7.5.3商品搜索淘寶為買賣家提供了店內(nèi)寶貝搜索模塊，通過該模塊可以幫助消費者快速搜索所需的商品。1、添加搜索模塊2、查看搜索效果7.1店鋪裝修前期準備內(nèi)容導(dǎo)航7.2使用和設(shè)置圖片空間7.3設(shè)置店招和導(dǎo)航實戰(zhàn)訓(xùn)練7.4設(shè)置分類導(dǎo)航7.5添加店鋪其他裝修模塊7.6設(shè)計商品詳情頁7.6.1商品詳情頁制作規(guī)范商品詳情頁的風(fēng)格應(yīng)該與店標風(fēng)格、店招風(fēng)格等相適應(yīng)，不能相差太大，以免頁面整體不協(xié)調(diào)。商品詳情頁的內(nèi)容一般都比較多，為了避免加載過慢的問題，建議不要使用太大的圖片。商品詳情頁主要通過瀏覽器進行瀏覽，因此要保證圖片鏈接正確。在店鋪管理頁面中直接制作商品描述十分不方便，因此建議先通過Photoshop制作好商品詳情頁再進行上傳。商品詳情頁的寬度和高度沒有具體要求，但是寬度一般在750像素以內(nèi)7.6.2制作商品詳情頁1、繪制形狀2、編輯文本2、插入并編輯圖片實戰(zhàn)訓(xùn)練（1）根據(jù)本章所學(xué)知識為空調(diào)設(shè)計一則文案，包括主圖文案和詳情頁文案，要求詳情頁文案內(nèi)容包括功能、外觀、材質(zhì)、特色等。（2）制作大小為800×800像素的圖片，將其上傳到淘寶圖片空間中，并新建“主圖”文件夾，將上傳的圖片移動到該文件夾中。（3）利用素材制作一個“茶葉”店鋪的通欄店招，制作完成后將其上傳到淘寶店鋪中