網(wǎng)店美工 教案全套

《網(wǎng)店美工：理論、案例與實訓（全彩微課版）》配套教學教案課時內容初識網(wǎng)店美工授課時間225分鐘課時5教學目標了解網(wǎng)店美工的基礎知識。熟悉網(wǎng)店美工常用的設計軟件掌握店鋪裝修的基本原則掌握色彩搭配與頁面構圖的方法掌握網(wǎng)店美工的設計流程教學重點網(wǎng)店美工的技能要求網(wǎng)店美工的工作范疇網(wǎng)店美工需要注意的問題色彩搭配，文字應用，頁面布局教學難點網(wǎng)店美工的技能要求，網(wǎng)店美工的工作范疇，網(wǎng)店美工需要注意的問題，色彩搭配，文字應用，頁面布局，Photoshop，C4D，Illustrator；教學設計教學思路：（1）通過講解網(wǎng)店美工的定義、網(wǎng)店美工的技能要求，網(wǎng)店美工的工作范疇，網(wǎng)店美工需要注意的問題等相關知識，讓學員認識網(wǎng)店美工；（2）通過講解色彩搭配、文字應用、頁面布局等相關知識，讓學員掌握網(wǎng)店美工必備的視覺設計知識；（3）通過講解Photoshop，C4D，Illustrator等相關知識，讓學員掌握網(wǎng)店美工常用的設計軟件；（5）通過講解設計定位，收集設計素材，素材處理與設計，頁面設計，設計審核與效果調整，店鋪裝修等相關知識，讓學員掌握網(wǎng)店美工的設計流程；（6）安排思考與練習。教學手段：（1）由淺入深，先讓學員認識網(wǎng)店美工，然后掌握網(wǎng)店美工必備的視覺設計知識，再講解相關軟件。教學資料及要求：除教材中講解的知識外，學員可以上網(wǎng)學習有關網(wǎng)店美工的相關視頻，提升自己的操作能力和審美能力。教學內容討論問題：1、網(wǎng)店美工主要做些什么，從事哪些行業(yè)？2、網(wǎng)店美工對頁面的布局有何要求？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?網(wǎng)店美工概述一、網(wǎng)店美工的定義二、網(wǎng)店美工的技能要求三、網(wǎng)店美工的工作范疇四、網(wǎng)店美工需要注意的問題任務二?網(wǎng)店美工必備的視覺設計知識一、色彩搭配二、文字應用三、頁面布局任務三?網(wǎng)店美工常用的設計軟件一、Photoshop二、C4D三、Illustrator任務四?網(wǎng)店美工的設計流程一、設計定位二、收集設計素材三、素材處理與設計四、頁面設計五、設計審核與效果調整六、店鋪裝修思考與練習小結了解網(wǎng)店美工的基礎知識。熟悉網(wǎng)店美工常用的設計軟件掌握店鋪裝修的基本原則掌握色彩搭配與頁面構圖的方法掌握網(wǎng)店美工的設計流程思考及作業(yè)1．為一個品牌定位為簡約、大氣的箱包店鋪構思首頁，其消費群體主要是18~40歲的年輕消費者，商品拍攝風格簡潔、大氣，可以結合消費者和商品的定位來展開構思。

