视觉营销——从入门到精通教学教案

1、视觉营销：从入门到精通配套教学教案第1 章课时内容视觉营销基础授课时间90 分钟课时2教学目标掌握视觉营销原则和价值。把握视觉营销的信息传递和定位。教学重点掌握视觉色彩的搭配方法。掌握文字的调整和搭配方法。掌握视觉构图的方式。教学难点熟悉视觉创意的提炼方法。教学设计1、 教学思路：（1）介绍视觉营销基础，使学员掌握视觉营销的概念、运作流程、原则和价值；（2）把握视觉营销的信息传递和定位，使学员掌握视觉传达的方法；（3）认识视觉设计元素，让学员掌握色彩、文字和构图的相关知识；（4） 讲解视觉创意的相关知识，使学员掌握商品和活动的视觉创意；（5）最后安排拓展延伸和实战与提升。2、 教学手段：（1）

2、由浅入深，从基础知识到实际操作；（2）对视觉营销的相关知识进行讲解。3、 教学资料及要求：除教材中讲解的知识，学员可以收集视觉营销的相关素材，对视觉营销的相关知识进行详细了解。教学内容讨论问题：1、什么是视觉营销？视觉营销有哪些形式？2、视觉营销的流程和价值有哪些？该怎么体现？3、视觉营销有哪些定位？4、视觉信息是怎么传递的？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 1 章 视觉营销基础学习目标学习导图案例导入1.1 了解视觉营销1.1.1 视觉营销的基本概念1.1.2 视觉营销的运作流程1.1.3 视觉营销的原则1.1.4 视觉营销的价值1.1.5 任务实训及考核1.2 把握

3、视觉营销的信息传递和定位1.2.1 视觉信息传递1.2.2 品牌型和营销型视觉1.2.3 任务实训及考核1.3 认识视觉设计元素1.3.1 视觉色彩1.3.2 视觉文字1.3.3 视觉构图1.3.4 任务实训及考核1.4 提炼视觉创意.1.4.1 商品视觉创意271.4.2 活动视觉创意281.4.3 任务实训及考核拓展延伸实战与提升小结1、 了解视觉营销的基础知识。2、 了解视觉营销设计知识。思考及作业想一想：1.视觉营销的误区有哪些？2.怎么判断视觉营销的表现方式？练一练：（1）假设某店铺要推出新的商品，此时需要对商品进行视觉营销，体现商品卖点。讨论该企业可以通过哪些方式来进行视觉营销，如

4、何制定营销方案？（2）假设某店铺将参加双 11 的促销活动，此时该选择哪种营销方式？活动中的主题颜色该怎么选择？文案有什么注意事项？第2 章课时内容视觉营销的体现与布局授课时间90 分钟课时2教学目标掌握 VI 的相关知识。掌握定义店铺的视觉风格。掌握商品视觉营销的相关知识。教学重点怎么定义视觉风格。掌握视觉营销的各种体现方法。掌握偏色校正和特殊调色。教学难点怎么进行广告的视觉传达。怎么进行商品的视觉传达。教学设计1、 教学思路：（1）介绍视觉营销设计体现，使学员掌握店铺、广告和商品的视觉体现；（2）定义店铺的视觉风格，使学员掌握 VI、色彩搭配等相关知识；（3）掌握广告的视觉传达，使学员掌握

5、广告的视觉传达方式；（4）掌握商品的视觉营销， 使学员掌握商品品类排序和商品视觉搭配的相关知识；（5）最后安排拓展延伸和 实战与提升。2、 教学手段：通过视觉营销的体现和布局，使学员对视觉营销进一步了解，并对布局等基础知识进行掌握。3、 教学资料及要求：除教材中讲解的知识，学员可在现实生活了解和学习视觉营销。教学内容知识回顾：在前面讲解了视觉营销的基础知识，下面对布局方式分别进行介绍。讨论问题：1、店铺的视觉效果是从哪些方面体现的？2、怎么定义店铺的风格？怎么让色彩与风格的搭配更完美？3、怎么编写广告，并进行广告促销？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 2 章 视觉营销的

