《网店美工实战教程（全彩微课版 第2版）教学教案.docx》由会员分享，可在线阅读，更多相关《网店美工实战教程（全彩微课版 第2版）教学教案.docx（22页珍藏版）》请在三一办公上搜索。
1、网店美工实战教程（全彩微课版第2版）配套教学教案课时内容网店美工的M底知识授课时间45分神课时1教学目标0掌握网店的色彩运用方式.0掌握网店中的文字设计方式.掌握网店的文案策划.0掌握网店的页面布局。教学重点0店铺装修应遵第的基本原则.0色彩的搭配技巧。教学难点网店的布局要点。教学设计1、教学思路：3）讲解什么是网店美工，让学员了解什么是网店美工以及认识网店美工的技术要求和工作范用：（2）讲解网店的色彩运用技巧，让学员熟悉色彩搭死中的注意事项,并对色彩的基本知识有一定的解：（3通过对网店中的文字设计.使学员掌握文字的分类和文字在网店中的运用：4）通过对网店文案策划的讲解，使学员掌握如何进行文案
2、的策划，5通过对页面布局的讲解，使学员掌握如何进行页面的布局。2、教学手段：（1）通过演示讲解基础知识，讲耨结束后进行疑冰提问：（2对于重点知识可进行举例说明.3、教学资料及要求：除教材中的对网店美工的聪础知识进行介绍外，还可通过网上搜盍的方法.丰富基础知识的枳累，教学内容讨论问题：1、如何让不同的色彩展现本店铺的特色?2,文案策划是否与店铺装修同步？内容大纲：具体可结合本章的PpT课件进行配合讲解.1.1 网店美工慨述1.1.1 网店美工的定义1.1.2 网店美工的工作范畴1.1.3 网店美工的能力要求1.1.4 店仅装修的基本原则1.1.5 网店美工挑通图片的方法1.1.6 网店美工客注总
3、的问腐1.2 网店的电影运用1.2.1 包彩的原理1.2.2 色彩的分吴1.2.3 包彩的曷姓1.2.41 彩的对比1.2.42 彩的搭配1.3 网6的文字设计1.3.1 字体的吴型1.3.2 文字在冈店中的运用1.4 网店的文案配划1.4.1 文案在营侨中的电要姓1.4.2 文发的策划1.4.3 文案的前期准各1.4.5 文集的写作要点.1.5 网店的页面布局1.5.1 百我布局1.5.2 详情页布局1.66 公实训店的色彩与布局鉴赏1.67 用解答1.68 后习赳小结1、掌握美工的工作范的与技能要求，2、掌榴颜色的原理以及配色方法。3、掌握文字的运用与分类.4、掌握文案的编写方法.5、掌握
4、使页面布局更加合理的方法.思考及作业想一想：如何将卖点体现到文案中？练一练：1 .挑选一个自己喜戒的网店（淘宝、京东、唯品会等平台均可）,鉴赏式店铺首页,分析其颜色搭配和文字的排版是否合理,2 .在该店铺中挑选一件自己喜欢的商品，并为其编写一篇详情页文案，课时内容拍摄商修图片授课时间90分钟课时2教学目标EJ商品拍摄的基础知识。商品拍扬的环境与布光.不同材质的拍摄方式.0商品抽扬的基本构图.教学重点0掌握拍摄的技巧.掌握不同材质的拍摄方法.教学难点如何使用构图突出产品的材暝.教学设计k教学思路：（1）通过商品拍摄的基础知但,让学员了解单反相机选择和使用方法:（2通过拍摄环境和布光，让学员掌握拍
5、摄环境的构建方法和补光的方法：（3通过不同材质的拍摄方法，让学员掌握吸光类商品、反光类商品和透光类商品的拍摄方法：（4）通过商品拍摄的基本构图,让学员了解横线构图、竖线构图、斜统构图、黄金分割线构图等构图方法.2、教学手段：（1）通过演示讲斛葩础知识，讲解结束后进行课堂练习和疑越提问：（2）对于31点操作可以着Si演示，并加强举例说明。3、教学资料及要求：除教材中的实例外，可以选择一种商品，要求学员通过所学的构图方法和拍报方法进行商品的拍摄.教学内容知识回顾：在前面讲解r网店美工的基础知识，下面对商品拍我的施础知识进行介绍.讨论问逊：k如何对吸光类商品进行拍辕?2,如何使用横线构图拍摄商品？内
6、容大纲：具体可结合本范的PPT课件进行配合讲解.2.1 商品拍摄的基础知识2.1.1 单反相机的选杼2.1.2 相机的使用2.1.3 然助摄彩天材2.1.4 商品的清洁与接放2.2 商品拍港的环境与布光2.2.1 构虚拍提环堆2.2.2 常见布光方式2.3 不问材质的拍摄方式2.3.1 吸光类r品拍提2.3.2 反光矣甫品拍摄2.3.3 透明吴商品拍摄2.4 商品柏杨的基本构图241横段构图2.4.1 空煤构图2.4.2 斜战构图2.4.3 黄金分割法构困2.4.4 其他构图2.5 住台实卅一制作提彩拗并进行拍盘2.6电解分2.7课后习逝1、掌握商品拍摄的方法小结2,了解拍摄环境与布光的正要性
7、3、掌握不同产品的构图方法.想一想：如何制作小型摄影棚,并对产品进行拍摄？练一练：（1）网店准备上架一批小尺寸的玉石把件和首饰，现在请你去单反商城选购一台单反相机来进行商品的拍摄工作，要求价格合理且经济实用，（2）时玻璃瓶装商品进行拍摄，要求自制小型报影棚并设置光源，（3）在摄影棚拍据一款编织包.要求能展现出商品的细节与特点,表现出商品的顺运与光泽.思考及作业课时内容商品图片的焚化与修诂授课时间180分钟课时4教学目标EJ调整商品图片大小。商品图片的调色。商品图片的抠取.0商品图片的优化.EJ为商品图片添加文字与形状，0模特图片的处理.教学重点0掌握将商品图片调整为不同类型颜色的方法,0掌握使
8、用不同工具报取商品图像的方法。0掌握文字和形状的使用方法.教学难点掌握不同商品图片的修饰方法。教学设计1、教学思路：（1）掌握商品图片大小的调整方法，让学员了解Phot。ShOD中修改图片尺寸、改变商品图片和裁剪商品图片的方法：（2）通过商品图片的调色，让学员掌握不同色调的词整方法：（3）通过商品图片的抠取.让学员掌搽抠取不同商品图片的方法：（4）通过商品图片的优化，让学员掌握修熨商品图片的方法：（5通过为商品图片添加文字与形状，让学员掌握文字和形状的使用方法；（6）通过模特图片的处理，使学员掌握皮肤的处理和身材的处理方法。2、教学手段：（I）通过演示讲解基础知识,讲解结束后进行课堂练习和疑难
9、提问：（2）时于景点操作可以着重演示，并加强举例说明.3、教学资料及要求：除教材中的实例外还可制作其他大图，并刻大图中的文字和图片进行处理.教学内容知识回顾：前面讲解了拍摄新品图片的方法,包括商品拍摄的基础知识、拍摄环境与布光、不同材版的拍摄方式、商品拍撮的基本构图等.下面对图片处理方法进行介绍.讨论问逾：1、如何对暗色的商用图片调整颜色,让其恢纪自然?2、如何使用前面的方法进行商品图片的制作？内容大纲：具体可结合本R的PPT课件进行配合讲解。3.1 科终商品图片大小3.1.1 问店图片的常见尺寸3.1.2 调整商品图片尺寸3.1.3 版剪商品图片3.2 商向图片的两也3.2.1 网矮偏色的商
10、品图片3.2.2 调整操拗的商品IS片3.2.3 调整以光不足的商品国片3.2.4 刑终糠无过度的有曲图片3.3 商品图片的空取3.3.1 统包背景商品的抠取3.3.2 杂乱背景甫品的抠取3.3.3 靖统商品的枢取3.3.4 半透明商品的抠取3.4 商品图片的优化3.4.1 用复商品困片瑕疵3.4.2 虚化商品图片行景3.5 为商品图片添加文字与形状3.5.1 为商品图片添加文字3.5.2 为商品图片添加/技3.6 模叶图片的处理361梗件皮肤的处理3.6.2接价身型的处理3.7 蛭合实训制作裱行包保情IS3.8 枝维解着3.9 课后习恋月惜上出根妮商品图片1、能将在PhotoshopCC中通
11、过各种方法进行商品图片色彩的词整.小结2、学习抠取商品图片的方法，并对添加文字与形状的方法进行掌.3.10 3、根据商品的特点，对商品的背景诳行设计与美化.4、独立判断两品图片效果，井熟练掌握模特皮肤的处理方法。想一想：w1、淘宝商品图片有什么要求吗？2、怎样让图片表达的信息更加完整？3.在制作促料图时,往往会用到不规则的矩形.这是怎么制作的呢？练一练：(I)本练习将打开月饼素材文件，对月饼的颜色进行调整，抠取月饼并更换背景,处理后的月饼海报中加入了灯笼、树叶等素材，不但美观，而且更具有中秋筑树.思考及作业(2)本练习将打开女鞋素材文件(配套资源八素材文件第3章京东女鞋主图Jpg,调整整体色调
12、，使整体主图更加美观，完成用后的效果如图3-I2S所示(配套资源八效果文件第3章京东女鞋主图.psd.课时内容咫铺苜W的制作授课时间135课时3教学目标0店铺首页概述，01.og。的设计与制作， 店招与导航的设计与制作. 轮播海报的设计与制作.0商品分类的设计与制作。0商品促销展示区的设汁与制作。 贞尾的设计与制作.教学录点0掌握首页各部分的设汁方法。0掌握轮播海报的制作方法.教学难点如何使学员掌握首页的组成要素和展现方法。教学设计1.教学思路：（1）通过店铀甘页概述,让学员掌握店铺苜贞的主要功能.布局和设计要点：（2）通过1.Ogo的设计，让学员掌握1.og。的制作方法：（3）通过店招与导航
13、的M作，让学员了解店招与导航的班础知识与制作方法；（3）通过轮播海报的制作，止学员了解轮播图片的尺寸要求，井时制作方法进行掌握：（4）通过新品分类的制作.让学员掌握商品分类的制作方法：（5）通过商品促销展示区的设计与制作,让学员掌握商品促销展示区的设计要点和制作方法：6通过尾页的设计与制作，让学员了斛足页的设计要点，并对尾页的制作方法进行掌握，2、教学手段：（D通过演示讲解姑础知识，讲解结束后进行上机练习和疑难提问；2对于重点操作可以着重演示，并加强举例说明c3、教学资料及要求：除教材中的实例外，还可制作其他类型的首页，该首页应为一个系列在其中颜色和类型要统一。教学内容知识回顾：前面讲解J商品
14、图片的美化与修饰的方法，下面对首页的制作方法进行介绍。讨论问题：1、如何设计符合店铺需求的首页？2,如何让设计完成后的首页效果更加具有吸引力？内容大纲：具体可结合本章的PPTi果件进行配合讲解。4.1 店领苜页慨还4.1.1 点他首更的主委功能4.1.2 店传行页的布局要点4.1.3 店他首页的设计要点4.2 1.OgO的设计与制作4.2.1 1.ogo的分矣4.2.2 制作店铺1.Ogo4.3 店招与导航的设计与骷作4.3.1 店招与导航的设计原则4.3.2 店招与导航的谟计风格4.3.3 店招与导航的设计要点4.3.4 制作店貂与导航4.4 轮搞海报的设计与制作4.4.1 轮播;海报的视觉
15、谀计要点4.4.2 制作第一张轮好海报4.4.3 制作第二张轮搞海报4.5商品分矣的设计与制作1.1.1 急原的设计要点1.1.2 商品分臭的设计房点1.1.3 制作商品分类4.6 商跖促销展,示区的谀计与制作4.6.1 商品促Wi展示区的设计要点4.6.2 制作商品促他展示区4.7 员是的设计与制作4.7.1 反总的该计要点4.7.2 M作克足4.8 煌合实训制作班女装店招4.9 及难解裕4.10 深后习跑制作小女童店救1、掌握首页的制作原则和要求。2,掌握首页各个版块的制作方法.想一想：1 .怎么选择1.ogo素材？2 .店铺首页的设计技巧？练一练：本练习将打开旅行包素材，时旅行包的苴页进
16、行制作，完成后的效果如卜图所示。课时内容向瞌详情页的制作授课时间135分钟课时3教学目标三商品详情页概述.0商品详情页的制作.教学重点三掌樨详情页的设计要点.0掌提商品详情页的设计方法.教学难点如何制作商品详情页.教学设计1、教学思跖：（D通过对商品详情页概述讲解,让学员了解商品详情页的设计要点、设计思路、前期准备和主要内容:（2）通过对商品详情页的制作方法进行讲解,让学员掌握商品详情页的制作方法方法。2,教学手段：（D通过演示讲解基础知识,讲解结束后进行.上机练习和疑难提问：2）对于重点操作可以若重演示并加强举例说明.3、教学资料及要求：除了木例中的详情页外，还可给学员布置其他类型的详情页，
17、并要求该详情页要具有详情页的设计要点。教学内容知识回顾：的面的章节中讲解了居铺首页的制作，下面对商M详情页的制作方法进行介绍.讨论问逊：如何设计符合需要的询品详情页？内容大纲：具体可结合本章的PpT谡件进行配合讲解”5.1 商品详情页概隹5.1.1 商品详情页的设计要点5.1.2 商品评情页的设计思路与前期准备5.13 商品详标灵的主要内定5.14 品洋情页的制作5.14.1 作侬点图5.14.2 作商品信息描述图5.23 制作商品奔点图5.24 令实训一制作摄影包商品详情页5.25 小解各5.26 后习迎用点图甫Ji信楂述出小结1、 .家理商品详情页的设计要求。2、掌握商品详情页的制作方法。
18、想一想:1 .制作的描述图该如何上传到详情页中？2 .在商品详情页中如何完整表现细节图？练一练：1)伙天到了，棉林可以使脚更加温唆，因此在制作棉袜商品描述时，要以温暖为首要条件.而详情页作为消责者购买的依据，它要求图片真实、清晰、完整地展示商品的特征.并通过描述文字等突出商品的卖点和亮点以达到最大化吸引消费者的目的.本跑需要体现棉袜的特征有：天然、纯棉：抗窗、防臭：柔软、舒适：温暖、不易起球.完成后的效果可参考图如下。思考及作业(2)时尚小包是大多数人夏天必生的商品，在制作该详情页时，可将其分为5个部分,分别是焦点图、商品参数、色彩选择、商品亮点以及细节展示，在制作时应该将小包百搭的特点体现出
19、来.本题通过不同的人物穿戴搭配.让时尚和百招的特点体现出来,并通过细节展示让商从的从政得到展现.3M14A*HmK3V3课时内容A1.情推广与视版制作授课时间180分钟课时4教学目标EJ主图的制作。0招钻图的制作。直通车图的制作.13视痂的制作.教学重点规频拍摄中的注意事项.0出通乍的目的和策略以及对应的位置.教学难点掌提制作智钻图和直通车图的方法.教学设计1、教学思路：1讲解主图的制作的制作方法，让学员了解主图的要求、主图的设计要点以及制作并上传主图的方法：2）通过对智钻图的制作进行讲解，让学员练习智怙的定义和作用、智怙的设计要求和制作智怙图的操作方法：3）通过对直通车图的制作,让学员掌握I
20、f通车的目的和策珞、投放的位贸以及制作方法：（4通过视频的制作；鸵握视频的拍摄和制作方法。2、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑难提问：（2）对于重点操作可以着重演示，井加强举例说明.3、教学资料及要求：除教材中的实例外，还可制作其他位置的智帖图,并上传到对应位H1.教学内容知识回顾：在前面讲解了商品详情页的制作，下面时店铺推广与视频制作方法进行介绍，讨论问题：1、如何让制作的主图和智钻图变得美观？2、如何制作的直通车图运用范用更加广泛？内容大纲：具体可结合本出的PPTi果件进行配合讲解。6.1 主国的制作6.1.1 主用的谟计要点6.1.2 制作主困6.2 祈牯
21、图的制作6.2.1 智牯的定义和作用6.2.2 智拈困的谟计要求6.2.3 制作智N困6.3 克通车国的赳作6.3.1 近通华图的设计思路与方法6.3.2 制作立道车图6.4 视强的制作6.4.1 祝领柏振的基硅知炽6.4.2 幽店中的视切臭型6.4.3 制作主图视!6.4.4 制作商品讦标灵视频6.5 年合实训6.5.1 制作种衣主图一制作主图和主图现”6.5.2 制作果覆面桁主国祝JWi6.6 被雎解箸:累武面岭主用祝筠小结思考及作业6,7课后习题促销价,匚三.-1:A:t*s双11促储季至场包邮创作琼泉主图】、掌握进行推广图的制作。2、熟练掌握视频的设计与制作方法.想一想：I、如何对淘宝
22、产品的卖出情况进行谓查？2、如何了解消费者最在意的问题？练一练：（1）本例中制作的主题主要是体现播放器的品质，在制作时先使用“钢铝工具”绘制形状井填充为对应的颜色.完成后添加I素材,并在形状中输入对应的文字，完成后的效果如下图所示.（2）本习题为制作智钻图中的首供图，制作时首先要上口充背器，并添加索材，然后添加文本并美化文本.完成后的效果如下图所示课时内容图片的切片与管理授课时间90分钟课时2教学目标0图片的切片与优化。0素材中心.教学至点0掌握切片的优化和保存方法。0熟态索材中心的管理方法。教学难点掌握切片工具的使用方法.教学设计1、教学思路：(D通过图片的切片与优化的讲解,让学员掌握切片与
23、优化方法；(2)通过时素材中心的讲解,使学员掌握素材中心的使用方法。2、数学手段：(1)通过演示讲解基础知识,讲解结束后进行上机练习和段冰提问：(2)对于生点悚作可以着乘演示，并加强举例说明.3、教学资料及要求：对首页进行进行切片并上传到素材中心中，并刻图片进行管理操作。教学内容知识回顾：在前面讲斛了店铺推广与视笏制作方法，卜面对图片的切片与首刊进行介绍。讨论问逊:如何将切片后的图片上传到素材中心中?内容大纲：具体可结合本尊的PPT课件进行配合讲解.I国片的切片与优化1 .I密片的切片1.2切片的优化和保存2索村中心2 .I素材中心概述3 .2素材中心的功能4 .3米材中心的管理3蛉令实训切片
24、商品展示图并上传到素村中心4疑求解答5课后习建姆力页进行S片.(5小结1、掌握切片工具的使用与优化方法.2,了解素材中心的作用，以及使刖方法。思考及作业想一想：1.卖家最多可授权多少家淘宝店铺呢？2、为什么图片上传时，尺寸总被缩小显示？练一练：1 .打开“休用鞋.pr素材文件(,构其中的图片分别进行切片,查看切片后的效果并保存为“HTM1.和图像”格式.2 .在素材中心中新建文件夹，并将文件夹命名为“休闲鞋首页”，先成后招图片上传到该文件夹，套看上传图片的图片信息，并对图片进行排序，完成后将该图片授权给其他店铺使用.课时内容装修店铺J堂课时间90分钟课时2教学目标0模板的管理，0模块的设置.0
25、使用模块装修店铺.教学重点0球旌模板的管理方法.0掌提模块的设置方法，0掌握使用模板进行首页装惜的方法.0掌握使用模板进行商品详情页装修的方法，教学难点如何快速使用模块装修店铺.教学设计1,教学思路：（1）通过对模板的讲解，让学员掌握模块的添加与设置方法；2通过对使用模块装修店铺的讲解，使学员掌握装修店铺的方法。5、教学手段：（1）通过演示讲解基础知识，讲解结束后进行上机练习和疑原提问：（2对于更点操作可以老重演示，并加强举例说明.6、教学资料及要求：刻收集到的首页使用模块i行装修，增加店铺的美观性。教学内容知识回顾：在前面讲解/图片的切片与管理,下面对店铺的装修进行介绍.讨论问题：苜页和商M
26、详情页的装修仃联系和区别吗?内容大纲：具体可结合本率的PPT课件进行配合讲解8.1模板的管理8.1.1模板的支按8.1.2根板的备份与还原8.2梗块的itJ1.8.2.1认识基梗块8.2.2模块的添尿、叨除和期楫8.3使IH模块装竹店罐8.3.1电肱端借贡的装修8. 3.2商品评情页的我竹8.4 毋合实训一生改模板并装修店镯首页8.5 战内解答8.6 课后习建*1vmeS=HMMt1/与T-4-犷领外由的小结3、掌维使用模块装修店铺的方法.4、了解不同模块的使用方法。思考及作业想一想：1.装修商品洋情页还有其他方法吗？2、袋楼过程中有哪些误区？该怎么进行解决？练一练：卜面将打开“促梢展示页Jp
27、g”求材文件，对其进行切片操作，然后上传到素材中心，最后将内容装修到首页.课时内容综合案例装悔绿杭店授课时间90分钟教学目标EJ制作制作店铺首页。0制作嫌板商品详情页.教学录点0掌握首页的制作方法。掌握商品洋梢灾的制作方法.教学难点如何财绿植店铺进行设计与制作。1、教学出路：通过制作嫌植店镯首页的讲解,让学员掌握首页的设计与制作方法：2）迪过对标抗商品详情页的讲解让学员箪握完整商品详情页的制作方法.教学设计2、教学手段：（1）通过演示讲解施础知识，讲解结束后进行上机练习和疑理提问：（2）时于击点操作可以蓿Ht演示，井加强举例说明。3、教学资料及要求：针对店铺的要求，制作一套完卷的首页和商品详情
28、页教学内容知识回顾：前面讲解J装修店铺的方法，本章将通过绿植店铺为例讲解百页苜页和商品详情页的制作方法。讨论问逊：如何让首页和详情页变得完将统一?内容大纲：具体可结合本章的PPT课件进行配合讲解.9. 1制作绿桢店情首页10. 1.1设计思路11. 1.2知识要点12. 1.3操作步秀13. 制作绿板商品详情页14. .I谀计思路15. .2如识要点16. .3操作步既9.3 疑卷解咨9.4 课后习题oHt*wtf11小结1、常押首页的制作流程，以及制作方法.2,掌握详情页的制作要求与设计思路.思考及作业想一想：1、海宝首页有什么设计技巧？2、淘宝商品详情页有什么设计技巧？练一练：（1）本例构制作女制作页,在制作前例将先制作通栏店招，在制作即主要制过简单的文字描写，突出主应.在其下方制作海HI中主要使用白雪等冬季素材,体现包的使用季节，并添加女包索材，让主题得到体现，通过文案的添加让促销信息得以体现.在卜方制作爆款推荐、新品上新版块，在制作该版块时,主要是时爆软女包进行罗列，使其效果进行简单展示.（2）本例将制作女包详情页，在制作时需要先制作侔点图,该焦点图与首页相符，都是通过素材+女包+文字进行体现，并通过灵感一一细节一一尺寸大小进行具体展示，其完成后的效果。