課時內容處理商品圖片授課時間270分鐘課時6教學目標掌握調整商品圖片尺寸的方法掌握調整商品圖片色彩的方法掌握修復商品圖片的方法掌握摳取和合成商品圖片的方法教學重點調整偏暗或偏亮的商品圖片修復商品圖片的常用方法摳取商品圖片的常用方法合成商品圖片；教學難點調整商品圖片的大小，裁剪商品圖片，調整偏暗或偏亮的商品圖片，調整偏色的商品圖片，修復商品圖片的常用方法，摳取商品圖片的常用方法，合成商品圖片；教學設計教學思路：（1）通過講解調整商品圖片的大小、裁剪商品圖片等相關知識，讓學員掌握如何調整商品圖片尺寸；（2）通過講解調整偏暗或偏亮的商品圖片、調整偏色的商品圖片等相關知識，讓學員掌握如何調整商品圖片顏色；（3）通過講解修復商品圖片的常用方法，讓學員掌握如何修復商品圖片。（4）通過講解摳取商品圖片的常用方法，讓學員掌握如何摳取商品圖片；（5）通過講解添加與設置文字，添加形狀與圖案，合成商品圖片等相關知識，讓學員掌握如何豐富商品圖片內容；（6）安排思考與練習。教學手段：（1）先通過知識講解，然后通過案例學習重點內容；（2）最后安排練習固前面所學知識。教學資料及要求：除教材中講解的知識外，學員可自行練習如何處理商品圖片，熟練該操作。教學內容知識回顧：在前面講解了網(wǎng)店美工的基礎知識，本章將對處理商品圖片的相關內容進行介紹。討論問題：1、如何調整偏暗或偏亮的商品圖片？2、如何去除商品中的多余部分？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?調整商品圖片尺寸一、調整商品圖片的大小二、裁剪商品圖片三、【課堂案例】——處理“草莓”商品圖片大小任務二?調整商品圖片顏色一、調整偏暗或偏亮的商品圖片二、調整偏色的商品圖片三、【課堂案例】——調整首飾商品圖片的顏色任務三?修復商品圖片一、修復商品圖片的常用方法二、【課堂案例】——去除商品圖片中的污漬三、【課堂案例】——去除商品圖片中的多余部分任務四?摳取商品圖片一、摳取商品圖片的常用方法二、【課堂案例】——摳取女包商品圖片三、【課堂案例】——摳取婚紗商品圖片任務五?豐富商品圖片內容一、添加與設置文字二、添加形狀與圖案三、合成商品圖片四、【課堂案例】——制作投影燈海報五、【課堂案例】——合成端午節(jié)海報思考與練習小結掌握調整商品圖片尺寸的方法掌握調整商品圖片色彩的方法掌握修復商品圖片的方法掌握摳取和合成商品圖片的方法思考及作業(yè)1、打開旅行包素材；調整旅行包色調，還原旅行包真實效果；打開背景素材，添加云朵素材，并調整素材的位置和大小；摳取旅行包圖片并將其添加到背景素材中；繪制形狀，方便后期展示文字；輸入優(yōu)惠信息，方便了解活動內容，參看效果如圖所示。課時內容設計與制作推廣圖授課時間180分鐘課時4教學目標掌握商品主圖的制作要求和設計技巧掌握直通車圖的投放策略、設計原則和制作方法掌握引力魔方推廣圖的投放位置掌握引力魔方推廣圖的設計要點和制作方法教學重點商品主圖的制作要求制作優(yōu)質商品主圖的技巧直通車圖的設計目的和策略引力魔方推廣圖的位置和規(guī)范以及設計要點教學難點商品主圖的制作要求，制作優(yōu)質商品主圖的技巧，直通車圖的設計目的和策略，直通車圖的投放位置，直通車圖的設計原則，引力魔方推廣圖的位置和規(guī)范以及設計要點；教學設計教學思路：（1）通過講解商品主圖的制作要求、制作優(yōu)質商品主圖的技巧等相關知識，讓學員掌握商品主圖的設計與制作方法；（2）通過講解直通車圖的設計目的和策略、直通車圖的投放位置、直通車圖的設計原則等相關知識，讓學員掌握如何設計與制作直通車圖；（3）通過講解引力魔方推廣圖的位置和規(guī)范、引力魔方推廣圖的設計要點等相關知識，讓學員掌握如何設計與制作引力魔方推廣圖；（4）最后安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員綜合學習設計與制作推廣圖的各種操作，鞏固本章所學的知識。教學資料及要求：除教材中的實例外，學員還需通過其他途徑找到有關制作推廣圖的其他案例，學習其操作方法。教學內容知識回顧：在前面講解了如何處理商品圖片的相關知識，本章將對設計與制作推廣圖的相關知識進行介紹。討論問題：1、引力魔方推廣圖的尺寸通常為？2、直通車圖的設計目的和策略？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?商品主圖的設計與制作一、商品主圖的制作要求二、制作優(yōu)質商品主圖的技巧三、【課堂案例】——制作數(shù)據(jù)線商品主圖任務二?設計與制作直通車圖一、直通車圖的設計目的和策略二、直通車圖的投放位置三、直通車圖的設計原則四、【課堂案例】——制作榨汁機直通車圖任務三?設計與制作引力魔方推廣圖一、引力魔方推廣圖的位置和規(guī)范二、引力魔方推廣圖的設計要點三、【課堂案例】——制作水果引力魔方推廣圖思考與練習小結掌握商品主圖的制作要求和設計技巧掌握直通車圖的投放策略、設計原則和制作方法掌握引力魔方推廣圖的投放位置掌握引力魔方推廣圖的設計要點和制作方法思考及作業(yè)新建文件；添加素材；為文件填充淺色背景；輸入文字；繪制圓角矩形，最終效果如圖所示。課時內容設計與制作店鋪首頁授課時間270分鐘課時6教學目標掌握設計與制作店招與導航的方法掌握設計與制作全屏海報的方法掌握設計與制作優(yōu)惠券的方法掌握設計與制作商品推薦區(qū)的方法教學重點店鋪首頁的主要功能店招與導航的設計要求與要點全屏海報的設計要點優(yōu)惠券的設計原則商品推薦區(qū)的設計要點教學難點店鋪首頁的主要功能，店鋪首頁的組成結構，店招與導航的設計要求與要點，全屏海報的設計要點，優(yōu)惠券的設計原則，商品推薦區(qū)的設計要點；教學設計教學思路：（1）通過講解店鋪首頁的主要功能、店鋪首頁的組成結構等相關知識，讓學員認識店鋪首頁；（2）通過講解店招與導航的設計要求、店招與導航的設計要點等相關知識，讓學員掌握設計與制作店招與導航的方法；（3）通過講解全屏海報的設計要點等相關知識，讓學員掌握如何設計與制作全屏海報；（4）通過講解優(yōu)惠券的設計原則等相關知識，讓學員掌握如何設計與制作優(yōu)惠券；（5）通過講解商品推薦區(qū)的設計要點等相關知識，讓學員掌握設計與制作商品推薦區(qū)的方法；（6）安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員綜合學習設計與制作店鋪首頁的各種操作，鞏固本章所學的知識。教學資料及要求：除教材中介紹的知識外，還可以自行尋找相關案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作推廣圖的相關知識，本章將對設計與制作店鋪首頁的相關內容進行介紹。討論問題：1、什么是店鋪首頁，首頁主要由哪些板塊構成？2、店鋪優(yōu)惠券的設計原則？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?認識店鋪首頁一、店鋪首頁的主要功能二、店鋪首頁的組成結構任務二?設計與制作店招與導航一、店招與導航的設計要求二、店招與導航的設計要點三、【課堂案例】——制作家紡店鋪店招與導航任務三?設計與制作全屏海報一、全屏海報的設計要點二、【課堂案例】——制作家紡店鋪全屏海報任務四?設計與制作優(yōu)惠券一、優(yōu)惠券的設計原則二、【課堂案例】——制作家紡店鋪優(yōu)惠券任務五?設計與制作商品推薦區(qū)一、商品推薦區(qū)的設計要點二、【課堂案例】——制作家紡店鋪商品推薦區(qū)思考與練習小結掌握設計與制作店招與導航的方法掌握設計與制作全屏海報的方法掌握設計與制作優(yōu)惠券的方法掌握設計與制作商品推薦區(qū)的方法思考及作業(yè)1、新建圖像文件，制作商品推薦區(qū)背景；使用提供的素材（商品推薦區(qū)素材）制作主推商品海報；依次制作熱賣商品；完成后的效果如圖所示。課時內容設計與制作其他頁面授課時間180分鐘課時4教學目標掌握設計與制作活動頁的方法掌握設計與制作品牌介紹頁的方法提升對品牌形象塑造的理解能力提升對活動主題與目的的理解能力教學重點活動的目的和作用活動頁的類型活動頁的設計要點品牌介紹頁的展示方式教學難點活動的目的和作用，活動頁的類型，活動頁的設計要點，品牌介紹頁的展示方式；教學設計教學思路：（1）通過講解活動的目的和作用、活動頁的類型、活動頁的設計要點等相關知識，讓學員掌握設計與制作活動頁的方法；（2）通過講解品牌介紹頁的展示方式等相關知識，讓學員掌握設計與制作品牌介紹頁的方法；（3）最后安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員綜合學習設計與制作其他頁面的各種操作，鞏固本章所學的知識。教學資料及要求：除了教材中介紹的知識外，還可以自行尋找案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作店鋪首頁的相關知識，本章將對設計與制作其他頁面的相關內容進行介紹。討論問題：1、你認為品牌介紹頁有什么作用？2、用于介紹品牌或者展示品牌故事的頁面是？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?設計與制作活動頁一、活動的目的和作用二、活動頁的類型三、活動頁的設計要點四、【課堂案例】——設計“中秋”活動頁任務二?設計與制作品牌介紹頁一、品牌介紹頁的展示方式二、【課堂案例】——設計家紡品牌介紹頁思考與練習小結掌握設計與制作活動頁的方法掌握設計與制作品牌介紹頁的方法提升對品牌形象塑造的理解能力提升對活動主題與目的的理解能力思考及作業(yè)根據(jù)提供的茶葉素材，新建圖像文件；制作聯(lián)系我們板塊；制作品牌故事板塊；制作線下體驗店板塊；最終參考效果如圖所示。