6、体现与布局学习目标学习导图案例导入2.1 视觉营销设计体现2.1.1 店铺视觉体现2.1.2 广告视觉体现2.1.3 商品视觉体现2.1.4 任务实训及考核2.2 定义店铺的视觉风格2.2.1 设计便于识别的店铺专属 VI2.2.2 店铺色彩与风格的完美搭配2.2.3 店铺商品图片的视觉统一化处理2.2.4 任务实训及考核2.3 广告的视觉传达2.3.1 广告视觉化的重要性2.3.2 广告视觉性的要求2.3.3 广告品牌信息的传达2.3.4 任务实训及考核2.4 商品的视觉营销2.4.1 商品品类排序2.4.2 商品视觉搭配2.4.3 任务实训及考核拓展延伸实战与提升小结1、 掌握视觉营销的体

7、现方式。2、 掌握视觉营销的布局方式。思考及作业想一想：1.视觉展现有哪些常见的配色方案？2.如何做好文案视觉化？练一练：（1）对“小猫吃鱼童装”做店铺视觉规划，并对店铺的整体风格、色彩和商品视觉等进行思考与设计。（2）对“小猫吃鱼童装”做店铺广告，该广告要求实体店铺与网店同时进行，并呈承上启下的作用。第3 章课时内容视觉的影像传达授课时间135 分钟课时3教学目标掌握拍摄的前期准备。掌握拍摄环境和器材的选择。掌握拍摄商品图片的方法教学重点掌握调整对焦和曝光的方式。掌握拍摄商品图片的方法。掌握拍摄视频的方法。教学难点将拍摄商品图片和视频的方式进行掌握。教学设计1、 教学思路：（1）通过拍摄的前

8、期准备，使学员掌握拍摄图片的常见问题和基本流程；（2）选择拍摄环境和器材，使学员掌握器材和环境的选择方法；（3）认识对焦和曝光，使学员掌握调整对焦和曝光的方法；（4）拍摄商品图片，掌握拍摄商品图片的方法；（5）拍摄商品视频，掌握拍摄商品视频的方法；（6）最后安排拓展延伸和实战与提升。2、 教学手段：通过实际操作，对相机进行设置，并拍摄女包照片。3、 教学资料及要求：除教材中的实例外，学员还可在日常生活中对商品进行拍摄， 掌握图片拍摄的方法。教学内容知识回顾：前面讲解了视觉营销的体现与布局，下面对图片的拍摄方法进行介绍。讨论问题：1、拍摄前有哪些准备工作？2、如何选择拍摄相机？选择时有什么需要注

9、意的问题？3、如何进行布光？4、如何将商品摆放得更加合理，便于后期的拍摄？5、如何进行商品图片的拍摄？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 3 章 视觉的影像传达学习目标学习导图案例导入3.1 拍摄的前期准备3.1.1 图片视觉吸引力的表现3.1.2 拍摄具有视觉吸引力图片的方法3.1.3 图片拍摄的常见问题3.1.4 商品图片拍摄的基本流程3.1.5 任务实训及考核3.2 选择拍摄环境和器材3.2.1 选择适合商品拍摄的相机3.2.2 了解辅助摄影器材3.2.3 构建体现视觉感的拍摄环境3.2.4 通过布光方式体现视觉观感3.2.5 清洁与摆放商品展现真实感观3.2.6

10、任务实训及考核3.3 认识对焦和曝光3.3.1 准确对焦拍出清晰照片3.3.2 正确曝光呈现理想画面3.3.3 任务实训及考核3.4 拍摄商品图片3.4.1 拍摄吸光类商品图片3.4.2 拍摄反光类商品图片3.4.3 拍摄透明类商品图片3.4.4 任务实训及考核3.5 拍摄商品视频3.5.1 视频在营销中的重要性3.5.2 视频拍摄的要求3.5.3 拍摄视频的流程3.5.4 拍摄具有吸引力的视频3.5.5 任务实训及考核拓展延伸实战与提升小结1、 掌握拍摄图片的方法。2、 掌握拍摄视频的方法。思考及作业想一想：1、 怎么对远处进行高精度对焦？2、 什么是景深，在拍摄中有什么作用？练一练：（1）

