网店美工 教案全套

《网店美工：理论、案例与实训（全彩微课版）》配套教学教案课时内容初识网店美工授课时间225分钟课时5教学目标了解网店美工的基础知识。熟悉网店美工常用的设计软件掌握店铺装修的基本原则掌握色彩搭配与页面构图的方法掌握网店美工的设计流程教学重点网店美工的技能要求网店美工的工作范畴网店美工需要注意的问题色彩搭配，文字应用，页面布局教学难点网店美工的技能要求，网店美工的工作范畴，网店美工需要注意的问题，色彩搭配，文字应用，页面布局，Photoshop，C4D，Illustrator；教学设计教学思路：（1）通过讲解网店美工的定义、网店美工的技能要求，网店美工的工作范畴，网店美工需要注意的问题等相关知识，让学员认识网店美工；（2）通过讲解色彩搭配、文字应用、页面布局等相关知识，让学员掌握网店美工必备的视觉设计知识；（3）通过讲解Photoshop，C4D，Illustrator等相关知识，让学员掌握网店美工常用的设计软件；（5）通过讲解设计定位，收集设计素材，素材处理与设计，页面设计，设计审核与效果调整，店铺装修等相关知识，让学员掌握网店美工的设计流程；（6）安排思考与练习。教学手段：（1）由浅入深，先让学员认识网店美工，然后掌握网店美工必备的视觉设计知识，再讲解相关软件。教学资料及要求：除教材中讲解的知识外，学员可以上网学习有关网店美工的相关视频，提升自己的操作能力和审美能力。教学内容讨论问题：1、网店美工主要做些什么，从事哪些行业？2、网店美工对页面的布局有何要求？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 网店美工概述一、网店美工的定义二、网店美工的技能要求三、网店美工的工作范畴四、网店美工需要注意的问题任务二 网店美工必备的视觉设计知识一、色彩搭配二、文字应用三、页面布局任务三 网店美工常用的设计软件一、Photoshop二、C4D三、Illustrator任务四 网店美工的设计流程一、设计定位二、收集设计素材三、素材处理与设计四、页面设计五、设计审核与效果调整六、店铺装修思考与练习小结了解网店美工的基础知识。熟悉网店美工常用的设计软件掌握店铺装修的基本原则掌握色彩搭配与页面构图的方法掌握网店美工的设计流程思考及作业1．为一个品牌定位为简约、大气的箱包店铺构思首页，其消费群体主要是18~40岁的年轻消费者，商品拍摄风格简洁、大气，可以结合消费者和商品的定位来展开构思。