課時內容設計與制作商品詳情頁授課時間135分鐘課時3教學目標了解商品詳情頁的基礎知識掌握商品詳情頁各個部分的設計方法培養(yǎng)商品詳情頁的布局與展現(xiàn)能力提升對商品詳情頁的整合能力教學重點商品詳情頁的設計要求商品詳情頁的設計要點商品詳情頁的組成部分教學難點商品詳情頁的設計要求，商品詳情頁的設計要點，商品詳情頁的組成部分；教學設計教學思路：（1）通過講解商品詳情頁的設計要求、商品詳情頁的設計要點等相關知識，讓學員認識商品詳情頁；（2）通過講解商品詳情頁的組成部分等相關知識，讓學員掌握有關商品詳情頁的設計與制作方法；（3）最后安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員綜合學習有關設計與制作商品詳情頁的各種操作，鞏固本章所學的知識。教學資料及要求：除了教材中介紹的知識外，還可以自行尋找相關案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作其他頁面的相關知識，本章將對設計與制作商品詳情頁的相關內容進行介紹。討論問題：1、什么是商品詳情頁，他對消費者有什么作用？2、商品詳情頁的組成部分？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?認識商品詳情頁一、商品詳情頁的設計要求二、商品詳情頁的設計要點任務二?商品詳情頁的設計與制作一、商品詳情頁的組成部分二、【課堂案例】——設計毛巾焦點圖三、【課堂案例】——設計毛巾賣點說明圖四、【課堂案例】——設計毛巾信息展示圖五、【課堂案例】——設計毛巾快遞與售后圖思考與練習小結了解商品詳情頁的基礎知識掌握商品詳情頁各個部分的設計方法培養(yǎng)商品詳情頁的布局與展現(xiàn)能力提升對商品詳情頁的整合能力思考及作業(yè)1、新建圖像文件；使用提供的素材（四件套詳情頁）依次制作焦點圖、細節(jié)展示圖、情景展示圖，最終參考效果如圖所示。

