項目5 店鋪裝修

店鋪裝修項目5任務1PC店鋪裝修任務2無線端店鋪裝修目錄頁

ContentsPage（1）了解Photoshop軟件的基本功能。（2）了解圖片處理的基本流程。（3）了解店鋪裝修的意義。學習目標知識目標圖片處理與店鋪裝修（1）能夠獨立完成店鋪的注冊。（2）能夠獨立完成店鋪的認證。（3）能夠設置店鋪的基本信息(4)能夠上傳圖片，對圖片進行合理分類。（5）能夠設置物流運費模板。（6）能夠熟練使用千牛工具。學習目標技能目標圖片處理與店鋪裝修PC店鋪裝修任務11.1了解裝修后臺1.2裝修步驟1.3旺鋪功能詳解目錄頁

ContentsPage1.1了解裝修后臺圖片處理與店鋪裝修淘寶旺鋪是淘寶官方提供的一款裝修系統(tǒng)，分為基礎版、專業(yè)版、智能版三個版本。1.1了解裝修后臺店鋪裝修旺鋪后臺主要分為四個區(qū)域：菜單區(qū)、頁面切換區(qū)、左側工具欄、裝修編輯區(qū)。 （1）菜單區(qū)如圖5-2所示，旺鋪菜單區(qū)主要功能有店鋪裝修、詳情裝修、素材中心。1.1了解裝修后臺店鋪裝修旺鋪后臺主要分為四個區(qū)域：菜單區(qū)、頁面切換區(qū)、左側工具欄、裝修編輯區(qū)。 （2）頁面切換區(qū)如圖5-3所示，頁面切換區(qū)提供基礎頁、寶貝詳情頁、自定義頁、大促承接頁、門店詳情頁等功能。1.1了解裝修后臺店鋪裝修旺鋪后臺主要分為四個區(qū)域：菜單區(qū)、頁面切換區(qū)、左側工具欄、裝修編輯區(qū)。 （3）左側工具欄如圖5-4所示，左側工具欄提供模塊添加、配色、背景設置等功能。1.1了解裝修后臺店鋪裝修旺鋪后臺主要分為四個區(qū)域：菜單區(qū)、頁面切換區(qū)、左側工具欄、裝修編輯區(qū)。 （4）裝修編輯區(qū)1.1了解裝修后臺店鋪裝修1.2裝修步驟店鋪裝修第一步，選擇模板選擇“菜單區(qū)”中的“模板管理功能”，淘寶為賣家提供有3套免費的使用模板。如圖5-6所示。不同模板之間不僅體用選擇的配色不同，對相同模塊的展示樣式也有區(qū)別。賣家在選擇是可以試用模板預覽效果以便選擇最滿意的模板。如果現(xiàn)有模板不能滿足需求，可以前往裝修市場挑選更多更優(yōu)秀的付費模板。1.2裝修步驟店鋪裝修第二步，選擇頁面在“頁面切換區(qū)”中選擇需要裝修的頁面或創(chuàng)建新頁面，并且對頁面進行布局，點擊“布局管理”按鈕，進入如圖5-6所示頁面。根據(jù)裝修需要，可以對頁面的布局單元進行管理或新增。目前有三種布局分類：950Px通欄布局、750Px+190Px左右布局和190Px+750Px左右布局。選用布局不同，裝修模塊的尺寸也隨之不同。1.2裝修步驟店鋪裝修第三步，確定樣式在“左側工具欄”中，可以對頁面的基礎樣式進行設置。如圖5-7所示，左側“配色”樣式的設置是針對全部頁面進行的。右側“頁頭”和“頁面”可實現(xiàn)對不用頁面單獨進行設置。1.2裝修步驟店鋪裝修第四步，拖動模塊在“左側工具欄”中打開“模塊”區(qū)域，鼠標按住需要使用的模塊拖拽到“裝修編輯區(qū)”的所需位置即可。如圖5-8所示。1.2裝修步驟店鋪裝修第五步，預覽效果賣家可以隨時點擊頁面中上方的“預覽”按鈕，體驗裝修效果，此時所做的裝修并不影響買家購物，當點擊“發(fā)布”按鈕，才會將裝修的效果顯示在買家面前，如圖5-9所示。1.2裝修步驟店鋪裝修1.3旺鋪功能詳解店鋪裝修（1）模塊“寶貝推薦”——買家通過該內(nèi)容可以快速認知店鋪寶貝，并獲取寶貝信息，促進買家購買行為?？梢詫⒃撃K拖動到頁面所需位置，點擊“編輯”按鈕，對“寶貝設置”，系統(tǒng)一般有“自動推薦”和“手工推薦”兩種方式。自動推薦主要是推薦某一個分類下相同維度的寶貝，系統(tǒng)自動排列；手動推薦則不受限制，賣家可以自行選擇寶貝進行推薦。如圖5-10所示。1.3旺鋪功能詳解店鋪裝修“店鋪導航”——該模塊是店鋪買家瀏覽的快捷通道，在“裝修編輯區(qū)”找到店鋪導航模塊，點擊“編輯”按鈕，在彈出的對話框中點擊“添加”按鈕，如圖5-11所示，可以在導航欄上添加寶貝分類、頁面、自定義鏈接。同時也可以調(diào)整導航內(nèi)容順序或進行刪除，其中，首頁選項為系統(tǒng)默認導航內(nèi)容，不可刪除。1.3旺鋪功能詳解店鋪裝修“自定義”——該模塊能讓賣家更加自由的裝修店鋪，添加一些個性化的設計效果，比如添加“收藏店鋪”、“友情鏈接”等模塊，并進行設置，獲得更多的回頭客和店鋪人氣。1.3旺鋪功能詳解店鋪裝修“寶貝分類”——該模塊是賣家管理寶貝的常用模塊，通常有兩種分類設置方式，分別是“個性分類”和“默認分類”，個性分類可以由賣家根據(jù)售賣的寶貝自行設置分類名稱，也可以進行個性化分類內(nèi)容設置；默認分類由系統(tǒng)自動按照銷售的寶貝進行分類。如圖5-13所示。1.3旺鋪功能詳解店鋪裝修（2）配色使用的模板不同，店鋪裝修時使用的顏色方案也不同。一個店鋪的整體風格，很大程度上受到店鋪色調(diào)的影響。冷色調(diào)顯得店鋪風格前衛(wèi)、炫酷、個性，暖色調(diào)則顯得店鋪風格溫暖、時尚、活潑。在“左側工具欄”中點擊“配色”功能，挑選需求的顏色，點擊后立即生效。1.3旺鋪功能詳解店鋪裝修（3）頁頭頁頭樣式會應用到店鋪的所有頁面，很多賣家為了追求頁面頂部樣式的美觀，希望頁頭與店鋪招牌和導航的配色一致，提高營銷視覺效果。一般在設置好店鋪招牌以及頁面配色后，將其精準截圖并保存草本地，在“左側工具欄”中“頁頭”部分選擇“頁頭背景圖”選項，更換上面截圖所得的圖片，將“背景顯示”設為“平鋪”，如圖5-15所示，將設置應用到所有頁面即可實現(xiàn)全店通屏的店鋪招牌的效果。1.3旺鋪功能詳解店鋪裝修（4）頁面頁面模塊可以實現(xiàn)背景色的填充或頁面背景圖片的設置，與設置頁頭的方法相似。“頁面”功能選擇“更換圖片”，在彈出的對話框中選擇要使用的背景圖，對選用的圖片進行設置，如勾選“背景鎖定”實現(xiàn)固定效果，點擊“應用到所有頁面”可以將本次設置應用于全部頁面。如圖5-16所示。1.3旺鋪功能詳解店鋪裝修通過實訓使學生掌握PC店鋪裝修的流程與操作技巧。實訓9PC店鋪裝修實踐技能實訓實訓目的實訓內(nèi)容按小組選擇一個店鋪，完成PC端的裝修（主要包括店招的設計、店鋪布局、裝修模塊設置、店鋪產(chǎn)品分類及banner的設計等），并將裝修流程的裝修效果圖填入下表。技能實訓設計內(nèi)容制作流程裝修效果PC店鋪