课时内容处理商品图片授课时间270分钟课时6教学目标掌握调整商品图片尺寸的方法掌握调整商品图片色彩的方法掌握修复商品图片的方法掌握抠取和合成商品图片的方法教学重点调整偏暗或偏亮的商品图片修复商品图片的常用方法抠取商品图片的常用方法合成商品图片；教学难点调整商品图片的大小，裁剪商品图片，调整偏暗或偏亮的商品图片，调整偏色的商品图片，修复商品图片的常用方法，抠取商品图片的常用方法，合成商品图片；教学设计教学思路：（1）通过讲解调整商品图片的大小、裁剪商品图片等相关知识，让学员掌握如何调整商品图片尺寸；（2）通过讲解调整偏暗或偏亮的商品图片、调整偏色的商品图片等相关知识，让学员掌握如何调整商品图片颜色；（3）通过讲解修复商品图片的常用方法，让学员掌握如何修复商品图片。（4）通过讲解抠取商品图片的常用方法，让学员掌握如何抠取商品图片；（5）通过讲解添加与设置文字，添加形状与图案，合成商品图片等相关知识，让学员掌握如何丰富商品图片内容；（6）安排思考与练习。教学手段：（1）先通过知识讲解，然后通过案例学习重点内容；（2）最后安排练习固前面所学知识。教学资料及要求：除教材中讲解的知识外，学员可自行练习如何处理商品图片，熟练该操作。教学内容知识回顾：在前面讲解了网店美工的基础知识，本章将对处理商品图片的相关内容进行介绍。讨论问题：1、如何调整偏暗或偏亮的商品图片？2、如何去除商品中的多余部分？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 调整商品图片尺寸一、调整商品图片的大小二、裁剪商品图片三、【课堂案例】——处理“草莓”商品图片大小任务二 调整商品图片颜色一、调整偏暗或偏亮的商品图片二、调整偏色的商品图片三、【课堂案例】——调整首饰商品图片的颜色任务三 修复商品图片一、修复商品图片的常用方法二、【课堂案例】——去除商品图片中的污渍三、【课堂案例】——去除商品图片中的多余部分任务四 抠取商品图片一、抠取商品图片的常用方法二、【课堂案例】——抠取女包商品图片三、【课堂案例】——抠取婚纱商品图片任务五 丰富商品图片内容一、添加与设置文字二、添加形状与图案三、合成商品图片四、【课堂案例】——制作投影灯海报五、【课堂案例】——合成端午节海报思考与练习小结掌握调整商品图片尺寸的方法掌握调整商品图片色彩的方法掌握修复商品图片的方法掌握抠取和合成商品图片的方法思考及作业1、打开旅行包素材；调整旅行包色调，还原旅行包真实效果；打开背景素材，添加云朵素材，并调整素材的位置和大小；抠取旅行包图片并将其添加到背景素材中；绘制形状，方便后期展示文字；输入优惠信息，方便了解活动内容，参看效果如图所示。课时内容设计与制作推广图授课时间180分钟课时4教学目标掌握商品主图的制作要求和设计技巧掌握直通车图的投放策略、设计原则和制作方法掌握引力魔方推广图的投放位置掌握引力魔方推广图的设计要点和制作方法教学重点商品主图的制作要求制作优质商品主图的技巧直通车图的设计目的和策略引力魔方推广图的位置和规范以及设计要点教学难点商品主图的制作要求，制作优质商品主图的技巧，直通车图的设计目的和策略，直通车图的投放位置，直通车图的设计原则，引力魔方推广图的位置和规范以及设计要点；教学设计教学思路：（1）通过讲解商品主图的制作要求、制作优质商品主图的技巧等相关知识，让学员掌握商品主图的设计与制作方法；（2）通过讲解直通车图的设计目的和策略、直通车图的投放位置、直通车图的设计原则等相关知识，让学员掌握如何设计与制作直通车图；（3）通过讲解引力魔方推广图的位置和规范、引力魔方推广图的设计要点等相关知识，让学员掌握如何设计与制作引力魔方推广图；（4）最后安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员综合学习设计与制作推广图的各种操作，巩固本章所学的知识。教学资料及要求：除教材中的实例外，学员还需通过其他途径找到有关制作推广图的其他案例，学习其操作方法。教学内容知识回顾：在前面讲解了如何处理商品图片的相关知识，本章将对设计与制作推广图的相关知识进行介绍。讨论问题：1、引力魔方推广图的尺寸通常为？2、直通车图的设计目的和策略？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 商品主图的设计与制作一、商品主图的制作要求二、制作优质商品主图的技巧三、【课堂案例】——制作数据线商品主图任务二 设计与制作直通车图一、直通车图的设计目的和策略二、直通车图的投放位置三、直通车图的设计原则四、【课堂案例】——制作榨汁机直通车图任务三 设计与制作引力魔方推广图一、引力魔方推广图的位置和规范二、引力魔方推广图的设计要点三、【课堂案例】——制作水果引力魔方推广图思考与练习小结掌握商品主图的制作要求和设计技巧掌握直通车图的投放策略、设计原则和制作方法掌握引力魔方推广图的投放位置掌握引力魔方推广图的设计要点和制作方法思考及作业新建文件；添加素材；为文件填充浅色背景；输入文字；绘制圆角矩形，最终效果如图所示。课时内容设计与制作店铺首页授课时间270分钟课时6教学目标掌握设计与制作店招与导航的方法掌握设计与制作全屏海报的方法掌握设计与制作优惠券的方法掌握设计与制作商品推荐区的方法教学重点店铺首页的主要功能店招与导航的设计要求与要点全屏海报的设计要点优惠券的设计原则商品推荐区的设计要点教学难点店铺首页的主要功能，店铺首页的组成结构，店招与导航的设计要求与要点，全屏海报的设计要点，优惠券的设计原则，商品推荐区的设计要点；教学设计教学思路：（1）通过讲解店铺首页的主要功能、店铺首页的组成结构等相关知识，让学员认识店铺首页；（2）通过讲解店招与导航的设计要求、店招与导航的设计要点等相关知识，让学员掌握设计与制作店招与导航的方法；（3）通过讲解全屏海报的设计要点等相关知识，让学员掌握如何设计与制作全屏海报；（4）通过讲解优惠券的设计原则等相关知识，让学员掌握如何设计与制作优惠券；（5）通过讲解商品推荐区的设计要点等相关知识，让学员掌握设计与制作商品推荐区的方法；（6）安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员综合学习设计与制作店铺首页的各种操作，巩固本章所学的知识。教学资料及要求：除教材中介绍的知识外，还可以自行寻找相关案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作推广图的相关知识，本章将对设计与制作店铺首页的相关内容进行介绍。讨论问题：1、什么是店铺首页，首页主要由哪些板块构成？2、店铺优惠券的设计原则？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 认识店铺首页一、店铺首页的主要功能二、店铺首页的组成结构任务二 设计与制作店招与导航一、店招与导航的设计要求二、店招与导航的设计要点三、【课堂案例】——制作家纺店铺店招与导航任务三 设计与制作全屏海报一、全屏海报的设计要点二、【课堂案例】——制作家纺店铺全屏海报任务四 设计与制作优惠券一、优惠券的设计原则二、【课堂案例】——制作家纺店铺优惠券任务五 设计与制作商品推荐区一、商品推荐区的设计要点二、【课堂案例】——制作家纺店铺商品推荐区思考与练习小结掌握设计与制作店招与导航的方法掌握设计与制作全屏海报的方法掌握设计与制作优惠券的方法掌握设计与制作商品推荐区的方法思考及作业1、新建图像文件，制作商品推荐区背景；使用提供的素材（商品推荐区素材）制作主推商品海报；依次制作热卖商品；完成后的效果如图所示。课时内容设计与制作其他页面授课时间180分钟课时4教学目标掌握设计与制作活动页的方法掌握设计与制作品牌介绍页的方法提升对品牌形象塑造的理解能力提升对活动主题与目的的理解能力教学重点活动的目的和作用活动页的类型活动页的设计要点品牌介绍页的展示方式教学难点活动的目的和作用，活动页的类型，活动页的设计要点，品牌介绍页的展示方式；教学设计教学思路：（1）通过讲解活动的目的和作用、活动页的类型、活动页的设计要点等相关知识，让学员掌握设计与制作活动页的方法；（2）通过讲解品牌介绍页的展示方式等相关知识，让学员掌握设计与制作品牌介绍页的方法；（3）最后安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员综合学习设计与制作其他页面的各种操作，巩固本章所学的知识。教学资料及要求：除了教材中介绍的知识外，还可以自行寻找案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作店铺首页的相关知识，本章将对设计与制作其他页面的相关内容进行介绍。讨论问题：1、你认为品牌介绍页有什么作用？2、用于介绍品牌或者展示品牌故事的页面是？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 设计与制作活动页一、活动的目的和作用二、活动页的类型三、活动页的设计要点四、【课堂案例】——设计“中秋”活动页任务二 设计与制作品牌介绍页一、品牌介绍页的展示方式二、【课堂案例】——设计家纺品牌介绍页思考与练习小结掌握设计与制作活动页的方法掌握设计与制作品牌介绍页的方法提升对品牌形象塑造的理解能力提升对活动主题与目的的理解能力思考及作业根据提供的茶叶素材，新建图像文件；制作联系我们板块；制作品牌故事板块；制作线下体验店板块；最终参考效果如图所示。