課時內容設計與制作短視頻授課時間180分鐘課時4教學目標了解短視頻的基礎知識掌握拍攝短視頻的方法掌握制作短視頻的方法培養(yǎng)對短視頻的賞析與設計能力培養(yǎng)在不同情況下對短視頻的運用能力教學重點短視頻的特征與優(yōu)勢短視頻的類型短視頻拍攝的景別短視頻拍攝的角度和方位短視頻的制作要求和流程教學難點短視頻的特征與優(yōu)勢，短視頻的類型，短視頻的拍攝流程，短視頻的運鏡方式，短視頻拍攝的景別，短視頻拍攝的角度和方位，短視頻的制作要求和流程；教學設計教學思路：（1）通過講解短視頻的特征與優(yōu)勢、短視頻的類型等相關知識，讓學員認識短視頻；（2）通過講解短視頻的拍攝流程、短視頻的運鏡方式、短視頻拍攝的景別，短視頻拍攝的角度和方位等相關知識，讓學員掌握拍攝短視頻的方法；（3）通過講解短視頻的制作要求，短視頻的制作流程等相關知識，讓學員掌握短視頻的制作方法；（4）最后安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員綜合學習有關短視頻的各種操作，鞏固本章所學知識。教學資料及要求：除教材中介紹的知識外，還可以自行尋找相關案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作商品詳情頁的相關知識，本章將對設計與制作短視頻的相關內容進行介紹。討論問題：1、短視頻的類型？2、想要拍好短視頻，需要遵循哪些原則？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?認識短視頻一、短視頻的特征與優(yōu)勢二、短視頻的類型任務二?拍攝短視頻一、短視頻的拍攝流程二、短視頻的運鏡方式三、短視頻拍攝的景別四、短視頻拍攝的角度和方位五、【課堂案例】——拍攝堅果短視頻任務三?短視頻制作一、短視頻的制作要求二、短視頻的制作流程三、【課堂案例】——制作毛巾主圖短視頻四、【課堂案例】——設計大米詳情頁短視頻五、【課堂案例】——上傳主圖短視頻思考與練習小結了解短視頻的基礎知識掌握拍攝短視頻的方法掌握制作短視頻的方法培養(yǎng)對短視頻的賞析與設計能力培養(yǎng)在不同情況下對短視頻的運用能力思考及作業(yè)1、導入提供的素材（草莓視頻.mp4），分割短視頻，并刪除多余的視頻片段；添加店鋪名稱文字，起到宣傳店鋪的作用；添加結尾文字，最終參考效果如圖所示。

