網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第3版） 教案全套 梁小麗 第1-9章 網(wǎng)店美工基礎(chǔ)知識(shí)-綜合案例 糕點(diǎn)店鋪視覺設(shè)計(jì)

《網(wǎng)店美工視覺設(shè)計(jì)實(shí)戰(zhàn)教程（全彩微課版第3版）》教案課時(shí)內(nèi)容網(wǎng)店美工基礎(chǔ)知識(shí)授課時(shí)間180分鐘課時(shí)4教學(xué)目標(biāo)熟悉網(wǎng)店美工的工作范疇掌握網(wǎng)店美工所需的設(shè)計(jì)基礎(chǔ)知識(shí)熟悉Photoshop的基本操作掌握Photoshop摳圖的方法教學(xué)重點(diǎn)掌握色彩搭配及圖形元素和文字的應(yīng)用掌握色彩和圖層的處理，以及圖片的調(diào)整掌握基本摳圖和毛發(fā)、半透明等復(fù)雜摳圖技巧教學(xué)難點(diǎn)運(yùn)用合適的摳圖工具進(jìn)行摳圖教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹網(wǎng)店美工概述，讓學(xué)生掌握網(wǎng)店美工的工作內(nèi)容以及技能要求；（2）介紹網(wǎng)店美工視覺設(shè)計(jì)基礎(chǔ)知識(shí)，包括色彩、圖形和文字等內(nèi)容，讓學(xué)生掌握色彩搭配、文字和圖片的布局技巧；（3）講解Photoshop的基本操作，包括設(shè)置前景色和背景色、圖層的操作、裁剪圖片和批處理圖片等內(nèi)容；（4）講解各種摳圖技巧，包括規(guī)則圖形摳圖、純色背景摳圖、復(fù)雜圖像摳圖、毛發(fā)摳圖和半透明摳圖等內(nèi)容；（5）最后安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：（1）由淺入深，從基礎(chǔ)知識(shí)到實(shí)際操作；（2）以實(shí)例講解操作，對設(shè)置的方法以及效果均配圖講解。教學(xué)資料及要求：除教材中講解的知識(shí)，可以多瀏覽一些店鋪，學(xué)習(xí)其排版、配色、構(gòu)圖等技巧，提升自己的審美能力。教學(xué)內(nèi)容討論問題：1、網(wǎng)店美工需要具備哪些技能？2、網(wǎng)店美工常用的設(shè)計(jì)元素與設(shè)計(jì)技巧有哪些？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。1.1網(wǎng)店美工概述1.1.1網(wǎng)店美工的工作范疇1.1.2網(wǎng)店美工的技能要求1.2網(wǎng)店美工視覺設(shè)計(jì)基礎(chǔ)1.2.1色彩1.2.2圖形1.2.3文字1.3Photoshop的基本操作1.3.1設(shè)置和填充圖像顏色1.3.2圖層的基本操作1.3.3修改商品圖片尺寸1.3.4批處理圖片1.4利用Photoshop摳圖1.4.1規(guī)則圖像摳圖1.4.2純色背景摳圖1.4.3復(fù)雜圖像摳圖1.4.4毛發(fā)摳圖1.4.5半透明物體摳圖1.5實(shí)戰(zhàn)演練1.5.1美化沙發(fā)商品圖片1.5.2為保溫杯更換背景課后練習(xí)小結(jié)掌握色彩搭配及圖形元素和文字的應(yīng)用掌握色彩和圖層的處理，以及圖片的調(diào)整掌握基本摳圖和毛發(fā)、半透明等復(fù)雜摳圖技巧思考及作業(yè)本練習(xí)將先后摳取狗糧商品與小狗圖片，并將其分別添加到背景圖片中。摳取小狗時(shí)，首先使用魔棒工具與反選功能選擇小狗，然后通過調(diào)整邊緣摳取小狗的毛發(fā)；在摳取狗糧時(shí)，可使用鋼筆工具或者多邊套索工具，處理前后的對比效果可參考下圖。本練習(xí)將更改自熱火鍋商品圖片背景并制作成商品主圖。由于本圖為純色背景，且背景與商品邊緣分解清晰，因此可使用快速選擇工具選擇商品圖片，更換其背景，處理前后的對比效果可參考下圖。