實訓9PC店鋪裝修實踐分小組完成寶貝主圖、廣告圖和詳情頁的設計，按小組選擇一種產(chǎn)品，將圖片制作流程與設計技巧填入表，將設計的圖片保存到相應的文件夾中，并在班上進行討論。技能實訓實訓提示技能實訓1寶貝主圖、廣告圖和詳情頁的設計通過技能實訓使學生掌握無線端店鋪裝修的流程與操作技巧。技能實訓2無線端店鋪的裝修技能實訓實訓目的實訓內(nèi)容按小組選擇一個店鋪，完成無線端店鋪的裝修（主要包括導航的設計、店招的設計、店鋪產(chǎn)品分類的設計及焦點圖的設計等），并將裝修流程和裝修技巧填入下表。技能實訓表無線端店鋪的裝修流程和裝修技巧裝修內(nèi)容裝修流程裝修技巧無線端店鋪的裝修

技能實訓2無線端店鋪的裝修無線端店鋪裝修任務22.1無線店鋪裝修任務介紹2.2無線店鋪裝修流程目錄頁

ContentsPage2.1無線店鋪裝修任務介紹無線端店鋪裝修（1）無線端基本信息的設置無線端的基本信息包括店鋪的名稱、店鋪logo、店招圖片等。如圖5-17所示，其中，店招可以用官方推薦的，也可以自己設計，具體設計的方法見項目4的圖片處理內(nèi)容。2.1無線店鋪裝修任務介紹店鋪裝修（2）無線端導航的設置設置導航是為了讓買家快速找到所需的寶貝，導航可以按照店內(nèi)寶貝的分類進行設置，比如將店內(nèi)的寶貝分為連衣裙、收藏2、收藏3、店鋪動態(tài)，每個分類還可以設置超鏈接，如圖5-18所示，用戶選擇某一個分類，點擊后可以鏈接到相對應的內(nèi)容，方便用戶瀏覽和選擇。2.1無線店鋪裝修任務介紹店鋪裝修2.1無線店鋪裝修任務介紹店鋪裝修（3）店鋪招牌設置店鋪招牌主要用來指示店鋪的名稱和記號，可在裝修后臺點擊“店招模塊”進行設置，店鋪招牌呈漸變顯示，尺寸為750*780,建議400K左右，支持jpg、png格式，店招一般可以包含店鋪的名稱、圖標、廣告語等內(nèi)容。具體操作如圖5-21所示。2.1無線店鋪裝修任務介紹店鋪裝修（4）圖文類模塊設置圖文類模塊主要有如下功能：●美顏切圖為智能版專享功能，可以對圖片進行個性化熱區(qū)切圖；●動圖模塊可以將多張圖片生成GIF效果動圖；●視頻模塊可以提供視額內(nèi)容展示；●標簽圖為智能版專享功能，可以設置不同場景下的寶貝推薦內(nèi)容；●標題模塊可以書寫一些容易引起消費者興趣的文字信息，引導顧客點擊進入設置好的鏈接頁面；●文本模塊只能能用于文字信息的展示，不能實現(xiàn)點擊跳轉的效果；●單列圖片模塊實現(xiàn)圖片內(nèi)容展示，顧客點擊圖片可跳轉至設置好的鏈接頁面。智能版賣家還可享受淘寶2.1無線店鋪裝修任務介紹店鋪裝修平臺提供的精美模板，快速編輯對應信息后即可使用；●雙列圖片模塊與單列圖片模塊功能相同，但可以同時展現(xiàn)兩張圖片；●多圖模塊最少展示3張圖片，最多展示6張圖片；●輔助線模塊不可編輯，用于多組模塊間的視覺區(qū)分；●輪播圖模塊提供圖片輪播展示功能，最多支持4張圖片的添加；●左文右圖模塊可以讓賣家在添加的圖片上輸人文字，并且實現(xiàn)點擊模塊跳轉至設置好的鏈接頁面的功能；●自定義模塊支持在限定區(qū)域內(nèi)自行規(guī)劃圖片尺寸和布局，是賣家使用最多的模塊之一。2.1無線店鋪裝修任務介紹店鋪裝修(5)寶貝類模塊介紹如圖5-22所示，在寶貝類模塊中，除原有寶貝排行榜、搭配套餐、猜你喜歡3個基礎模塊外，2016年還上線了智能裝修模塊:智能單列寶貝、智能雙列。對于基礎模塊而言，系統(tǒng)沒有提供太多可設置內(nèi)容，因此裝修效果欠佳，智能模塊的上線剛好解決了這一問題，它能讓賣家自行設置推薦內(nèi)容、展現(xiàn)寶貝數(shù)量，提供多維度篩選展示等功能。2.1無線店鋪裝修任務介紹店鋪裝修(6)營銷互動類模塊介紹圖5-23所示為營銷互動類模塊，各模塊功能介紹如下:●倒計時模塊為智能版用戶專享模塊，能夠設置倒計時，制造活動氛圍。●優(yōu)惠券模塊的使用前提是創(chuàng)建了優(yōu)惠券活動，該模塊可以自動獲取優(yōu)惠券信息。但是，建議賣家手動控制優(yōu)惠券的展示，這樣能夠更加靈活地控制信息展現(xiàn)?！竦赇伡t包模塊可以將店鋪設置好的紅包信息展示到首頁。●電話模塊能讓賣家自行書寫聯(lián)系方式，方便買家更快速地與賣家取得聯(lián)系。●活動組件用于展示店鋪內(nèi)特色活動內(nèi)容，如買家秀。隨著無線化大趨勢的加快，旺鋪后臺的普銷工具已經(jīng)不再能滿足當下的需求。在期待淘寶平臺對現(xiàn)有工具整改升級的同時，賣家仍需對現(xiàn)有工具、功能進行更多的聯(lián)系使用，結合以上內(nèi)容對店鋪進行優(yōu)化。2.1無線店鋪裝修任務介紹店鋪裝修2.2無線店鋪裝修流程無線端店鋪裝修第一步，在“賣家中心”左邊欄目“店鋪管理”中找到“店鋪裝修”，選擇“手機端”，點擊“裝修頁面”按鈕，進入裝修界面。如圖5-24所示。2.2無線店鋪裝修流程店鋪裝修第二步，可選擇“模板”，用官方提供的免費模板或前往裝修市場購買精美的設計師模板，也可以自定義添加刪除模塊，并按照要求上傳信息，點擊“裝修頁面”進入裝修編輯區(qū)，拖動模塊至需要的編輯區(qū)位置上，點擊各個模塊區(qū)域進行設置，如店招上傳、寶貝排行榜等，如圖5-25所示。2.2無線店鋪裝修流程店鋪裝修第三步，設置完畢可以進行“預覽”查看效果，也可以暫時“保存”和“備份”，當對效果滿意的時候，選擇“發(fā)布”按鈕，如圖5-26所示，最后可以前往“手機淘寶店鋪”進行最終訪問效果查看。2.2無線店鋪裝修流程店鋪裝修通過實訓使學生掌握無線店鋪裝修的流程與操作