课时内容设计与制作商品详情页授课时间135分钟课时3教学目标了解商品详情页的基础知识掌握商品详情页各个部分的设计方法培养商品详情页的布局与展现能力提升对商品详情页的整合能力教学重点商品详情页的设计要求商品详情页的设计要点商品详情页的组成部分教学难点商品详情页的设计要求，商品详情页的设计要点，商品详情页的组成部分；教学设计教学思路：（1）通过讲解商品详情页的设计要求、商品详情页的设计要点等相关知识，让学员认识商品详情页；（2）通过讲解商品详情页的组成部分等相关知识，让学员掌握有关商品详情页的设计与制作方法；（3）最后安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员综合学习有关设计与制作商品详情页的各种操作，巩固本章所学的知识。教学资料及要求：除了教材中介绍的知识外，还可以自行寻找相关案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作其他页面的相关知识，本章将对设计与制作商品详情页的相关内容进行介绍。讨论问题：1、什么是商品详情页，他对消费者有什么作用？2、商品详情页的组成部分？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 认识商品详情页一、商品详情页的设计要求二、商品详情页的设计要点任务二 商品详情页的设计与制作一、商品详情页的组成部分二、【课堂案例】——设计毛巾焦点图三、【课堂案例】——设计毛巾卖点说明图四、【课堂案例】——设计毛巾信息展示图五、【课堂案例】——设计毛巾快递与售后图思考与练习小结了解商品详情页的基础知识掌握商品详情页各个部分的设计方法培养商品详情页的布局与展现能力提升对商品详情页的整合能力思考及作业1、新建图像文件；使用提供的素材（四件套详情页）依次制作焦点图、细节展示图、情景展示图，最终参考效果如图所示。

