《網(wǎng)店視覺營銷設(shè)計》教案 模塊7 淘寶天貓網(wǎng)店視覺設(shè)計綜合實訓(xùn)

《網(wǎng)店視覺營銷設(shè)計》教案7-1教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 授課章節(jié)名 稱7.1網(wǎng)店視覺營銷綜合設(shè)計使用教具網(wǎng)店運營推廣實訓(xùn)室標準機房教學(xué)目標（含思政目標）知識目標：視覺營銷設(shè)計原則，素材圖片處理，photoshop應(yīng)用技能。能力目標：能根據(jù)視覺營銷設(shè)計崗位工作內(nèi)容，據(jù)網(wǎng)店定位確定設(shè)計風(fēng)格，收集整理素材。思政目標：借助案例中清青綠植淘寶店的網(wǎng)店整體的視覺營銷設(shè)計為任務(wù)背景，引導(dǎo)學(xué)生崇尚自然、尊重自然，切實加強生態(tài)環(huán)保的責(zé)任感和使命感。教學(xué)重點根據(jù)網(wǎng)店背景進行定位，確定設(shè)計風(fēng)格，完成網(wǎng)店整體布局。教學(xué)難點收集整理素材，布局以及模塊排版。更新、補充、刪節(jié)內(nèi) 容無課外作業(yè)補充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書。《網(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實一體教學(xué)任務(wù)導(dǎo)入：“清青綠植”淘寶網(wǎng)店主營室內(nèi)綠植、多肉、花卉、蔬果之類的觀賞園藝產(chǎn)品。主營細分產(chǎn)品分為：小型盆栽，多肉類組合或禮盒以及中大型綠植等。網(wǎng)店擁有成熟的植物鮮花培育基地、盆景樹樁加工基地，能夠保障植物的充足20-39教學(xué)實施：一、任務(wù)解析根據(jù)網(wǎng)店背景資料進行分析，熟悉完整的淘寶天貓網(wǎng)店裝修的工作流程，涉及本模塊共四個任務(wù)的主要內(nèi)容，為塑造好網(wǎng)店形象，提升用戶瀏覽體驗，從任務(wù)一開始對本網(wǎng)店的頁面裝修方案進行整體設(shè)計分析，包括：風(fēng)格定位，二、知識準備（一）了解“淘寶旺鋪”是什么淘寶旺鋪（個性化網(wǎng)店）服務(wù)是由淘寶提供給淘寶賣家使用的一個更加個性化、細分化、豪華版的網(wǎng)店界面，允許賣家使用淘寶提供的計算機和網(wǎng)絡(luò)技術(shù)，實現(xiàn)區(qū)別于淘寶一般網(wǎng)店展現(xiàn)形式的個性化網(wǎng)店頁面展現(xiàn)功能的服務(wù)。目的是為了提升顧客購物體驗，更容易產(chǎn)生購物欲望，促進銷量。（二）熟悉網(wǎng)店首頁的構(gòu)成模塊視覺營銷設(shè)計是網(wǎng)店頁面編輯美化工作者的主要工作內(nèi)IT分析任務(wù)分析任務(wù)目標歸納理解概念樹立正確的美工崗位職業(yè)觀（三）網(wǎng)店裝修PC端和移動端的區(qū)別1.PC2.PCPCPC三、任務(wù)實施搜索網(wǎng)絡(luò)確認工作內(nèi)容分析各層級差異培養(yǎng)團隊合作意識中國歷史文化在視覺營銷設(shè)計設(shè)計中優(yōu)美體現(xiàn)（一）網(wǎng)店整體風(fēng)格設(shè)計分析本案例“清青綠植”淘寶網(wǎng)店，主營產(chǎn)品為室內(nèi)園藝，用于美化家庭環(huán)境和辦公環(huán)境的多肉綠植類產(chǎn)品，主要面向人群為20-39（二）確定頁面的排版進入裝修后臺后，可以根據(jù)網(wǎng)店個性化的需求自定義頁面布局，也可以使用淘寶官方提供的三套免費模板來進行修整理數(shù)據(jù)整理數(shù)據(jù)整理數(shù)據(jù)小結(jié)（三）確定配色方案色彩在網(wǎng)店的視覺設(shè)計中非常重要，成功的配色方案不僅要協(xié)調(diào)統(tǒng)一，還要有層次感，在每一屏的畫面中呈現(xiàn)出的色彩給顧客帶來美好的感官體驗。本網(wǎng)店主營室內(nèi)綠植產(chǎn)品，產(chǎn)品本身為綠色系，綠色為冷色調(diào)，適當搭配黃色、白色等輔助色，營造出一種自然、純凈、平和的氣氛，同時也帶來視覺感官上的平衡。課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：網(wǎng)店背景的分析，顧客的定位以及風(fēng)格的確定。2、任務(wù)完成情況：總體情況，存在的問題點評。回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案7-2教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 星期授課章節(jié)名 稱7.2網(wǎng)店首頁設(shè)計制作使用教具網(wǎng)店運營推廣實訓(xùn)室標準機房教學(xué)目標（含思政目標）知識目標：視覺營銷設(shè)計原則，素材圖片處理，Photoshop操作技能。能力目標：能設(shè)計風(fēng)格統(tǒng)一、具有營銷導(dǎo)向、獨特且具有一定創(chuàng)新性的網(wǎng)店首頁。思政目標：借助案例中素材的管理和圖片處理等環(huán)節(jié)，引導(dǎo)學(xué)生增強圖片版權(quán)意識，避免違規(guī)使用來源網(wǎng)絡(luò)的圖片造成侵權(quán)。教學(xué)重點Photoshop軟件的基本操作和適用場景，素材圖片的整理和處理。教學(xué)難點美工人員工具軟件應(yīng)用能力和綜合設(shè)計能力更新、補充、刪節(jié)內(nèi)容無課外作業(yè)補充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書。《網(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實一體教學(xué)任務(wù)導(dǎo)入：完成“清青綠植”淘寶店的PC端網(wǎng)店首頁的圖片設(shè)計，能設(shè)計風(fēng)格統(tǒng)一、具有營銷導(dǎo)向、獨特且具有一定創(chuàng)新性的網(wǎng)店首頁；將寶貝上架，展示圖片和信息，完成商品列表頁；完成“清青綠植”淘寶店的PC端網(wǎng)店中一款標題為“多肉盆栽自選搭配”的商品的“寶貝詳情頁”圖片設(shè)計制作。教學(xué)實施：一、任務(wù)解析以淘寶網(wǎng)的旺鋪專業(yè)版為例，首頁包括店招、導(dǎo)航欄、海報輪播圖、優(yōu)惠券、客服中心、產(chǎn)品展示和網(wǎng)店頁尾；選擇寶貝推薦模板，在平臺上完成寶貝上架并在寶貝列表頁展示；能設(shè)計商品信息詳盡、商品細節(jié)展示清晰、能引導(dǎo)顧客進行購買促進轉(zhuǎn)化的寶貝詳情頁！二、知識準備（一）視覺營銷設(shè)計的技能要求（二）美工常用的工具軟件PhotoshopCINEMA4D（三）網(wǎng)店視覺營銷設(shè)計人員的技能素質(zhì)（一）網(wǎng)店首頁設(shè)計制作步驟一：店招的設(shè)計1.本網(wǎng)店的風(fēng)格為簡約現(xiàn)代風(fēng)格，按尺寸新建文件，選取了一張帶有綠植的環(huán)境圖片素材做背景，調(diào)整圖層的透明度至70%放置右側(cè)，左側(cè)添加文字文案，店招制作完成。分析任務(wù)分析任務(wù)目標歸納了解相關(guān)軟件作用搜索網(wǎng)絡(luò)確認內(nèi)容分析各工作區(qū)作用培養(yǎng)國產(chǎn)軟件的正版化應(yīng)用意識樹立正確美工崗位職業(yè)技能價值觀2.步驟二：設(shè)計制作導(dǎo)航欄上傳了店招后，繼續(xù)在“頁面編輯”里設(shè)計制作導(dǎo)航欄，本網(wǎng)店主要產(chǎn)品類目為“多肉盆栽”—“土培綠植”—“水培綠植”—“鮮切綠植”—“仿真綠植”—“花瓶花器”—“園藝用品”—“中大型綠植”，依次添加后，完成導(dǎo)航欄的制作。步驟三：設(shè)計制作優(yōu)惠券步驟四：設(shè)計制作商品輪播圖首頁第一屏顯示的商品輪播圖片可以是促銷活動海報，也可以是主推商品的海報，本任務(wù)以多肉盆栽和綠植產(chǎn)品為主推商品設(shè)計完成兩張海報輪播圖，并上傳至平臺后查看效果。觀察制作要點分析文字布局培養(yǎng)團隊合作意識中國文字的優(yōu)美體現(xiàn)小結(jié)步驟五：設(shè)計制作商品展示圖按照“布局管理”中的設(shè)置，“自定義區(qū)”可以添加“寶貝推薦”模塊，此功能用于將網(wǎng)店內(nèi)已上架寶貝放置首頁進行推薦，促進深度訪問的內(nèi)容。因本網(wǎng)店未上架任何商品，所以此步驟中我們僅制作一張熱銷商品展示圖片上傳至平臺中用于展現(xiàn)網(wǎng)店首頁，實際網(wǎng)店裝修中要設(shè)置好寶貝鏈接才能實現(xiàn)網(wǎng)頁之間的跳轉(zhuǎn)。課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：視覺營銷設(shè)計常用工具軟件的基本操2完成任務(wù)回顧小結(jié)《網(wǎng)店視覺營銷設(shè)計》教案7-3教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 星期授課章節(jié)名 稱7.3網(wǎng)店商品列表頁設(shè)計制作使用教具網(wǎng)店運營推廣實訓(xùn)室標準機房教學(xué)目標（含思政目標）知識目標：視覺營銷設(shè)計原則，素材圖片處理，Photoshop操作技能。能力目標：能設(shè)計商品分類清晰合理、商品展示清晰、具有營銷導(dǎo)向的寶貝列表頁。思政目標：本案例中在寶貝上架、素材圖片處理的過程中，強調(diào)主圖設(shè)計和商品展示描述的真實性，在實事求是的基礎(chǔ)上，通過添加精簡的輔助文案增強圖片的營銷導(dǎo)向，培養(yǎng)學(xué)生以客戶為中心的設(shè)計理念。教學(xué)重點Photoshop軟件的基本操作和適用場景，素材圖片的整理和處理。教學(xué)難點美工人員工具軟件應(yīng)用能力和綜合設(shè)計能力更新、補充、刪節(jié)內(nèi)容無課外作業(yè)補充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書?！毒W(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實一體教學(xué)任務(wù)導(dǎo)入：PC頁；完成“清青綠植”淘寶店的PC端網(wǎng)店中一款標題為“多肉盆栽自選搭配”的商品的“寶貝詳情頁”圖片設(shè)計教學(xué)實施：一、任務(wù)解析以淘寶網(wǎng)的旺鋪專業(yè)版為例，首頁包括店招、導(dǎo)航欄、海報輪播圖、優(yōu)惠券、客服中心、產(chǎn)品展示和網(wǎng)店頁尾；選擇寶貝推薦模板，在平臺上完成寶貝上架并在寶貝列表頁展示；能設(shè)計商品信息詳盡、商品細節(jié)展示清晰、能引導(dǎo)顧客進行購買促進轉(zhuǎn)化的寶貝詳情頁！二、知識準備（一）視覺營銷設(shè)計的技能要求（二）美工常用的工具軟件PhotoshopCINEMA4D（三）網(wǎng)店視覺營銷設(shè)計人員的技能素質(zhì)步驟一：確定商品列表頁的排版商品列表頁是賣家用于展示商品、推薦商品的頁面，或者由用戶選擇排序方式來展示商品，合理的商品陳列可以起到展示商品、提升網(wǎng)店形象、營造購物氛圍、提高銷售的分析任務(wù)分析任務(wù)目標歸納了解相關(guān)軟件作用搜索網(wǎng)絡(luò)確認內(nèi)容培養(yǎng)國產(chǎn)軟件的正版化應(yīng)用意識樹立正確美工崗位職業(yè)技能價值觀小結(jié)架，否則無法展示，如圖7.3.3。據(jù)上一步驟的設(shè)計，此16—“營銷”—“商品管理”—“發(fā)布寶貝”完成寶貝上架。課堂小結(jié)：1、主要學(xué)習(xí)內(nèi)容：視覺營銷設(shè)計常用工具軟件的基本操2、任務(wù)完成情況：總體情況，存在的問題點評。分析各工作區(qū)作用觀察制作要點回顧小結(jié)培養(yǎng)團隊合作意識中國盆栽的藝術(shù)價值《網(wǎng)店視覺營銷設(shè)計》教案7-4教師姓名授課形式授課課時2教案編號授課班級授課日期 年 月 日 周 星期授課章節(jié)名 稱7.4網(wǎng)店商品詳情頁設(shè)計制作使用教具網(wǎng)店運營推廣實訓(xùn)室標準機房教學(xué)目標（含思政目標）知識目標：視覺營銷設(shè)計原則，素材圖片處理，Photoshop操作技能。能力目標：能設(shè)計商品信息詳盡、商品細節(jié)展示清晰、能引導(dǎo)顧客進行購買促進轉(zhuǎn)化的寶貝詳情頁。思政目標：借助案例中多商品的詳情頁制作過程中，商品圖片的調(diào)色、文案與圖片的結(jié)合、字體的設(shè)計規(guī)范等，引導(dǎo)學(xué)生精益求精的工匠精神和職業(yè)責(zé)任感。教學(xué)重點Photoshop軟件的基本操作和適用場景，素材圖片的整理和處理。教學(xué)難點美工人員工具軟件應(yīng)用能力和綜合設(shè)計能力更新、補充、刪節(jié)內(nèi)容無課外作業(yè)補充練習(xí)教學(xué)后記工作任務(wù)的完成情況檢查反饋授課主要內(nèi)容或板書設(shè)計理論一體化教學(xué)，無板書。《網(wǎng)店視覺營銷設(shè)計》備課筆記教學(xué)過程主要教學(xué)內(nèi)容及步驟(包括教學(xué)方法與教學(xué)手段)學(xué)生活動課程思導(dǎo)入理實一體教學(xué)任務(wù)導(dǎo)入：PC頁；完成“清青綠植”淘寶店的PC端網(wǎng)店中一款標題為“多肉盆栽自選搭配”的商品的“寶貝詳情頁”圖片設(shè)計教學(xué)實施：一、任務(wù)解析以淘寶網(wǎng)的旺鋪專業(yè)版為例，首頁包括店招、導(dǎo)航欄、海報輪播圖、優(yōu)惠券、客服中心、產(chǎn)品展示和網(wǎng)店頁尾；選擇寶貝推薦模板，在平臺上完成寶貝上架并在寶貝列表頁展示；能設(shè)計商品信息詳盡、商品細節(jié)展示清晰、能引導(dǎo)顧客進行購買促進轉(zhuǎn)化的寶貝詳情頁！二、知識準備（一）視覺營銷設(shè)計的技能要求（二）美工常用的工具軟件PhotoshopCINEMA4D（三）網(wǎng)店視覺營銷設(shè)計人員的技能素質(zhì)步驟一：詳情頁的圖片設(shè)計制作1.分析任務(wù)分析任務(wù)目標歸納了解相關(guān)軟件