揭阳职业技术学院：《视觉营销》课程授课教案

揭阳职业技术学院电子商务创业学院《视觉营销》教案(2024-2025学年第2学期）教师姓名：袁东升所授专业：电商授课班级：2024

电子商务创业学院 《视觉营销》教案 (2024-2025 学年第 2 学期) 教师姓名: 袁东升 所授专业: 电商 授课班级: 2024

《视觉营销》课程教案总计第1-4课时课题初识新媒体美工新媒体美工的基础知识。团知识目标教M新媒体美工的工作流程。学团掌握新媒体美工到底是什么。能力目标团掌握图片的制作方法目标德育渗透A掌握新媒体美工是怎么进行制作。教学重点、难点1.了解Photoshop。课型教具准备课件，素材新教学方法讲授法、案例法教学过程1、教学思路：（1）：主要讲解新媒体美工的基础知识，包括什么是新媒体美工、新媒体美工的技能要求、新媒体美工需要注意的问题等知识：（2）：通过新媒体美工的工作流程，让学员掌握如何进行效果的设计与制作：（3）：通过实战案例巩固所学知识。教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。2、教学资料及要求：除教材中讲解的知识，可以要求学生收集素材，为后期的学习做准备。知识回顾：下面将讲解新媒体美工的理论知识，以及工作流程。讨论问题：1、作为新媒体美工，应该具备哪些技能？2、如何选择合适的新媒体美工？内容大纲：具体可结合本章的PPT课件进行配合讲解。1.1认识新媒体美工1.1.1什么是新媒体美工1.1.2新媒体美工的技能要求1.1.3新媒体美工需要注意的问题1.2新媒体美工的工作流程1.2.1明确设计目的1.2.2素材的搜集1.2.3素材的处理与整合1.3实战案例1.3.1实战：小年夜活动海报的素材搜集与整合1.3.2实战：分析端午节素材处理前后的效果1.4课后习题

《视觉营销》课程教案 总计第 1-4 课时 课 题 初识新媒体美工 教 学 目 标 知识目标  新媒体美工的基础知识。  新媒体美工的工作流程。 能力目标  掌握新媒体美工到底是什么。  掌握图片的制作方法 德育渗透  掌握新媒体美工是怎么进行制作。 教学重点、难点 1．了解 Photoshop。 教 具 准 备 课件，素材 课 型 新 教 学 方 法 讲授法、案例法 教 学 过 程 1、 教学思路：（1）：主要讲解新媒体美工的基础知识，包括什么是新媒体美工、新媒体美 工的技能要求 、新媒体美工需要注意的问题等知识；（2）：通过新媒体美工的工作流程， 让学员掌握如何进行效果的设计与制作；（3）：通过实战案例巩固所学知识。 2、 教学手段：首先讲基础知识，然后通过实例的形式对讲解的知识进行运用。 教学资料及要求：除教材中讲解的知识，可以要求学生收集素材，为后期的学习 做准备。 知识回顾：下面将讲解新媒体美工的理论知识，以及工作流程。 讨论问题：1、作为新媒体美工，应该具备哪些技能？ 2、如何选择合适的新媒体美工？ 内容大纲：具体可结合本章的 PPT 课件进行配合讲解。 1.1 认识新媒体美工 1.1.1 什么是新媒体美工 1.1.2 新媒体美工的技能要求 1.1.3 新媒体美工需要注意的问题 1.2 新媒体美工的工作流程 1.2.1 明确设计目的 1.2.2 素材的搜集 1.2.3 素材的处理与整合 1.3 实战案例 1.3.1 实战：小年夜活动海报的素材搜集与整合 1.3.2 实战：分析端午节素材处理前后的效果 1.4 课后习题

通过本章的学习，我们比较全面地认识了什么是新媒体美工，衡量视觉营销成败的三大数据指标，移动电商视觉营销的四个关键点，视觉营销在移动电归纳与商各个发展阶段的运用，移动电商视觉营销痛点定律的思维模式等内容。提高移动电商平台随着智能终端和移动互联网的快速发展越来越多，商品和服务的同质化也越来越严重。要想在诸多店铺中脱颖而出，吸引消费者的关注和浏览，被消费者购买，就必须在视觉营销上下功夫

归纳与 提高 通过本章的学习，我们比较全面地认识了什么是新媒体美工，衡量视觉营 销成败的三大数据指标，移动电商视觉营销的四个关键点，视觉营销在移动电 商各个发展阶段的运用，移动电商视觉营销痛点定律的思维模式等内容。 移动电商平台随着智能终端和移动互联网的快速发展越来越多，商品和服 务的同质化也越来越严重。要想在诸多店铺中脱颖而出，吸引消费者的关注和 浏览，被消费者购买，就必须在视觉营销上下功夫

《视觉营销》课程教案总计第课时5-8课题Photoshop基础知识1．了解软件的工作界面。2.熟练掌握新建和打开图像的方法。知识目标3．熟练掌握保存和关闭图像的技巧。教4.掌握恢复操作的应用。学5.了解常用的图像文件格式。熟练掌握新建和打开图像的方法。目1.能力目标2.熟练掌握保存和关闭图像的技巧。标3.掌握恢复操作的应用。德育渗透培养学生主动观察、勇于发现的创新精神教学重点、难点1．在文件保存中，文件格式的正确选择。1教具准备课型新课件、案例、课堂练习、教学方法讲授、观察、训练教学过程教学思路：（1）通过软件的操作演示讲解掌握界面操作和文件操作的方法：（2）通过软件相关功能的解析学习Photoshop工作界面的基本操作方法。讨论问题：1、Photoshop中常用的界面由哪几部分组成？2、位图和矢量图的区别？内容大纲：具体可结合本项目的PPT课件进行配合讲解。2.1工作界面2.1.1菜单栏2.1.2工具栏2.1.3属性栏2.1.4状态栏2.1.5控制面板2.2新建和打开2.2.1新建文件2.2.2打开图像2.3保存和关闭2.3.1保存文件2.3.2关闭图像2.4恢复操作的应用2.4.1恢复到上一步的操作2.4.2中断操作2.4.3恢复到操作过程的任意步骤

《视觉营销》课程教案 总计第 5-8 课时 课 题 Photoshop 基础知识 教 学 目 标 知识目标 1． 了解软件的工作界面。 2． 熟练掌握新建和打开图像的方法。 3． 熟练掌握保存和关闭图像的技巧。 4． 掌握恢复操作的应用。 5． 了解常用的图像文件格式。 能力目标 1． 熟练掌握新建和打开图像的方法。 2． 熟练掌握保存和关闭图像的技巧。 3． 掌握恢复操作的应用。 德育渗透 培养学生主动观察、勇于发现的创新精神 教学重点、难点 1．在文件保存中，文件格式的正确选择。 教 具 准 备 课件、案例、课堂练习、 课 型 新 教 学 方 法 讲授、观察、训练 教 学 过 程 教学思路：（1）通过软件的操作演示讲解掌握界面操作和文件操作的方法；（2）通过软件 相关功能的解析学习 Photoshop 工作界面的基本操作方法。 讨论问题：1、Photoshop 中常用的界面由哪几部分组成？ 2、位图和矢量图的区别？ 内容大纲：具体可结合本项目的 PPT 课件进行配合讲解。 2.1 工作界面 2.1.1 菜单栏 2.1.2 工具栏 2.1.3 属性栏 2.1.4 状态栏 2.1.5 控制面板 2.2 新建和打开 2.2.1 新建文件 2.2.2 打开图像 2.3 保存和关闭 2.3.1 保存文件 2.3.2 关闭图像 2.4 恢复操作的应用 2.4.1 恢复到上一步的操作 2.4.2 中断操作 2.4.3 恢复到操作过程的任意步骤

2.5位图和矢量图2.5.1位图2.5.2矢量图2.6分辨率2.6.1图像分辨率2.6.2屏幕分辨率2.6.3输出分辨率2.7图像的色彩模式2.7.1CMYK模式2.7.2RGB模式2.7.3Lab模式2.7.4HSB模式2.7.5灰度模式2.8常用的图像文件格式2.8.1PSD格式2.8.2TIF格式GIF格式2.8.32.8.4JPEG格式2.8.5EPS格式2.8.6PNG格式2.8.7选择合适的图像文件存储格式第一节教学手段：（1）通过操作演示掌握软件的基本操作方法；（2）通过软件功能解析深入学习软件功能和制作特点。1.了解软件的工作界面。2.熟练掌握新建、打开、保存和关闭文件的方法。归纳与掌握恢复操作的多种方法。3.提高4.了解位图和矢量图的区别了解图像的分辨率及色彩模式，掌握选择合适的文件储存格式

2.5 位图和矢量图 2.5.1 位图 2.5.2 矢量图 2.6 分辨率 2.6.1 图像分辨率 2.6.2 屏幕分辨率 2.6.3 输出分辨率 2.7 图像的色彩模式 2.7.1 CMYK 模式 2.7.2 RGB 模式 2.7.3 Lab 模式 2.7.4 HSB 模式 2.7.5 灰度模式 2.8 常用的图像文件格式 2.8.1 PSD 格式 2.8.2 TIF 格式 2.8.3 GIF 格式 2.8.4 JPEG 格式 2.8.5 EPS 格式 2.8.6 PNG 格式 2.8.7 选择合适的图像文件存储格式 第一节 教学手段：（1）通过操作演示掌握软件的基本操作方法；（2） 通过软件功能解析深入学习软件功能和制作特点。 归纳与 提高 1. 了解软件的工作界面。 2. 熟练掌握新建、打开、保存和关闭文件的方法。 3. 掌握恢复操作的多种方法。 4. 了解位图和矢量图的区别 了解图像的分辨率及色彩模式，掌握选择合适的文件储存格式

《视觉营销》课程教案总计第9-12课时课题Photoshop基础知识掌握色彩原理及搭配技巧1知识目标掌握页面中文字设计的原则2教3.掌握页面布局的方法学能够根据店铺产品选择合适的色彩风格能力目标能够根据页面需要选择合适的字体2.目3.能够进行合理的页面布局标德育渗透培养学生主动观察、勇于发现的创新精神重点：掌握网店店铺装修的原则教学重点、难点网店美工需要掌握的图像知识难点：掌握店铺装修的原则教具准备课型新课件、案例、课堂练习、教学方法讲授、观察、训练教学过程一般情况下，建议页面色彩不要超过3种。移动端店铺整体颜色一定要给人以统一、协调的感觉。统一的颜色是指主色调只有一种，在此基础上搭配一些其他颜色，即所谓“总体协调，局部对比”原则。配色黄金比例为70：25：5，其中的70%为大面积使用的主色，25%为辅助色，5%为点缀色。、同类色搭配同类色是指色相性质相同，但色度有深浅之分的颜色（色相环中30°夹角内的颜色），如下图所示。二、邻近色搭配在12色相环中，凡夹角在60°范围之内的颜色，或者相隔三四个数的两色为邻近色关系，属于中对比度效果的色彩，如下图所示

《视觉营销》课程教案 总计第 9-12 课时 课 题 Photoshop 基础知识 教 学 目 标 知识目标 1. 掌握色彩原理及搭配技巧 2. 掌握页面中文字设计的原则 3. 掌握页面布局的方法 能力目标 1. 能够根据店铺产品选择合适的色彩风格 2. 能够根据页面需要选择合适的字体 3. 能够进行合理的页面布局 德育渗透 培养学生主动观察、勇于发现的创新精神 教学重点、难点 重点：掌握网店店铺装修的原则 网店美工需要掌握的图像知识 难点：掌握店铺装修的原则 教 具 准 备 课件、案例、课堂练习、 课 型 新 教 学 方 法 讲授、观察、训练 教 学 过 程 一般情况下，建议页面色彩不要超过 3 种。移动端店铺整体颜色一定要给人以统一、 协调的感觉。统一的颜色是指主色调只有一种，在此基础上搭配一些其他颜色，即所谓“总 体协调，局部对比”原则。配色黄金比例为 70∶25∶5，其中的 70%为大面积使用的主色， 25%为辅助色，5%为点缀色。 一、同类色搭配 同类色是指色相性质相同，但色度有深浅之分的颜色（色相环中 30°夹角内的颜色）， 如下图所示。 二、邻近色搭配 在 12 色相环中，凡夹角在 60°范围之内的颜色，或者相隔三四个数的两色为邻近色关 系，属于中对比度效果的色彩，如下图所示。 30°

三、互补色搭配在光学中，两种色光以适当的比例混合能够产生白色的感觉时，则这两种颜色就称为“互补色”。四、对比色搭配在色彩对比的强度上，对比色仅次于互补色。在色环中夹角在120°的两种颜色互为对比色，具有较为强烈的单纯对立效果，如下图所示。一般来说，色彩的对比强烈，看起来就有诱惑力，能够起到集中视线的作用。120五、店铺配色误区误区一：背景和文字内容对比不强烈误区二：色彩过多误区三：过分强调色彩的刺激度第二节移动端店铺风格的形成要素一、店铺的主要风格经营不同的产品就需要有不同的店铺风格，否则就会让人觉得不伦不类。常见的店铺风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。二、产品的情绪产品的情绪是产品本身赋予色彩的情感，大多数色彩的情感来源于生活，因此设计时也要贴近生活

三、互补色搭配 在光学中，两种色光以适当的比例混合能够产生白色的感觉时，则这两种颜色就称为 “互补色”。 四、对比色搭配 在色彩对比的强度上，对比色仅次于互补色。在色环中夹角在 120°的两种颜色互为对 比色，具有较为强烈的单纯对立效果，如下图所示。一般来说，色彩的对比强烈，看起来 就有诱惑力，能够起到集中视线的作用。 五、店铺配色误区 误区一：背景和文字内容对比不强烈 误区二：色彩过多 误区三：过分强调色彩的刺激度 第二节 移动端店铺风格的形成要素 一、店铺的主要风格 经营不同的产品就需要有不同的店铺风格，否则就会让人觉得不伦不类。常见的店铺 风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。 二、产品的情绪 产品的情绪是产品本身赋予色彩的情感，大多数色彩的情感来源于生活，因此设计时 也要贴近生活。 60° 120°

三、店铺主题气氛移动端店铺的主题气氛主要通过店铺的配色和装饰来烘托。四、店铺的包装色彩色彩有着自己的语言，可以唤起人们的心灵感知，所以在确定移动端店铺主题色调时，应该与商品特性相符合，或与目标消费群体的特性相符合。五、巧用VI配色（一）单色VI的应用（二）双色VI的应用（三）多色VI的应用第三节移动端店铺的营销策略决定图片颜色一、产品策略对图片的影响（一）爆款产品（1）母婴爆款产品（2）男装爆款产品（3）女装爆款产品（二）高利润产品（1）母婴高利润产品（2）男装高利润产品（3）女装高利润产品（三）赠品二、价格策略对图片的影响（一）错觉折扣一一给消费者不一样的感觉（二）超值一元一一舍小取大的促销策略（三）临界价格一一消费者的视觉错误（四）降价加打折一一给消费者双重实惠（五）限时抢购一一让消费者蜂拥而至三、促销策略对图片的影响（一）爆款（二）打折（三）优惠券四、颜色配色训练实操（一）蓝色球鞋主题配色训练（二）蓝色球鞋主题配色训练S.了解软件的工作界面。归纳与6熟练掌握新建、打开、保存和关闭文件的方法。提高7.掌握恢复操作的多种方法。8了解位图和矢量图的区别

三、店铺主题气氛 移动端店铺的主题气氛主要通过店铺的配色和装饰来烘托。 四、店铺的包装色彩 色彩有着自己的语言，可以唤起人们的心灵感知，所以在确定移动端店铺主题色调时， 应该与商品特性相符合，或与目标消费群体的特性相符合。 五、巧用 VI 配色 （一）单色 VI 的应用 （二）双色 VI 的应用 （三）多色 VI 的应用 第三节 移动端店铺的营销策略决定图片颜色 一、产品策略对图片的影响 （一）爆款产品 （1）母婴爆款产品 （2）男装爆款产品 （3）女装爆款产品 （二）高利润产品 （1）母婴高利润产品 （2）男装高利润产品 （3）女装高利润产品 （三）赠品 二、价格策略对图片的影响 （一）错觉折扣——给消费者不一样的感觉 （二）超值一元——舍小取大的促销策略 （三）临界价格——消费者的视觉错误 （四）降价加打折——给消费者双重实惠 （五）限时抢购——让消费者蜂拥而至 三、促销策略对图片的影响 （一）爆款 （二）打折 （三）优惠券 四、颜色配色训练实操 （一）蓝色球鞋主题配色训练 （二）蓝色球鞋主题配色训练 归纳与 提高 5. 了解软件的工作界面。 6. 熟练掌握新建、打开、保存和关闭文件的方法。 7. 掌握恢复操作的多种方法。 8. 了解位图和矢量图的区别

了解图像的分辨率及色彩模式，掌握选择合适的文件储存格式。本章对美工基础色彩的运用介绍，比较全面地学习了移动电商常见的配色方法、移动端店铺风格的形成要素、移动端店铺风格的形成要素，以及移动端店铺的营销策略决定图片颜色等内容。在移动电商视觉营销中运用色彩时要注意，人们在接触到某一事物的前20秒，所注意到的80%的内容为事物的色彩，20%为事物的形体；2分钟后人们的注意力会稍微分散，但此时会注意到的内容仍有60%为事物的色彩，这就说明色彩对于人们的视觉是具有一定的聚焦引力的

了解图像的分辨率及色彩模式，掌握选择合适的文件储存格式。 本章对美工基础色彩的运用介绍，比较全面地学习了移动电商常见的配 色方法、移动端店铺风格的形成要素、移动端店铺风格的形成要素，以及移 动端店铺的营销策略决定图片颜色等内容。 在移动电商视觉营销中运用色彩时要注意，人们在接触到某一事物的前 20 秒，所注意到的 80%的内容为事物的色彩，20%为事物的形体；2 分钟后， 人们的注意力会稍微分散，但此时会注意到的内容仍有 60%为事物的色彩， 这就说明色彩对于人们的视觉是具有一定的聚焦引力的

《视觉营销》课程教案总计第13-16课时课题商品图片的美化与修饰1.掌握图片质量的基本要求2.结合图片采集中的有关基础掌握图片景深、色彩平衡、明暗知识关系、曝光等基本知识目标3.掌握修饰处理的方法技巧掌握相关命令的使用4.5.掌握商品图片特效编辑方法1.具有对商品图片质量的辨识能力2.具有商品图片创意、策划能力教3.熟练进行污点修复画笔工具组操作学熟练进行图章工具组操作4.目能力熟练进行模糊工具组操作5.标目标6.熟练进行减淡工具组操作7.熟练进行橡皮擦工具组操作8.熟练进行综合修饰组合处理操作9.小组沟通与协作德育培养主动观察、勇于发现的创新精神、培养学生实操能力渗透重点：对商品图片视觉创新要求进行辨识掌握5种修饰处理操作方法；掌握PS相关工具命令的使用教学重点、难点难点：修饰处理的灵活运用审美及色彩辨别能力；培养学生团队协作、细致认真的工匠精神和创新思维课型教具准备课件、案例、习题、新教学方法讲授、案例、练习教学过程课前【课前预习】预习商品图片特效处理的相关知识术语，完成课前作业。1.录制微课并上传至学习通课程平台，发布预习工匠成长案例任务

《视觉营销》课程教案 总计第 13-16 课时 课 题 商品图片的美化与修饰 教 学 目 标 知 识 目标 1． 掌握图片质量的基本要求 2． 结合图片采集中的有关基础掌握图片景深、色彩平衡、明暗 关系、曝光等基本知识 3． 掌握修饰处理的方法技巧 4． 掌握相关命令的使用 5． 掌握商品图片特效编辑方法 能 力 目标 1. 具有对商品图片质量的辨识能力 2. 具有商品图片创意、策划能力 3. 熟练进行污点修复画笔工具组操作 4. 熟练进行图章工具组操作 5. 熟练进行模糊工具组操作 6. 熟练进行减淡工具组操作 7. 熟练进行橡皮擦工具组操作 8. 熟练进行综合修饰组合处理操作 9. 小组沟通与协作 德 育 渗透 培养主动观察、勇于发现的创新精神、培养学生实操能力 教学重点、难点 重点：对商品图片视觉创新要求进行辨识 掌握 5 种修饰处理操作方法；掌握 PS 相关工具命令的使用 难点：修饰处理的灵活运用 审美及色彩辨别能力；培养学生团队协作、细致认真的工匠精 神和创新思维 教 具 准 备 课件、案例、习题、 课 型 新 教 学 方 法 讲授、案例、练习 教 学 过 程 课前 【课前预习】 预习商品图片特效处理的相关知识术语，完成课前作业。 1.录制微课并上传至学习通课程平台，发布预习工匠成长案例任务