课时内容设计与制作短视频授课时间180分钟课时4教学目标了解短视频的基础知识掌握拍摄短视频的方法掌握制作短视频的方法培养对短视频的赏析与设计能力培养在不同情况下对短视频的运用能力教学重点短视频的特征与优势短视频的类型短视频拍摄的景别短视频拍摄的角度和方位短视频的制作要求和流程教学难点短视频的特征与优势，短视频的类型，短视频的拍摄流程，短视频的运镜方式，短视频拍摄的景别，短视频拍摄的角度和方位，短视频的制作要求和流程；教学设计教学思路：（1）通过讲解短视频的特征与优势、短视频的类型等相关知识，让学员认识短视频；（2）通过讲解短视频的拍摄流程、短视频的运镜方式、短视频拍摄的景别，短视频拍摄的角度和方位等相关知识，让学员掌握拍摄短视频的方法；（3）通过讲解短视频的制作要求，短视频的制作流程等相关知识，让学员掌握短视频的制作方法；（4）最后安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员综合学习有关短视频的各种操作，巩固本章所学知识。教学资料及要求：除教材中介绍的知识外，还可以自行寻找相关案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作商品详情页的相关知识，本章将对设计与制作短视频的相关内容进行介绍。讨论问题：1、短视频的类型？2、想要拍好短视频，需要遵循哪些原则？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 认识短视频一、短视频的特征与优势二、短视频的类型任务二 拍摄短视频一、短视频的拍摄流程二、短视频的运镜方式三、短视频拍摄的景别四、短视频拍摄的角度和方位五、【课堂案例】——拍摄坚果短视频任务三 短视频制作一、短视频的制作要求二、短视频的制作流程三、【课堂案例】——制作毛巾主图短视频四、【课堂案例】——设计大米详情页短视频五、【课堂案例】——上传主图短视频思考与练习小结了解短视频的基础知识掌握拍摄短视频的方法掌握制作短视频的方法培养对短视频的赏析与设计能力培养在不同情况下对短视频的运用能力思考及作业1、导入提供的素材（草莓视频.mp4），分割短视频，并删除多余的视频片段；添加店铺名称文字，起到宣传店铺的作用；添加结尾文字，最终参考效果如图所示。