11、拍摄一组休闲鞋的商品图片，分析在户外和室内拍摄休闲鞋的方法，并对各个常见的搭建方法进行掌握。（2）拍摄休闲鞋展现视频，分析休闲鞋视频的拍摄方法。第4 章课时内容商品图片的处理授课时间135 分钟课时3教学目标掌握裁剪图片的方法。掌握调整颜色的方法。教学重点掌握处理图片污点的方法。掌握抠取图像的方法。掌握不同调色工具的使用方式。教学难点如何将各种工具同时应用到图片处理中。教学设计1、 教学思路：（1）介绍裁剪视觉效果不完整的商品图片，使学员掌握裁剪商品图片的方法；（2）调整图片颜色与质感增强视觉感，使学员掌握颜色的调整方法；（3） 精细处理图片体现商品真实感，使学员掌握修图图片的方式、方法；（4

12、）抠取图片中所需要的内容，使学员掌握替换背景的方法；（5）丰富商品图片内容，使学员掌握文字和形状的使用方式；（6）最后安排拓展延伸和实战与提升。2、 教学手段：（1）通过案例演示讲解基础知识，讲解结束后进行课后实训；（2）内容由浅及深，从基础到制作，制作过程中也是层层递进。3、 教学资料及要求：除教材中的实例外，学院可以结合淘宝、天猫中真实的商品图片，参考其设计方法，尝试图片的处理方法。教学内容知识回顾：在前面讲解了图片的拍摄方法，下面讲解图片处理方法。讨论问题：1、怎么对拍摄的商品图片进行修整？2、怎么添加说明性文字？3、如何对商品进行精细抠图，让画面感更强？内容大纲：具体可结合本章的 PP

13、T 课件进行配合讲解。第 4 章 商品图片的处理学习目标学习导图案例导入4.1 裁剪视觉效果不完整的商品图片4.1.1 认识网店图片的常见尺寸4.1.2 裁剪人物场景中不需要的部分4.1.3 矫正水平线让商品端正展示4.1.4 任务实训及考核4.2 调整图片颜色与质感增强视觉感4.2.1 让商品图片恢复真实颜色4.2.2 让商品图片摆脱沉闷灰色4.2.3 让商品图片效果更加温馨4.2.4 让玻璃制品更加剔透4.2.5 让金属制品更具有金属感4.2.6 任务实训及考核4.3 精细处理图片体现商品真实感4.3.1 将模糊的图片清晰化4.3.2 修复画面中的污点4.3.3 修复服装上的瑕疵和褶皱4.

14、3.4 任务实训及考核4.4 抠取图片中所需要的内容4.4.1 单色背景抠取4.4.2 外形不规则商品的抠取4.4.3 精细商品的抠取4.4.4 半透明商品的抠取4.4.5 任务实训及考核4.5 丰富商品图片内容4.5.1 添加与美化商品图片文字4.5.2 为商品图片添加形状4.5.3 任务实训及考核拓 展 延 伸 实战与提升 鸡尾酒衬衣夏日饮品小结1、 掌握调整图片效果的方法。2、 掌握文字的编辑与处理方法。3、 掌握抠取商品图片并替换背景的方法。想一想：1、 哪一类商品图片需要调色？2、 怎样增加图片的营销效果？思考及作业练一练：（1） 下面处理一张曝光不足、色彩暗淡的咖啡杯图片，处理后色

15、泽鲜艳、美观，参考效果如下图所示。（2） 本练习将对实拍童装图片进行颜色调整，并抠图更换背景，处理后的童装更加粉嫩可爱，充满童趣，参考效果如下图所示。第5 章课时内容促销图的视觉营销设计授课时间135 分钟课时3教学目标主图的设计与制作。直通车的设计与制作。智钻的设计与制作。教学重点主图营销设计。直通车推广图营销设计。智钻推广图营销设计。教学难点如何让促销图更具有影响力。教学设计1、 教学思路：（1）主图营销设计，使学员掌握主图的尺寸规范、素材的选择和营销的体现方式，并对制作方法进行介绍；（2）直通车推广图营销设计，使学员掌握直通车投放的策略、设计方式与制作方法；（3）智钻推广图营销设计，使学

16、员掌握智钻投放的目的和策略，以及智钻的设计与制作方法；（4）最后安排拓展延伸和实战与提升。2、 教学手段：对其他店铺的促销图进行设计，并对制作方法进行掌握。3、 教学资料及要求：除教材中的实例外，还对其他商品图片进行设计用作促销图的制作。教学内容知识回顾：前面讲解了商品图片的处理方法，下面对促销图的制作方法进行介绍。讨论问题：1、怎么制作符合需要的主图？2、直通车、智钻是什么？3、如何制作直通车推广图、智钻推广图？并在其中体现卖点？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 5 章 促销图的视觉营销设计学习目标学习导图案例导入5.1 主图营销设计5.1.1 主图的尺寸规范5.1.