課時(shí)內(nèi)容圖片調(diào)色授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)熟悉圖片調(diào)色的原則掌握校正商品圖片偏色的方法掌握調(diào)整商品圖片特殊顏色的方法教學(xué)重點(diǎn)掌握調(diào)整圖層的使用方法掌握調(diào)整圖片亮度、對比度、高光、陰影與中間調(diào)的方法掌握偏色校正和特殊調(diào)色教學(xué)難點(diǎn)能夠選擇合適的調(diào)色工具，解決圖片問題能夠正確設(shè)置適當(dāng)?shù)臄?shù)據(jù)值，并將不同調(diào)整合理搭配，達(dá)到最好的處理效果教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先介紹圖片調(diào)色的原則和調(diào)整圖層的基本操作；（2）然后介紹利用Photoshop中的亮度/對比度、色階、曲線等調(diào)整命令快速解決圖片曝光不足或曝光過度的問題；（3）接著介紹利用“可選顏色”“替換顏色”“曲線”命令為圖片調(diào)整特殊顏色；（4）最后安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：（1）對于圖片調(diào)色的常見問題，單獨(dú)列出來進(jìn)行講解；（2）把不同的調(diào)色方法用實(shí)例的方式進(jìn)行展現(xiàn)，讀者可快速理解其效果。教學(xué)資料及要求：除教材中講解的知識(shí)，學(xué)員可在現(xiàn)實(shí)生活中拍攝商品實(shí)拍圖，試著對圖片進(jìn)行調(diào)色處理。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了網(wǎng)店美工的要求和應(yīng)用范圍，以及Photoshop的基礎(chǔ)操作和圖片的摳圖技巧，下面講解商品圖片的調(diào)色處理。討論問題：1、使用調(diào)整圖層調(diào)色與直接使用調(diào)色命令的區(qū)別？2、如何將圖片中的紅色更換為橙色？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。2.1了解圖片調(diào)色2.1.1圖片調(diào)色的原則2.1.2使用調(diào)整圖層調(diào)色2.2處理曝光不足或曝光過度的圖片2.2.1提高圖片的亮度與對比度...0342.2.2調(diào)整圖片的高光、陰影與中間調(diào)2.3圖片調(diào)色2.3.1圖片偏色校正2.3.2圖片特殊顏色調(diào)整2.4實(shí)戰(zhàn)演練2.4.1童裝連衣裙調(diào)色2.4.2制作顏色展示區(qū)課后練習(xí)小結(jié)熟悉圖片的調(diào)色原則根據(jù)圖片的缺陷，選擇合適的調(diào)色方法處理圖片思考及作業(yè)（1）本練習(xí)將處理一張曝光不足、色彩暗淡的精油圖片，讓圖片中的精油色彩鮮艷，液體晶瑩剔透，視覺效果好。在處理該圖片時(shí)，首先使用“曲線”命令提高圖片亮度和對比度，然后使用“色相/飽和度”命令增加圖片的飽和度，綠瓶的精油可單獨(dú)摳取出來調(diào)整色彩，調(diào)整前后的對比效果可參考下圖。（2）本練習(xí)將處理一張折疊傘圖片，處理后圖片中存在不同色的同款商品。在處理該圖片時(shí)，首先摳選出折疊傘，然后使用“替換顏色”命令調(diào)整傘和傘柄的顏色，再使用“可選顏色”命令調(diào)整紅傘的陰影、高光處，折疊傘圖片調(diào)整前后的對比效果可參考下圖。課時(shí)內(nèi)容圖片修飾授課時(shí)間180分鐘課時(shí)4教學(xué)目標(biāo)掌握去除污點(diǎn)和多余物品的方法掌握加強(qiáng)亮部與暗部對比的方法掌握提高圖片清晰度的方法掌握光滑材質(zhì)處理的方法掌握增加金屬質(zhì)感的方法掌握添加文本、圖形元素的方法掌握虛化背景、添加發(fā)光效果的方法掌握為人物瘦身的技巧教學(xué)重點(diǎn)掌握去除污點(diǎn)、去除背景中多余的物品和美化模特的方法掌握添加高光、添加發(fā)光和背景虛化的制作方法掌握添加虛化背景、發(fā)光、高光與陰影的方法教學(xué)難點(diǎn)能夠根據(jù)修飾的要求和目的選擇不同的修飾方法能夠配合使用各種元素，構(gòu)成美觀且適合主題的圖像教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先介紹修飾圖片，包括去除圖片污漬、去除圖片多余物品、提高圖片清晰度、光滑材質(zhì)表面、增加金屬質(zhì)感、美化人物圖片等知識(shí)；（2）然后介紹通過添加文字、形狀和圖案等元素豐富圖像；（3）再介紹為圖像添加特效美化圖像，如虛化圖片中商品的背景效果，為圖片添加發(fā)光效果，或?qū)⑸唐放c背景、文字進(jìn)行合成等知識(shí)；（4）最后安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：（1）每一個(gè)知識(shí)點(diǎn)都使用案例的形式講解；（2）以實(shí)例講解操作，對設(shè)置的方法以及效果均配圖講解。教學(xué)資料及要求：除教材中的實(shí)例外，可以對自己拍攝的圖片進(jìn)行修飾和美化操作。教學(xué)內(nèi)容知識(shí)回顧：前面講解了圖片的調(diào)色知識(shí)，接下來講解修飾圖片、為圖片添加元素、為圖片添加特效等知識(shí)。討論問題：1、如何為文字添加剪貼蒙版？2、怎樣去除圖片中多余的人物？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。3.1修飾圖片3.1.1清除圖片上的污跡3.1.2去除背景中多余的物品3.1.3加強(qiáng)亮部與暗部的對比3.1.4提高圖片清晰度3.1.5光滑材質(zhì)表面3.1.6增加金屬質(zhì)感3.1.7精修人物商品圖片3.2豐富圖片內(nèi)容3.2.1添加與美化圖片文本3.2.2添加形狀與圖案3.3添加圖片特效3.3.1虛化背景3.3.2添加發(fā)光效果3.3.3合成圖像3.4實(shí)戰(zhàn)演練3.4.1修飾家用榨汁機(jī)3.4.2修飾羽絨服課后練習(xí)小結(jié)掌握圖片的修飾方法掌握為圖像添加元素和特效的方法思考及作業(yè)（1）本練習(xí)將處理一張手串圖片，處理后的手串圖片手串色彩鮮艷、光澤感強(qiáng)，紋理清晰。處理手串圖片時(shí)，先使用“曲線”和“自然飽和度”命令提高圖片的亮度和飽和度；然后為手串創(chuàng)建選區(qū)，使用銳化工具來強(qiáng)化手串表面的光澤感和紋理；接著反選選區(qū)使用“鏡頭模糊”命令模糊裝飾物和背景，手串圖片處理前后的對比效果如圖所示。（2）本練習(xí)將處理一張粉底液瓶子的圖片。處理該圖片時(shí)，首先用魔棒工具將瓶身上面的文字扣取下來，并填充為白色，再依次為瓶蓋和瓶身創(chuàng)建選區(qū)，并運(yùn)用漸變填充的方式使瓶蓋和瓶身的光澤感更強(qiáng)；然后運(yùn)用加深工具和減淡工具繪制陰影和亮部，使粉底液瓶子的漸變效果更加自然；最后添加背景并制作投影，粉底液瓶子調(diào)整前后的對比效果如圖所示。課時(shí)內(nèi)容店鋪首頁核心模塊設(shè)計(jì)授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)掌握店招的設(shè)計(jì)方法掌握海報(bào)的設(shè)計(jì)方法熟悉優(yōu)惠券的設(shè)計(jì)方法掌握促銷區(qū)的設(shè)計(jì)方法教學(xué)重點(diǎn)了解店招的制作規(guī)范。掌握輪播海報(bào)的布局方式和設(shè)計(jì)要點(diǎn)掌握優(yōu)惠券設(shè)計(jì)原則與制作技巧掌握促銷區(qū)的設(shè)計(jì)要點(diǎn)與制作方法教學(xué)難點(diǎn)掌握店鋪首頁設(shè)計(jì)的創(chuàng)新性和美觀適用性教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹店招制作，讓學(xué)生了解店招的組成部分、尺寸大小，掌握店招的制作方法；（2）介紹輪播海報(bào)設(shè)計(jì)，讓學(xué)生了解輪播海報(bào)的布局技巧和設(shè)計(jì)要點(diǎn)，掌握輪播海報(bào)的制作方法；（3）介紹優(yōu)惠券設(shè)計(jì)，讓學(xué)生掌握優(yōu)惠券的設(shè)計(jì)原則和制作方法；（4）介紹商品促銷區(qū)設(shè)計(jì)，讓學(xué)員掌握商品促銷區(qū)的設(shè)計(jì)要點(diǎn)和制作方法；（5）安排實(shí)戰(zhàn)演練與課后練習(xí)。教學(xué)手段：通過案例演示講解首頁核心模塊的制作，講解結(jié)束后進(jìn)行疑難解答與練習(xí)。教學(xué)資料及要求：除教材中的實(shí)例外，可以打開淘寶、京東、天貓等網(wǎng)店首頁，參考其設(shè)計(jì)方法，嘗試做一個(gè)完整的網(wǎng)店首頁。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了修飾圖片，以及為圖像添加文字、形狀、圖案和特效等知識(shí)，下面講解店鋪首頁核心模塊的設(shè)計(jì)。討論問題：1、輪播海報(bào)具有什么作用？2、店鋪首頁突出的核心重點(diǎn)是什么？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。4.1店招設(shè)計(jì)4.1.1店招制作規(guī)范4.1.2制作店招4.2輪播海報(bào)設(shè)計(jì)4.2.1輪播海報(bào)布局方式4.2.2輪播海報(bào)設(shè)計(jì)要點(diǎn)4.2.3制作輪播海報(bào)4.3優(yōu)惠券設(shè)計(jì)4.3.1優(yōu)惠券的制作原則4.3.2制作優(yōu)惠券4.4商品促銷區(qū)設(shè)計(jì)4.4.1商品促銷區(qū)的設(shè)計(jì)要點(diǎn)4.4.2制作商品促銷區(qū)4.5實(shí)戰(zhàn)演練4.5.1制作家電店鋪店招4.5.2制作手機(jī)輪播海報(bào)課后練習(xí)小結(jié)熟悉店招、導(dǎo)航、海報(bào)和優(yōu)惠券的設(shè)計(jì)規(guī)范與設(shè)計(jì)原則掌握制作店招、導(dǎo)航、海報(bào)和優(yōu)惠券的操作方法思考及作業(yè)（1）本練習(xí)將利用“耳機(jī)素材.psd”文件中的圖像制作“尚音閣”耳機(jī)店鋪的店招。數(shù)碼商品的店招風(fēng)格一般比較簡潔，在設(shè)計(jì)時(shí)不用過多裝飾，可采用不同字體的文字和幾何圖形。由于無彩色在配色上能夠讓雜亂的顏色看起來更和諧，而且視覺觀感更有格調(diào)，因此在配色上可以無彩色為主色，搭配紅色與橙色強(qiáng)調(diào)重點(diǎn)文字，完成后的參考效果如圖所示。（2）本練習(xí)將利用“女包商品促銷區(qū)素材.psd”文件中的圖像制作女包商品促銷區(qū)。在制作時(shí)，可先確定店鋪的簡約風(fēng)格，保證能夠突出商品的質(zhì)量與美觀，然后制作主要商品模塊，最后再制作普通商品促銷模塊。整體以圖片為主，搭配少量文字，營造出簡約、時(shí)尚的氛圍，完成后的參考效果如圖所示。課時(shí)內(nèi)容商品詳情頁視覺設(shè)計(jì)授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo)熟悉商品詳情頁的設(shè)計(jì)規(guī)范掌握焦點(diǎn)圖的設(shè)計(jì)方法掌握賣點(diǎn)說明圖的設(shè)計(jì)方法掌握信息展示圖的設(shè)計(jì)方法教學(xué)重點(diǎn)掌握焦點(diǎn)圖的設(shè)計(jì)方法掌握賣點(diǎn)說明圖的設(shè)計(jì)方法掌握信息展示圖的設(shè)計(jì)方法教學(xué)難點(diǎn)商品詳情頁的每個(gè)重要組成部分和美觀設(shè)計(jì)教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹商品詳情頁的設(shè)計(jì)要點(diǎn)，讓學(xué)生了解商品詳情頁制作規(guī)范；（2）介紹商品詳情頁設(shè)計(jì)，讓學(xué)生掌握焦點(diǎn)圖、賣點(diǎn)說明圖、信息展示圖的制作方法；（3）安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：通過案例演示講解商品詳情頁的制作，講解結(jié)束后進(jìn)行疑難解答與練習(xí)。教學(xué)資料及要求：除講解教材中的知識(shí)外，可通過網(wǎng)絡(luò)查看不同店鋪的詳情頁內(nèi)容組成，學(xué)習(xí)其制作技巧。教學(xué)內(nèi)容知識(shí)回顧：前面講解了店招、輪播海報(bào)計(jì)、優(yōu)惠券以及商品促銷區(qū)的設(shè)計(jì)，下面介紹商品詳情頁的視覺設(shè)計(jì)。討論問題：1、如何展示商品的重點(diǎn)？2、商品詳情頁一般由哪些內(nèi)容組成？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。5.1商品詳情頁設(shè)計(jì)要點(diǎn)5.1.1商品詳情頁制作規(guī)范5.1.2商品詳情頁的分析與策劃5.2商品詳情頁設(shè)計(jì)5.2.1焦點(diǎn)圖設(shè)計(jì)5.2.2賣點(diǎn)說明圖設(shè)計(jì)5.2.3信息展示圖設(shè)計(jì)5.3實(shí)戰(zhàn)演練5.3.1制作風(fēng)扇焦點(diǎn)圖5.3.2制作電動(dòng)牙刷信息展示圖課后練習(xí)小結(jié)掌握詳情頁的制作方法了解詳情頁各組成部分思考及作業(yè)（1）本練習(xí)將利用素材制作哈密瓜的賣點(diǎn)說明圖。網(wǎng)店美工在制作時(shí)，首先繪制裝飾框，然后利用“剪貼蒙版”功能制作圖示，使整體呈現(xiàn)更加美觀，然后搭配賣點(diǎn)說明文字，講解商品的賣點(diǎn)。參考效果如圖所示。（2）本練習(xí)將利用素材制作棉襪焦點(diǎn)圖。網(wǎng)店美工在制作過程中，可使用形狀工具組內(nèi)的工具繪制裝飾，如文字底紋、波紋、圓點(diǎn)等。元素，結(jié)合蒙版功能調(diào)整顯示范圍，輸入商品名稱，并使用矩形裝飾文字，強(qiáng)調(diào)商品的信息，達(dá)到吸引消費(fèi)者注意力的目的，參考效果如圖所示。