课时内容设计与制作移动端页面授课时间135分钟课时3教学目标掌握设计与制作移动端店铺首页的方法掌握设计与制作移动端商品详情页的方法提升对移动端页面的设计能力教学重点移动端店铺首页的组成移动端店铺首页的设计注意事项移动端商品详情页的特征移动端商品详情页的设计要点教学难点移动端店铺首页的组成，移动端店铺首页的设计注意事项，移动端商品详情页的特征，移动端商品详情页的设计要点；教学设计教学思路：（1）通过讲解移动端店铺首页的组成、移动端店铺首页的设计注意事项等相关知识，让学员掌握设计与制作移动端店铺的方法；（2）通过讲解移动端商品详情页的特征、移动端商品详情页的设计要点等相关知识，让学员掌握设计与制作移动端商品详情页的方法；（3）最后安排思考与练习。教学手段：（1）通过理论带案例的方式，让学员加深对理论知识的理解同时还掌握其操作方法；（2）通过练习让学员掌握设计与制作移动端页面的各种操作，巩固本章所学知识。教学资料及要求：除教材中介绍的知识外，还可以自行寻找相关案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作短视频的相关知识，本章将对设计与制作移动端页面的相关内容进行讲解。讨论问题：1、移动端店铺首页的组成？2、移动端商品详情页的特征？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 设计与制作移动端店铺首页一、移动端店铺首页的组成二、移动端店铺首页的设计注意事项三、【课堂案例】——制作陶瓷店铺移动端首页任务二 设计与制作移动端商品详情页一、移动端商品详情页的特征二、移动端商品详情页的设计要点三、【课堂案例】——制作茶杯移动端商品详情页思考与练习小结掌握设计与制作移动端店铺首页的方法掌握设计与制作移动端商品详情页的方法提升对移动端页面的设计能力思考及作业添加提供的素材（莲子移动端详情页素材.psd）；依次输入文字；对重要文字绘制圆角矩形；设计时可单独制作模块，避免效果不够美观，最终参考效果如图所示。

课时内容装修店铺授课时间225分钟课时5教学目标掌握图片切片与上传的方法掌握装修PC端店铺首页的方法掌握装修移动端店铺首页的方法掌握上传商品详情页的方法教学重点图片切片的技巧认识装修基础模块认识移动端店铺首页模块商品详情页上传的注意事项教学难点图片切片的技巧，认识装修基础模块，认识移动端店铺首页模块，商品详情页上传的注意事项；教学设计教学思路：（1）通过讲解图片切片的技巧等相关知识，让学员掌握图片切片与上传的方法；（2）通过讲解认识装修基础模块等相关知识，让学员掌握装修PC端店铺首页的方法；（3）通过讲解认识移动端店铺首页模块等相关知识，让学员掌握装修移动端店铺首页的方法；（4）通过讲解商品详情页上传的注意事项等相关知识，让学员掌握上传商品详情页的方法；（5）最后安排思考与练习。教学手段：通过理论带步骤的方式，让学员加深对理论知识的理解同时还掌握其操作方法；教学资料及要求：除教材中介绍的知识外，还可以自行寻找相关案例，并对案例进行相关操作。教学内容知识回顾：在前面讲解了设计与制作移动端页面的相关知识，本章将对装修店铺的相关内容进行介绍。讨论问题：1、如何对图片进行简单的切片操作？2、移动端店标的上传步骤？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 图片切片与上传一、图片切片的技巧二、【课堂案例】——家纺店铺首页切片与上传任务二 装修PC端店铺首页一、认识装修基础模块二、【课堂案例】——使用模块装修店铺首页任务三 装修移动端店铺首页一、认识移动端店铺首页模块二、【课堂案例】——使用模块装修移动端首页任务四 上传商品详情页一、商品详情页上传的注