17、2 主图的素材选择5.1.3 主图的设计要点5.1.4 主图的营销体现5.1.5 主图的设计与制作5.1.6 任务实训及考核5.2 直通车推广图营销设计5.2.1 直通车投放的策略5.2.2 直通车推广图的展现位置5.2.3 直通车推广图的设计要点5.2.4 直通车推广图的制作5.2.5 任务实训及考核5.3 智钻推广图营销设计5.3.1 智钻的投放目的和策略5.3.2 智钻推广图的设计标准5.3.3 智钻推广图的制作5.3.4 任务实训及考核拓展延伸实战与提升手机主图青苹果直通车520280 像素智钻图小结1、 掌握主图的设计与制作方法。2、 掌握直通车设计与制作方法。3、 掌握智钻设计与制

18、作方法。想一想：1、 怎样通过不同的主图来表达商品？2、 怎样在促销图中体现客户最在意的问题？练一练：（1）制作一个以“促销活动”为主的直通车推广图，注重对促销信息的描述，要在图片中尽量表现促销的吸引力、体现促销的主题、促销活动的时间等信息，参考效果如下图所示。思考及作业（2）制作播放器主图，在制作时要体现商品的信息和促销内容，并合理地进行布局， 参考效果如下图所示。第6 章课时内容店铺首页视觉营销设计授课时间135 分钟课时3教学目标学会首页的布局方式和设计要点。掌握首页各个模块的设计方法。教学重点制作店招。制作首页海报。制作促销活动区。教学难点掌握首页各个板块的制作方法。教学设计1、教学思

19、路：（1）认识店铺首页，让学员掌握首页设计要点、首页的视觉传达和布局方式；（2）店招视觉营销设计，让学员掌握店招的设计与制作方法；（3） 首页海报视觉营销设计，让学员掌握海报的设计与制作方法；（4）促销活动区视觉营销设计，让学员掌握促销活动区的设计与制作方法；（5）最后安排拓展延伸和实战与提升。2、 教学手段：观看其他店铺的首页装修效果，对本店铺进行设计，制作符合本店铺的首页效果。3、 教学资料及要求：除教材中的实例外，学院可以结合淘宝、天猫中真实的网店首页，参考其设计方法，尝试做一个完整的网店首页。教学内容知识回顾：前面讲解了促销图的制作方法，下面对首页的制作方法进行介绍。讨论问题：1、首页

20、可以以什么形式进行展现？2、怎么设计首页中的各个版块？在设计过程中有什么注意事项？3、首页中包括了哪些版块？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 6 章 店铺首页的视觉营销设计学习目标学习导图案例导入6.1 认识店铺首页6.1.1 首页的设计要点6.1.2 首页的视觉传达6.1.3 首页的布局6.1.4 任务实训及考核6.2 店招视觉营销设计6.2.1 确定店招的风格6.2.2 店招的营销设计6.2.3 店招的布局设计6.2.4 店招的设计与制作6.2.5 任务实训及考核6.3 首页海报视觉营销设计6.3.1 海报的布局技巧6.3.2 海报的设计要点6.3.3 海报的表现手

21、法6.3.4 海报的设计与制作6.3.5 任务实训及考核6.4 促销活动区视觉营销设计6.4.1 优惠券的设计要点6.4.2 分类区的设计要点6.4.3 商品促销展示区的设计要点6.4.4 促销活动区的设计与制作6.4.5 任务实训及考核拓展延伸实战与提升小结1、 掌握各个板块的设计与制作方法。2、 掌握首页的视觉营销方式。思考及作业想一想：1、 怎么选择 Logo 素材？2、 怎么应用淘宝自带的模板？3、 淘宝首页的设计技巧有哪些？练一练：（1）本练习将制作洗衣机店铺的海报，洗衣机店铺的商品海报应该展示不同洗衣机的性能，通过性价比吸引客户。在制作时为了体现简约性和实用性，不用添加过多的装饰，