課時(shí)內(nèi)容裝修店鋪授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo)掌握圖片切片與保存的方法掌握上傳圖片的方法掌握編輯店鋪裝修模塊的方法掌握添加熱區(qū)的方法教學(xué)重點(diǎn)掌握圖片切片的方法掌握編輯店鋪裝修模塊的方法掌握添加熱區(qū)的方法教學(xué)難點(diǎn)掌握熱點(diǎn)+源代碼裝修店鋪的方法教學(xué)設(shè)計(jì)教學(xué)思路：（1）首先介紹素材中心的使用，讓學(xué)生掌握圖片切片、圖片保存、上傳圖片、編輯圖片的操作；（2）然后介紹使用模塊裝修店鋪，讓學(xué)生掌握使用熱區(qū)+源代碼的方式裝修店鋪；（3）安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：通過案例演示講解店鋪裝修的操作，講解結(jié)束后進(jìn)行疑難解答與練習(xí)。教學(xué)資料及要求：除講解教材中的知識(shí)外，還可以了解店鋪使用的圖片像素和尺寸要求，以及不同類型模塊的要求。教學(xué)內(nèi)容知識(shí)回顧：在前面講解了焦點(diǎn)圖、賣點(diǎn)說明圖、信息展示圖的制作方法，下面介紹店鋪裝修的相關(guān)知識(shí)。討論問題：1、切片存儲(chǔ)的格式有哪些？2、如何調(diào)整導(dǎo)航條中的內(nèi)容顯示順序？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。6.1使用素材中心6.1.1圖片切片與保存6.1.2上傳圖片到素材中心6.1.3編輯素材中心圖片6.2裝修店鋪6.2.1認(rèn)識(shí)裝修模塊6.2.2模塊裝修6.2.3熱點(diǎn)+源代碼裝修6.3實(shí)戰(zhàn)演練——裝修四件套詳情頁課后練習(xí)小結(jié)1、掌握素材中心的使用和編輯方法2、掌握熱點(diǎn)+源代碼裝修店鋪的方法思考及作業(yè)（1）本練習(xí)將利用素材裝修某店鋪頁頭以下的區(qū)域。裝修前網(wǎng)店美工需要先將其切片，上傳到素材中心后，利用首頁裝修頁面的“圖片輪播”模塊添加第一張圖片并設(shè)置模塊高度，新增“圖片輪播”“自定義區(qū)”模塊放置后兩張圖片，使其在視覺上呈現(xiàn)出兩張海報(bào)上下分布的布局方式，裝修后的效果如圖所示。（2）本練習(xí)將使用如圖所示的素材來裝修耳機(jī)的部分詳情頁區(qū)域。裝修前網(wǎng)店美工可先切片該圖片，上傳到素材中心后，利用詳情頁裝修頁面的“自定義區(qū)”模塊進(jìn)行裝修。

