1、电子商务视觉营销配套教学教案第1章课时内容了解视觉营销授课时间80 分钟课时2教学目标 掌握视觉营销原则和价值。 把握视觉营销的信息传递和定位。教学重点 掌握视觉色彩的搭配方法。 掌握文字的调整和搭配方法。 掌握视觉构图的方式。教学难点 熟悉视觉创意的提炼方法。教学设计1、 教学思路：（1）介绍视觉营销基础，使学员掌握视觉营销的概念、运作流程、原则和价值；（2）把握视觉营销的信息传递和定位，使学员掌握视觉传达的方法；（3）认识视觉设计元素，让学员掌握色彩、文字和构图的相关知识；（4）讲解视觉创意的相关知识，使学员掌握商品和活动的视觉创意；（5）最后安排拓展延伸和实战与提升。2、 教学手段：（1
2、）由浅入深，从基础知识到实际操作；（2）对视觉营销的相关知识进行讲解。3、 教学资料及要求：除教材中讲解的知识，学员可以收集视觉营销的相关素材，对视觉营销的相关知识进行详细了解。教学内容讨论问题：1、什么是视觉营销？视觉营销有哪些形式？2、视觉营销的流程和价值有哪些？该怎么体现？3、视觉营销有哪些定位？4、视觉信息是怎么传递的？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 视觉营销基础 一、任务目标二、相关知识（一）什么是视觉营销 （二）视觉营销的信息传达 （三）视觉营销的定位 三、任务实训分析电饭煲海报的 视觉营销定位四、任务考核任务二 视觉营销设计要素 一、任务目标二、相关知识
3、（一）视觉色彩 （二）视觉文字 （三）视觉构图 三、任务实训赏析佰草集旗舰店 首页四、任务考核任务三 提炼视觉创意 一、任务目标二、相关知识（一）商品视觉创意 （二）活动视觉创意 三、任务实训规划“双”活动 海报方案四、任务考核拓展延伸 实战与提升小结1、 了解视觉营销的基础知识。2、 了解视觉营销设计知识。思考及作业想一想：1. 视觉营销的误区有哪些？2. 怎么判断视觉营销的表现方式？练一练：（1）假设某定位为舒适、自由的女鞋店铺要上新一款小白鞋，讨论：如何对小白鞋促销海报进行视觉设计？如何在海报中体现营销信息？如何制定视觉营销方案？（2）一家男士皮鞋旗舰店要参加“618”促销活动，此时需要
4、对店铺首页的整体视觉效果进行规划和设计，在设计中主题色彩该怎么选择？文字的选择有哪些注意事项？第2章课时内容视觉营销的体现与布局授课时间80分钟课时2教学目标 掌握定义店铺的视觉风格。 掌握商品视觉营销的相关知识。 掌握广告视觉营销的相关知识教学重点 怎么定义视觉风格。 掌握视觉营销的各种体现方法。教学难点 怎么进行广告的视觉传达。 怎么进行商品的视觉传达。教学设计1、 教学思路：（1）介绍视觉营销设计体现，使学员掌握店铺、广告和商品的视觉体现；（2）定义店铺的视觉风格，使学员掌握色彩搭配等相关知识；（3）掌握商品的视觉营销，使学员掌握商品品类排序和商品视觉搭配的相关知识；（4）掌握广告的视觉
5、传达，使学员掌握广告的视觉传达方式；（5）最后安排拓展延伸和实战与提升。2、 教学手段：通过视觉营销的体现和布局，使学员对视觉营销进一步了解，并对布局等基础知识进行掌握。3、 教学资料及要求：除教材中讲解的知识，学员可在现实生活了解和学习视觉营销。教学内容知识回顾：在前面讲解了视觉营销的基础知识，下面对布局方式分别进行介绍。讨论问题：1、店铺的视觉效果是从哪些方面体现的？2、怎么定义店铺的风格？怎么让色彩与风格的搭配更完美？3、怎么编写广告，并进行广告促销？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 视觉营销设计体现 一、任务目标二、相关知识（一）店铺视觉营销体现 （二）商品视觉
6、体现 （三）广告视觉体现 三、任务实训赏析旅行箱首页四、任务考核任务二 店铺的视觉营销 一、任务目标二、相关知识（一）首页的布局 （二）首页的视觉营销 三、任务实训赏析衣途女装店铺 首页四、任务考核任务三 商品的视觉营销 一、任务目标二、相关知识（一）主图的视觉营销 （二）详情页的视觉营销 三、任务实训分析防晒霜主图的 视觉营销四、任务考核任务四 广告的视觉营销 一、任务目标 二、相关知识 （一）广告视觉化的重要性 （二）广告品牌信息的传达 三、任务实训分析海报的广告视觉 要点 四、任务考核 拓展延伸 实战与提升 小结1、 掌握视觉营销的体现方式。2、 掌握视觉营销的布局方式。思考及作业想一想
7、：1. 视觉展现有哪些常见的配色方案？2. 如何做好文案视觉化？练一练：（1）小雨巴巴高档童装是一家针对06岁儿童的童装店铺，其店铺宗旨是“呵护孩童健康分享孩童成长好时光”，下面将对该店铺做视觉规划，并对店铺的整体风格、色彩和商品视觉等进行思考与设计。（2）对“小雨巴巴高档童装”店铺做广告，要求实体店铺与网上店铺同时进行。第3章课时内容商品图片的拍摄与处理授课时间120分钟课时3教学目标 掌握拍摄商品图片的方法。 掌握商品图片色彩的调整方法。 掌握抠取商品图片的方法教学重点 掌握拍摄商品图片的方法。 掌握商品图片色彩的调整方法。 掌握抠取商品图片的方法教学难点 掌握商品图片色彩的调整方法。 掌
8、握抠取商品图片的方法教学设计1、 教学思路：（1）通过讲解拍摄的前期准备、拍摄不同材质商品的方法来讲解拍摄商品图片的方法；（2）介绍裁剪和修复商品图片让学员掌握商品图片的基本处理方法；（3）通过讲解调整偏色照片、调整曝光不足和曝光过度的照片来讲解商品图片色彩的调整方法；（4）分别讲解单色背景商品的抠取、精细商品的抠取和半透明商品的抠取，从而让学员掌握抠取商品图片部分内容的方法；（5）最后安排拓展延伸和实战与提升。2、 教学手段：通过实际操作，对相机进行设置，并拍摄商品图片，然后讲解处理商品图片的具体操作方法。3、 教学资料及要求：除教材中的实例外，学员还可在日常生活中对商品进行拍摄，掌握图片拍
9、摄的方法。教学内容知识回顾：前面讲解了视觉营销的体现与布局，下面对商品图片的拍摄与处理方法进行介绍。讨论问题：1、拍摄前有哪些准备工作？2、如何选择拍摄相机？选择时有什么需要注意的问题？3、如何进行布光？4、如何将商品摆放得更加合理，便于后期的拍摄？5、如何进行商品图片的拍摄？6、如何抠取半透明商品图片？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 商品的拍摄 一、任务目标 二、相关知识 （一）拍摄前的准备工作 （二）拍摄商品图片 三、任务实训拍摄一组护肤品 商品图片 四、任务考核 任务二 商品图片的基本处理 一、任务目标 二、相关知识 （一）裁剪商品图片 （二）修复商品图片 三、
10、任务实训 实训一：裁剪芒果的细节部分 实训二：去除蔬菜中的污点 四、任务考核 任务三 商品图片色彩的调整 一、任务目标 二、相关知识 （一）调整偏色的商品图片 （二）调整曝光不足的商品图片 （三）调整曝光过度的商品图片 三、任务实训调整毛绒公仔质感 四、任务考核 任务四 抠取商品图片内容 一、任务目标 二、相关知识 （一）单色背景商品的抠取 （二）精细商品的抠取 （三）半透明商品的抠取 三、任务实训 实训一：制作冰箱海报 实训二：制作有机蔬菜海报 四、任务考核 拓展延伸 实战与提升 小结1、 掌握拍摄图片的方法。2、 掌握商品图片色彩的调整方法。3、 掌握抠取商品图片内容的方法。思考及作业想一
11、想：1、 怎么对远处进行高精度对焦？2、 什么是景深，在拍摄中有什么作用？练一练：（1）处理一张曝光不足、色彩暗淡的饭盒袋商品图片，处理后色泽鲜艳、美观。（2）本练习将打开月饼素材，对月饼的颜色进行调整，并抠图、更换背景，处理后的月饼海报融入了月亮、祥云和桂花等场景效果，不仅美观，而且更具有中秋氛围。第4章课时内容店铺首页的视觉营销设计授课时间120分钟课时3教学目标 掌握店招与导航栏的视觉营销设计。 掌握全屏海报的视觉营销设计。 掌握优惠活动区域的视觉营销设计。教学重点 掌握店招与导航栏的视觉营销设计。 掌握全屏海报的视觉营销设计。 掌握优惠活动区域的视觉营销设计。教学难点 掌握店招与导航栏
12、的视觉营销设计。 掌握全屏海报的视觉营销设计。教学设计1、 教学思路：（1）介绍店铺首页的主要功能和布局要点；（2）介绍店招与导航栏的视觉营销设计，然后讲解制作童装店招和家居店铺店招的方法；（3）介绍全屏海报的视觉营销设计方案；（4）介绍优惠活动区域的视觉营销设计方案；（5）最后安排拓展延伸和实战与提升。2、 教学手段：（1）通过案例演示讲解基础知识，讲解结束后进行课后实训；（2）内容由浅及深，从基础到制作，制作过程中也是层层递进。3、 教学资料及要求：除教材中的实例外，学院可以结合淘宝、天猫中真实的商品图片，参考其设计方法，尝试图片的处理方法。教学内容知识回顾：在前面讲解了商品图片的拍摄与处
13、理方法，下面讲解店铺首页的视觉营销设计。讨论问题：1、怎么对全屏海报进行视觉营销设计？2、怎么对优惠活动区域进行视觉营销设计？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 认识店铺首页 一、任务目标 二、相关知识 （一）店铺首页的主要功能 （二）店铺首页的布局要点 三、任务实训赏析九阳官方旗舰店首页 四、任务考核 任务二 店招与导航栏的视觉营销设计 一、任务目标 二、相关知识 （一）店招与导航栏的视觉设计风格 （二）店招与导航栏的视觉设计要点 （三）店招与导航栏的设计与制作 三、任务实训 实训一：制作童装店店招 实训二：制作家居店铺店招 四、任务考核 任务三 全屏海报的视觉营销设
14、计 一、任务目标 二、相关知识 （一）海报的视觉组成 （二）海报的画面构图 （三）海报的设计与制作 三、任务实训 实训一：制作洗衣机全屏海报 实训二：制作水果店铺全屏海报 四、任务考核 任务四 优惠活动区域的视觉营销设计 一、任务目标 二、相关知识 （一）优惠券视觉设计 （二）商品分类视觉设计 （三）活动专区视觉设计 三、任务实训 实训一：制作家居店铺的优惠券 实训二：制作家居店铺的商品分类 实训三：制作家居店铺的活动专区 四、任务考核 拓展延伸 实战与提升 小结1、 掌握调整图片效果的方法。2、 掌握文字的编辑与处理方法。想一想：1、 哪一类商品图片需要调色？2、 怎样增加图片的营销效果？思
15、考及作业练一练：本练习将制作婚纱店铺的首页，要求制作的婚纱首页能够体现新娘穿婚纱的幸福感和婚纱样式的美观度第5章课时内容商品详情页的视觉营销设计授课时间120分钟课时3教学目标 认识商品详情页。 掌握商品详情页的视觉设计。教学重点 焦点图视觉设计。 卖点图视觉设计。 商品信息展示图视觉设计。 细节图视觉设计。教学难点 焦点图视觉设计。 卖点图视觉设计。 商品信息展示图视觉设计。 细节图视觉设计。教学设计1、 教学思路：（1）介绍商品详情页，包括设计准备和设计要点等内容；（2）讲解商品详情页的视觉设计方案，包括焦点图视觉设计、卖点图视觉设计、商品信息展示图视觉设计和细节图的视觉设计等内容；（3）
16、最后安排拓展延伸和实战与提升。2、 教学手段：对其他店铺的商品详情页设计，并对制作方法进行掌握。3、 教学资料及要求：除教材中的实例外，还对其他商品详情页的制作。教学内容知识回顾：前面讲解了店铺首页的视觉营销设计，下面对商品详情页的视觉营销设计进行介绍。讨论问题：1、商品详情页包括哪些内容？2、如何对焦点图进行视觉设计？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 认识商品详情页 一、任务目标 二、相关知识 （一）商品详情页设计准备 （二）商品详情页视觉设计要点 三、任务实训分析方太厨具商品详情页的设计要点 四、任务考核 任务二 商品详情页的视觉设计 一、任务目标 二、相关知识
17、（一）焦点图视觉设计 （二）卖点图视觉设计 （三）商品信息展示图视觉设计 （四）细节图视觉设计 三、任务实训制作棉袜的商品详情页 四、任务考核 拓展延伸 实战与提升小结1. 焦点图视觉设计。2. 卖点图视觉设计。3. 商品信息展示图视觉设计。4. 细节图视觉设计。思考及作业想一想：1、 怎样设计焦点图？2、 怎样设计卖点图？练一练：本练习将利用搜集的素材制作4件套商品详情页，在制作时要体现出4件套的细节，其效果要给人一种温馨的感觉。在制作的商品详情页中要体现出设计理念、商品信息、细节等内容。第6章课时内容促销图与短视频的视觉营销设计授课时间120分钟课时3教学目标 掌握促销图的视觉营销设计。
18、掌握短视频的视觉营销设计。教学重点 掌握促销图的视觉营销设计。 掌握短视频的视觉营销设计。教学难点 掌握促销图的视觉营销设计。 掌握短视频的视觉营销设计。教学设计1、 教学思路：（1）分别介绍直通车图与钻展图的视觉设计要点和具体制作步骤；（2）讲解短视频的视觉营销设计；（3）最后安排拓展延伸和实战与提升。2、 教学手段：观看其他店铺的促销图和短视频的详细内容，对本店铺进行设计，制作符合本店铺的促销图和短视频。3、 教学资料及要求：除教材中的实例外，学院可以结合淘宝、天猫中真实的促销图和短视频，参考其设计方法。教学内容知识回顾：前面讲解了商品详情页的视觉营销设计，下面对促销图和短视频的视觉营销设
19、计进行介绍。讨论问题：1、如何设计促销图？2、短视频应该如何拍摄和编辑？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 促销图的视觉营销设计 一、任务目标 二、相关知识 （一）直通车图与钻展图视觉设计要点 （二）直通车图的制作 （三）钻展图的制作 三、任务实训 实训一：制作儿童水杯直通车图 实训二：制作护肤品钻展图 四、任务考核 任务二 短视频的视觉营销设计 一、任务目标 二、相关知识 （一）认识主图短视频 （二）主图短视频的拍摄与编辑 三、任务实训拍摄与编辑女包短视频 四、任务考核 拓展延伸 实战与提升 小结1. 掌握促销图的视觉营销设计。2. 掌握短视频的视觉营销设计。思考及作业
20、想一想：1、 怎么设计促销图？2、 短视频应该如何拍摄和编辑？练一练：（1）制作一个以“促销活动”为主的直通车图，注重对促销信息的描述，要在图片中尽量表现促销活动的吸引力、体现促销活动的主题、促销活动的时间等信息。（2）利用拍摄并编辑商品图片、视频的方法，制作一个商品信息展示的详情视频。以不粘炒锅为例，可通过展示商品的材质、外观等细节，并辅以商品的使用过程来进行动态展示，帮助消费者更直观地了解商品。 第7章课时内容移动端店铺的视觉营销设计授课时间120分钟课时3教学目标 了解移动端店铺的视觉设计要点。 掌握移动端店铺首页的制作方法。 掌握移动端店铺商品详情页的制作方法。教学重点 掌握移动端店铺
21、首页的制作方法。 掌握移动端店铺商品详情页的制作方法。教学难点 掌握移动端店铺首页的制作方法。 掌握移动端店铺商品详情页的制作方法。教学设计1、 教学思路：（1）首先介绍移动端店铺的视觉设计要点，包括首页和详情页的设计要点；（2）介绍移动端首页的具体制作方法和移动端商品详情页的制作方法；（3）最后安排拓展延伸和实战与提升。2、 教学手段：（1）分析移动端店铺首页和详情页的内容与要点；（2）通过实例的制作，以步骤的形式讲解移动端店铺首页和详情页的具体方法。3、 教学资料及要求：除讲解教材中的知识外，还可结合课堂讨论，对制作过程中问题进行总结，并不断积累设计思路。教学内容知识回顾：前面讲解了促销图
22、与短视频的视觉营销设计，下面对移动端店铺的视觉营销设计进行介绍。讨论问题：1、如何制作移动端店铺首页？2、如何制作移动端店铺详情页？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 移动端店铺的视觉设计要点 一、任务目标 二、相关知识 （一）移动端店铺首页视觉设计要点 （二）移动端商品详情页视觉设计要点 三、任务实训分析客厅沙发移动端商品详情页的设计要点 四、任务考核 任务二 移动端店铺首页与商品详情页的制作 一、任务目标 二、相关知识 （一）移动端首页的制作 （二）移动端商品详情页的制作 三、任务实训制作果汁机移动端商品详情页 四、任务考核 拓展延伸 实战与提升 小结1. 掌握移动
23、端店铺首页的制作方法。2. 掌握移动端店铺商品详情页的制作方法。思考及作业想一想：1. 如何设计移动端店铺的首页?2. 如何设计移动端店铺的详情页?练一练：本练习将利用搜集的素材制作移动端家用电器首页，按照店招优惠券海报商品列表的步骤依次进行首页的制作。第8章课时内容完整的店铺视觉营销案例展示授课时间120分钟课时3教学目标 掌握女鞋店铺首页和详情页的制作方法。 掌握家用电器店铺首页和详情页的制作方法。教学重点 掌握女鞋店铺首页和详情页的制作方法。 掌握家用电器店铺首页和详情页的制作方法。教学难点 掌握女鞋店铺首页和详情页的制作方法。 掌握家用电器店铺首页和详情页的制作方法。教学设计1、 教学
24、思路：（1）分别介绍制作女鞋店铺首页和详情页的方法；（2）分别讲解制作家用电器店铺首页和详情页的方法；（3）最后安排拓展延伸和实战与提升。2、 教学手段：（1）通过设计思路和知识要点的分析，再结合步骤的方式讲解实例；（2）采用小标题或项目符号对涉及的数据进行详细讲解。3、 教学资料及要求：除讲解教材中的知识外，学员可多积累和参考网店中的首页和详情页设计。教学内容知识回顾：前面讲解了移动端店铺的视觉营销设计，下面进行完整的店铺视觉营销案例展示。讨论问题：1、怎么制作女鞋店铺首页和详情页？2、怎么制作家用电器店铺首页和详情页？ 内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一 女鞋店铺视觉
25、营销展示 一、任务目标 二、相关知识 （一）制作女鞋店铺首页 （二）制作女鞋详情页 三、任务实训制作蛋糕店店铺首页 四、任务考核 任务二 家用电器店铺视觉营销展示 一、任务目标 二、相关知识 （一）制作家用电器店铺首页 （二）制作家用电器详情页 三、任务实训 实训一：制作珠宝店铺首页 实训二：制作珠宝详情页 四、任务考核 拓展延伸 实战与提升 小结1. 掌握女鞋店铺首页和详情页的制作方法。2. 掌握家用电器店铺首页和详情页的制作方法。思考及作业想一想：1. 应该如何制作店铺首页？需要注意哪些方面？2. 如何制作商品详情页？练一练：（1）根据提供的女包首页素材制作女包店铺的首页，要求首页体现出店铺的潮流时尚风格。（2）根据提供的女包详情页素材制作女包商品详情页，要求商品详情页体现出女包的卖点、品质以及细节。
