項(xiàng)目5 店鋪裝修

店鋪裝修項(xiàng)目5任務(wù)1PC店鋪裝修任務(wù)2無(wú)線(xiàn)端店鋪裝修目錄頁(yè)

ContentsPage（1）了解Photoshop軟件的基本功能。（2）了解圖片處理的基本流程。（3）了解店鋪裝修的意義。學(xué)習(xí)目標(biāo)知識(shí)目標(biāo)圖片處理與店鋪裝修（1）能夠獨(dú)立完成店鋪的注冊(cè)。（2）能夠獨(dú)立完成店鋪的認(rèn)證。（3）能夠設(shè)置店鋪的基本信息(4)能夠上傳圖片，對(duì)圖片進(jìn)行合理分類(lèi)。（5）能夠設(shè)置物流運(yùn)費(fèi)模板。（6）能夠熟練使用千牛工具。學(xué)習(xí)目標(biāo)技能目標(biāo)圖片處理與店鋪裝修PC店鋪裝修任務(wù)11.1了解裝修后臺(tái)1.2裝修步驟1.3旺鋪功能詳解目錄頁(yè)

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

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

技能實(shí)訓(xùn)2無(wú)線(xiàn)端店鋪的裝修無(wú)線(xiàn)端店鋪裝修任務(wù)22.1無(wú)線(xiàn)店鋪裝修任務(wù)介紹2.2無(wú)線(xiàn)店鋪裝修流程目錄頁(yè)

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