課時(shí)內(nèi)容推廣圖與視頻的設(shè)計(jì)與制作授課時(shí)間180分鐘課時(shí)4教學(xué)目標(biāo)掌握制作商品主圖的方法掌握制作引力魔方圖的方法掌握制作直通車圖的方法掌握制作直通車圖的方法掌握制作商品視頻的方法教學(xué)重點(diǎn)掌握主圖的設(shè)計(jì)技巧和制作方法掌握引力魔方圖的設(shè)計(jì)要點(diǎn)和注意些事項(xiàng)掌握直通車推廣圖的展現(xiàn)方式、設(shè)計(jì)要點(diǎn)和引流關(guān)鍵掌握商品視頻的類別和拍攝注意事項(xiàng)教學(xué)難點(diǎn)掌握推廣圖的設(shè)計(jì)思想，達(dá)到吸引顧客的目的掌握制作商品視頻的方法教學(xué)設(shè)計(jì)教學(xué)思路：（1）介紹主圖的制作技巧和規(guī)范，并通過綜合案例介紹制作主圖的方法；（2）介紹引力魔方圖的設(shè)計(jì)要點(diǎn)和注意事項(xiàng)，并通過綜合案例介紹制作引力魔方圖的方法；（3）介紹直通車推廣圖的設(shè)計(jì)要點(diǎn)和引流方法，并通過案例介紹直通車推廣圖的制作方法；（4）介紹商品視頻設(shè)計(jì)與制作，包括商品視頻的特點(diǎn)、商品視頻類別、拍攝商品視頻的注意事項(xiàng)等內(nèi)容，然后通過案例講解使用“剪映”制作主圖視頻的操作；（5）安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：通過案例演示講解推廣圖與視頻的操作，講解結(jié)束后進(jìn)行疑難解答與練習(xí)。教學(xué)資料及要求：除講解教材中的知識(shí)外，還可以了解更多推廣圖的制作，也可以了解使用其他視頻軟件制作視頻。教學(xué)內(nèi)容知識(shí)回顧：前面講解了使用素材中心和裝修店鋪等內(nèi)容，下面介紹各種推廣圖和視頻的制作過程。討論問題：1、各種推廣圖的尺寸要求是否一致？2、直通車推廣圖如何引流？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。7.1主圖設(shè)計(jì)與制作7.1.1主圖規(guī)范7.1.2制作優(yōu)質(zhì)主圖的技巧7.1.3制作數(shù)據(jù)線主圖7.2引力魔方圖設(shè)計(jì)與制作7.2.1引力魔方圖的規(guī)范與設(shè)計(jì)要點(diǎn)7.2.2引力魔方圖的注意事項(xiàng)7.2.3制作周年慶引力魔方圖7.3直通車推廣圖設(shè)計(jì)與制作7.3.1直通車展現(xiàn)方式7.3.2直通車圖的設(shè)計(jì)要點(diǎn)7.3.3直通車圖引流的關(guān)鍵7.3.4制作剃須刀直通車圖7.4商品視頻設(shè)計(jì)與制作7.4.1商品視頻的特點(diǎn)7.4.2常見商品視頻類別7.4.3商品視頻拍攝的注意事項(xiàng)7.4.4制作柿子主圖視頻7.5實(shí)戰(zhàn)演練7.5.1制作掃地機(jī)器人直通車圖7.5.2制作休閑鞋引力魔方圖課后練習(xí)小結(jié)掌握各種推廣圖的制作方法掌握制作商品視頻的方法思考及作業(yè)（1）本練習(xí)將利用“橄欖油.psd”文件中的素材制作在聚劃算頁面投放的橄欖油商品主圖。網(wǎng)店美工在制作時(shí)可先添加各種素材，然后調(diào)整商品圖像的色彩并制作倒影，接著在圖片中輸入商品賣點(diǎn)、價(jià)格等重要信息，最后完善主圖的細(xì)節(jié)，參考效果如圖所示。（2）本練習(xí)將利用“護(hù)膚品套裝”文件制作引力魔方圖。網(wǎng)店美工在制作時(shí)可先添加背景和商品圖片，然后輸入文本信息和繪制文本底紋，最后使用畫筆工具和蒙版制作商品和價(jià)格文字的倒影，使其位置基本位于同一水平面，增強(qiáng)空間感。參考效果如圖所示。