22、完成后的效果如下图所示。（2）本练习将制作婚纱店铺的首页，要求制作的婚纱首页能够体现穿婚纱的幸福感和婚纱样式的美观度，在设计时通过文字和图片的合理搭配让客户耳目一新，完成后的效果如下图所示。第7 章课时内容详情页视觉营销设计授课时间135 分钟课时3教学目标掌握详情页的设计要点。掌握详情页的制作方法教学重点掌握详情页中各个板块的设计方法。掌握详情页中各个板块的制作方法。教学难点如何使制作的详情页更加符合需求。教学设计1、 教学思路：（1）详情页的设计与营销，让学员掌握详情页设计步骤、原则和组成方式；（2）制作焦点图，让学员掌握焦点图的设计要点和制作方法；（3）制作商品卖点图，让学员掌握卖点的特

23、征、卖点提炼要点，以及制作方法；（4）制作商品信息展示图，让学员掌握商品信息展示图的制作方法；（5）制作商品细节图，让学员掌握商品细节图的制作方法；（6）制作快递与售后图，让学员掌握快递与售后图的制作方法；（7）最后安排拓展延伸和实战与提升。2、 教学手段：（1）通过对话框项目分析详情页的内容与要点；（2）通过实例的制作，以步骤的形式讲解网店的设计与装修的具体方法。3、 教学资料及要求：除讲解教材中的知识外，还可结合课堂讨论，对制作过程中问题进行总结，并不断积累设计思路。教学内容知识回顾：前面讲解了首页的制作方法，下面对详情页的制作方法进行介绍。讨论问题：1、如何制作详情页？2、详情页主要有哪

24、些板块，每个版块是怎么进行制作的？3、如何在详情页中体现营销，是从哪些方面进行体现的？内容大纲：具体可结合本章的 PPT 课件进行配合讲解。第 7 章 详情页的视觉营销设计学习目标学习导图案例导入7.1 详情页的设计与营销7.1.1 详情页设计准备7.1.2 设计详情页应遵循的原则7.1.3 详情页客户分析7.1.4 详情页视觉营销体现7.1.5 了解商品详情页组成7.1.6 任务实训及考核7.2 制作焦点图7.2.1 焦点图的设计要点7.2.2 焦点图的设计与制作7.2.3 任务实训及考核7.3 制作商品卖点图7.3.1 卖点的特征7.3.2 卖点提炼的方法7.3.3 卖点图设计与制作7.3

25、.4 任务实训及考核7.4 制作商品信息展示图7.4.1 商品参数的常用表达方式7.4.2 商品信息的展示7.4.3 商品信息展示图的设计与制作7.4.4 任务实训及考核7.5 制作商品细节图7.5.1 细节图的展现方法7.5.2 细节图的设计与制作7.5.3 任务实训及考核7.6 制作快递与售后图7.6.1 快递与售后图的设计要点7.6.2 快递与售后图的设计与制作7.6.3 任务实训及考核拓展延伸实战与提升焦点 1焦点 2小结1、 掌握详情页的视觉设计要点。2、 掌握详情页的设计与制作方法。思考及作业想一想：1.如何抓住详情页设计的重点?2.详情页中客户流失主要有哪些原因?练一练：（1）本

26、练习将利用搜集的素材制作女包的详情页，在制作时应该将女包的百搭性体现出来，可以通过不同的人物穿戴进行搭配，并通过细节展现商品的品质。（2）本练习将利用搜集的素材制作旅行包的详情页，根据旅行包的风格，选择橄榄色和深绿色作为主要搭配的颜色，给人户外旅行的清新感。在模块选择上，主要选择商品设计理念、商品信息、商品细节卖点、快递与售后等内容，查看完成后的效果。第8 章课时内容移动端店铺的视觉营销设计授课时间135 分钟课时3教学目标了解移动端详情页设计基础。掌握移动端详情页设计与装修的方法。教学重点掌握移动端详情页的设计要点。掌握移动端详情页及其模板设计与装修的方法。掌握移动端详情页的自定义。教学难点能够抓住移动端详情页设计的要点。能够应用移动端模板和其页面的自定义。教学设计1、 教学思路：（1）首先认识移动端店铺营销，使学员认识移动端店铺营销的必要性和设计原则等分别进行介绍；（2