課時內容設計與制作移動端頁面授課時間135分鐘課時3教學目標掌握設計與制作移動端店鋪首頁的方法掌握設計與制作移動端商品詳情頁的方法提升對移動端頁面的設計能力教學重點移動端店鋪首頁的組成移動端店鋪首頁的設計注意事項移動端商品詳情頁的特征移動端商品詳情頁的設計要點教學難點移動端店鋪首頁的組成，移動端店鋪首頁的設計注意事項，移動端商品詳情頁的特征，移動端商品詳情頁的設計要點；教學設計教學思路：（1）通過講解移動端店鋪首頁的組成、移動端店鋪首頁的設計注意事項等相關知識，讓學員掌握設計與制作移動端店鋪的方法；（2）通過講解移動端商品詳情頁的特征、移動端商品詳情頁的設計要點等相關知識，讓學員掌握設計與制作移動端商品詳情頁的方法；（3）最后安排思考與練習。教學手段：（1）通過理論帶案例的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；（2）通過練習讓學員掌握設計與制作移動端頁面的各種操作，鞏固本章所學知識。教學資料及要求：除教材中介紹的知識外，還可以自行尋找相關案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作短視頻的相關知識，本章將對設計與制作移動端頁面的相關內容進行講解。討論問題：1、移動端店鋪首頁的組成？2、移動端商品詳情頁的特征？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?設計與制作移動端店鋪首頁一、移動端店鋪首頁的組成二、移動端店鋪首頁的設計注意事項三、【課堂案例】——制作陶瓷店鋪移動端首頁任務二?設計與制作移動端商品詳情頁一、移動端商品詳情頁的特征二、移動端商品詳情頁的設計要點三、【課堂案例】——制作茶杯移動端商品詳情頁思考與練習小結掌握設計與制作移動端店鋪首頁的方法掌握設計與制作移動端商品詳情頁的方法提升對移動端頁面的設計能力思考及作業(yè)添加提供的素材（蓮子移動端詳情頁素材.psd）；依次輸入文字；對重要文字繪制圓角矩形；設計時可單獨制作模塊，避免效果不夠美觀，最終參考效果如圖所示。

課時內容裝修店鋪授課時間225分鐘課時5教學目標掌握圖片切片與上傳的方法掌握裝修PC端店鋪首頁的方法掌握裝修移動端店鋪首頁的方法掌握上傳商品詳情頁的方法教學重點圖片切片的技巧認識裝修基礎模塊認識移動端店鋪首頁模塊商品詳情頁上傳的注意事項教學難點圖片切片的技巧，認識裝修基礎模塊，認識移動端店鋪首頁模塊，商品詳情頁上傳的注意事項；教學設計教學思路：（1）通過講解圖片切片的技巧等相關知識，讓學員掌握圖片切片與上傳的方法；（2）通過講解認識裝修基礎模塊等相關知識，讓學員掌握裝修PC端店鋪首頁的方法；（3）通過講解認識移動端店鋪首頁模塊等相關知識，讓學員掌握裝修移動端店鋪首頁的方法；（4）通過講解商品詳情頁上傳的注意事項等相關知識，讓學員掌握上傳商品詳情頁的方法；（5）最后安排思考與練習。教學手段：通過理論帶步驟的方式，讓學員加深對理論知識的理解同時還掌握其操作方法；教學資料及要求：除教材中介紹的知識外，還可以自行尋找相關案例，并對案例進行相關操作。教學內容知識回顧：在前面講解了設計與制作移動端頁面的相關知識，本章將對裝修店鋪的相關內容進行介紹。討論問題：1、如何對圖片進行簡單的切片操作？2、移動端店標的上傳步驟？內容大綱：具體可結合本章的PPT課件進行配合講解。任務一?圖片切片與上傳一、圖片切片的技巧二、【課堂案例】——家紡店鋪首頁切片與上傳任務二?裝修PC端店鋪首頁一、認識裝修基礎模塊二、【課堂案例】——使用模塊裝修店鋪首頁任務三?裝修移動端店鋪首頁一、認識移動端店鋪首頁模塊二、【課堂案例】——使用模塊裝修移動端首頁任務四?上傳商品詳情頁一、商品詳情頁上傳的注