課時(shí)內(nèi)容移動(dòng)端店鋪視覺設(shè)計(jì)與裝修授課時(shí)間180分鐘課時(shí)4教學(xué)目標(biāo)熟悉移動(dòng)端首頁模塊的組成掌握移動(dòng)端首頁關(guān)鍵模塊的制作方法掌握移動(dòng)端商品詳情頁的制作方法掌握移動(dòng)端店鋪裝修方法教學(xué)重點(diǎn)掌握移動(dòng)端首頁關(guān)鍵模塊的制作方法掌握移動(dòng)端商品詳情頁的制作方法掌握移動(dòng)端店鋪裝修方法教學(xué)難點(diǎn)掌握移動(dòng)端頁面的裝修方法掌握移動(dòng)端各頁面的設(shè)計(jì)方法教學(xué)設(shè)計(jì)教學(xué)思路：（1）先通過與PC端對比、模塊組成和設(shè)計(jì)注意事項(xiàng)，讓學(xué)生了解移動(dòng)端首頁；（2）然后介紹移動(dòng)端各個(gè)關(guān)鍵模塊的制作方法，包括輪播海報(bào)、單圖海報(bào)、優(yōu)惠券、商品分類、商品展示圖以及商品詳情頁；（3）繼續(xù)介紹移動(dòng)端頁面的裝修，包括首頁裝修、商品詳情頁裝修；（4）最后安排實(shí)戰(zhàn)演練和課后練習(xí)。教學(xué)手段：通過裝修案例詳細(xì)講解移動(dòng)端頁面設(shè)計(jì)與裝修的方法。教學(xué)資料及要求：除講解教材中的知識(shí)外，可瀏覽其他移動(dòng)端店鋪，并分析優(yōu)秀移動(dòng)端裝修效果，總結(jié)移動(dòng)端修與推廣要點(diǎn)。教學(xué)內(nèi)容知識(shí)回顧：前面講解了主圖、引力魔方圖和直通車推廣圖的制作等相關(guān)知識(shí)，接下來介紹設(shè)計(jì)移動(dòng)端各頁面和裝修店鋪等內(nèi)容。討論問題：1、移動(dòng)端店鋪首頁與PC端首頁的組成模塊有何不同？2、如何應(yīng)用模板快速實(shí)現(xiàn)移動(dòng)端的裝修？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。8.1移動(dòng)端店鋪首頁設(shè)計(jì)基礎(chǔ)8.1.1移動(dòng)端店鋪首頁與PC端店鋪首頁的區(qū)別8.1.2移動(dòng)端店鋪首頁模塊的組成8.1.3移動(dòng)端店鋪首頁設(shè)計(jì)的注意事項(xiàng)8.2移動(dòng)端店鋪首頁設(shè)計(jì)8.2.1輪播海報(bào)設(shè)計(jì)8.2.2單圖海報(bào)設(shè)計(jì)8.2.3優(yōu)惠券設(shè)計(jì)8.2.4商品分類設(shè)計(jì)8.2.5商品展示圖設(shè)計(jì)8.3移動(dòng)端商品詳情頁設(shè)計(jì)8.3.1移動(dòng)端商品詳情頁的特征8.3.2移動(dòng)端商品詳情頁的設(shè)計(jì)要點(diǎn)8.3.3設(shè)計(jì)移動(dòng)端商品詳情頁8.4移動(dòng)端店鋪裝修8.4.1移動(dòng)端店鋪首頁裝修8.4.2移動(dòng)端店鋪商品詳情頁裝修8.5實(shí)戰(zhàn)演練——制作茶葉店鋪移動(dòng)端首頁課后練習(xí)小結(jié)了解移動(dòng)端店鋪基礎(chǔ)知識(shí)掌握移動(dòng)端頁面的裝修與設(shè)計(jì)操作思考