AI+电商视觉营销设计-教学教案

教学教案教学教案AI+电商视觉营销设计AI+电商视觉营销设计第第教学教案教学教案开课专业：授课班级：授课教师：（学年第学期）XXX学校课时内容认识AI与电商视觉营销设计授课时间180分钟课时4教学目标认识电商视觉营销设计，掌握其主要原则、基本要素与基本思路认识AI与AIGC，了解常见AIGC工具与AIGC提示词的设计方法了解智能体的基础知识，掌握创建与应用智能体的基本流程认识AI时代电商视觉设计师的工作内容与职业素养教学重点掌握电商视觉营销设计的主要原则与基本要素掌握AIGC提示词的设计方法与智能体的创建流程教学难点运用AIGC提示词与智能体辅助电商视觉营销设计教学设计教学思路：（1）通过了解电商视觉营销设计基础、主要原则、基本要素和基本思路的讲解，让学员认识电商视觉营销设计；（2）通过掌握AI与AIGC的概念、常见AIGC工具、AIGC提示词和智能体，让学员认识AI与AIGC；（3）通过对AI时代电商视觉设计师的工作内容与职业素养的讲解，让学员明确岗位能力要求；（4）通过项目实训，巩固所学知识。教学手段：采用“AI导学+任务驱动”的方式，先讲基础知识，再通过实训和案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，可要求学生注册并熟悉豆包、即梦AI等AIGC工具，扫描书中二维码体验“AI导学”智能体，为后续学习做准备。教学内容讨论问题：什么是电商视觉营销设计？包含哪些基本要素？常见AIGC工具有哪些？如何设计有效的AIGC提示词？内容大纲：具体可结合本项目PPT课件进行配合讲解。任务一认识电商视觉营销设计一、电商视觉营销设计基础二、电商视觉营销设计的主要原则三、电商视觉营销设计的基本要素四、电商视觉营销设计的基本思路任务实施一、分析电器类店铺首页视觉营销设计二、分析跑步鞋详情页视觉营销设计任务二认识AI与AIGC一、AI与AIGC的概念二、常见的AIGC工具三、AIGC提示词四、认识智能体五、AIGC在电商视觉营销设计中的应用任务实施创建“电商视觉营销设计指南”智能体任务三认识AI时代的电商视觉设计师一、电商视觉设计师的工作内容二、电商视觉设计师的职业素养任务实施一、创建“电商视觉设计师求职助手”智能体二、应用智能体辅助面试和自我提升AI助训实训1使用豆包生成茶叶包装设计方案和概念图实训2使用即梦AI生成农产品场景图和视频课后练习练习1使用AIGC辅助分析“波司登”服装品牌的视觉营销设计练习2创建“电商素材库”智能体并生成设计素材小结认识电商视觉营销设计及其主要原则、基本要素与基本思路认识AI与AIGC，掌握常见AIGC工具与提示词设计方法掌握智能体的创建流程及其在电商视觉营销设计中的应用了解AI时代电商视觉设计师的工作内容与职业素养课后练习练习1使用AIGC辅助分析“波司登”服装品牌的视觉营销设计查看天猫、京东、抖音商城中的波司登官方旗舰店以及波司登品牌官网，观察和分析其中的视觉构成元素、运用的视觉营销思路、产生的视觉营销效果等，在此过程中可使用文本类AIGC工具辅助分析。练习2创建“电商素材库”智能体并生成设计素材创建一个名为“电商素材库”的智能体，用于自动生成适用于天猫、京东、抖音等平台的电商视觉设计素材，要求该智能体能根据店铺、商品、营销节点及平台特性，输出包含文案、主图、详情页模块、短视频脚本和配色方案在内的素材，并且素材合规、风格多元化。

课时内容AI与品牌视觉营销设计授课时间270分钟课时6教学目标认识品牌视觉营销设计，了解品牌视觉识别系统及其作用掌握品牌标志、标准字与标准色、辅助图形、吉祥物设计方法掌握使用AIGC工具与智能体建立品牌视觉识别系统的流程掌握商品包装的基本类别、常见形式与版式编排方式，能设计商品包装。教学重点掌握品牌视觉识别系统的构成与建立方法掌握品牌标志的设计形态与设计原则掌握商品包装的常见形式与版式编排方式教学难点运用AIGC工具与智能体完成品牌视觉识别系统与商品包装的设计教学设计教学思路：（1）通过对品牌视觉识别系统和品牌视觉营销作用的讲解，让学员认识品牌视觉营销设计；（2）通过对品牌标志、标准字与标准色、辅助图形、吉祥物、应用系统等知识的讲解，让学员掌握建立品牌视觉识别系统的方法；（3）通过对标志设计形态与设计原则的讲解，让学员掌握品牌标志的设计方法；（4）通过掌握包装基本类别、常见形式与版式编排，结合案例实操，让学员掌握商品包装的设计；（5）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，可要求学生收集喜欢的品牌视觉识别系统案例，分析其标志、标准色与辅助图形的应用方法。教学内容知识回顾：前面认识了AI与电商视觉营销设计的基础知识，下面介绍AI与品牌视觉营销设计。讨论问题：1.什么是品牌视觉识别系统？2.如何建立品牌视觉识别系统？3.如何设计品牌标志与商品包装？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一认识品牌视觉营销设计一、了解品牌视觉识别系统二、品牌视觉营销的作用任务实施使用千问分析同类品牌的视觉营销特点任务二建立品牌视觉识别系统一、品牌标志二、品牌标准字与标准色三、品牌辅助图形四、品牌吉祥物五、品牌应用系统任务实施一、创建“办公文具类品牌设计助手”智能体二、使用智能体建立“笔格”品牌视觉识别系统任务三设计品牌标志一、标志的设计形态二、标志的设计原则任务实施使用创客贴生成“笔格”办公文具品牌标志任务四设计商品包装一、包装的基本类别二、包装的常见形式三、包装版式编排方式任务实施一、使用XFUN生成笔芯包装图像二、使用Illustrator制作包装展开图三、使用XFUN制作包装盒立体效果AI助训实训1使用美图设计室生成“山水原”农产品品牌标志实训2包小盒+Photoshop设计大米包装袋课后练习练习1AIGC+Photoshop制作家具品牌标志练习2AIGC+Photoshop制作月饼礼盒包装小结认识品牌视觉营销作用掌握品牌视觉识别系统的建立方法掌握品牌标志、商品包装的设计方法课后练习练习1AIGC+Photoshop制作家具品牌标志“艺品家”家具品牌致力于将艺术元素融入家具设计中，融合艺术与功能，传达个性化的生活方式。该品牌准备在电商平台建立线上店铺，需要设计标志，体现品牌特点，吸引年轻消费者群体。练习2AIGC+Photoshop制作月饼礼盒包装临近中秋节，某店铺决定推出新款月饼礼盒，需要进行包装设计。外包装盒尺寸为25cm×25cm；内包装盒包括两个月饼盒与一个刀叉盒，尺寸分别为8.5cm×8.5cm、4cm×20cm。包装设计需体现中秋团圆、花好月圆的主题，具有节日氛围，能让消费者感受到节日的温馨和喜悦。课时内容AI与商品视觉营销设计授课时间270分钟课时6教学目标掌握商品拍摄的准备事项与不同类型商品的拍摄要点掌握使用AIGC工具生成商品图的方式掌握商品图大小调整、色彩调整、局部修复与抠图等处理方法掌握商品主图的制作规范、常见类型与数据优化方法教学重点掌握不同类型商品的拍摄要点与AIGC商品图生成方式掌握商品图的常见处理方法掌握商品主图的制作规范与数据优化教学难点综合运用AIGC工具与Photoshop完成商品图的处理与商品主图的设计教学设计教学思路：（1）通过掌握拍摄的基础知识，让学员掌握商品拍摄与生成方法；（2）通过对商品图大小、色彩、局部修复、抠图等处理方法的了解，让学员掌握商品图的处理技巧；（3）通过对商品主图制作规范、常见类型与数据优化的讲解，让学员掌握商品主图的设计；（4）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，还可要求学生收集不同品类商品主图，分析其制作规范与视觉表现方式。教学内容知识回顾：前面介绍了AI与品牌视觉营销设计，下面讲解AI与商品视觉营销设计。讨论问题：1.如何拍摄不同品类的商品？2.如何使用AIGC工具生成和处理商品图？如何设计商品主图？内容大纲：具体可结合本项目PPT课件进行配合讲解。任务一拍摄商品一、拍摄准备事项二、不同类型商品的拍摄要点三、使用AIGC工具生成商品图的方式任务实施一、使用绘蛙生成笔袋商品图二、使用佐糖生成闹钟商品图任务二处理商品图一、调整商品图大小的方法二、调整商品图色彩的方法三、局部修复商品图的方法四、抠取商品图的方法任务实施一、使用豆包扩展削笔器图片大小二、使用美图设计室调整台历图片色彩三、使用绘蛙为计算器商品换色四、使用豆包消除桌面杂物五、使用豆包抠取装订机图片六、使用佐糖精修剪刀图片任务三设计商品主图一、商品主图制作规范二、商品主图的常见类型三、商品主图数据优化任务实施一、使用创客贴生成笔记本主图二、使用Photoshop制作文具套装主图三、使用文心一言优化彩铅主图视觉营销效果AI助训实训1使用即梦AI处理坚果图片实训2使用Photoshop设计坚果主图课后练习练习1AIGC+Photoshop修复并抠取女包练习2AIGC+Photoshop制作吊灯主图小结掌握不同类型商品的拍摄要点与AIGC商品图生成方式掌握商品图大小调整、色彩调整、局部修复与抠图方法掌握商品主图的制作规范与数据优化方法课后练习练习1AIGC+Photoshop修复并抠取女包某商家发现女斜挎包商品图有污渍和划痕，为避免重新拍摄，决定直接使用AIGC工具和Photoshop处理该商品图。练习2AIGC+Photoshop制作吊灯主图某灯具店铺需要上架一款用于客厅的吊灯，为了提升视觉效果，准备使用AIGC工具和Photoshop制作主图。要求使用客厅场景的吊灯实拍图作为主图背景，效果简洁、美观。

课时内容AI与店铺首页视觉营销设计授课时间270分钟课时6教学目标掌握店铺首页的主要结构与布局方式，学会使用AIGC工具辅助规划店铺首页掌握店招与导航的设计要点掌握全屏轮播图的视觉主题与构图方式掌握优惠券、活动专区、商品分类区、商品陈列区等区域的设计方法掌握移动端店铺首页的框架布局与设计要点教学重点掌握店铺首页的规划与布局方法掌握店招、导航与全屏轮播图的设计掌握移动端店铺首页的设计要点教学难点综合运用智能体、AIGC工具与Photoshop完成店铺首页的规划与设计教学设计教学思路：（1）通过店铺首页主要结构与布局方式的讲解，结合智能体辅助规划，让学员掌握店铺首页的规划方法；（2）通过店招与导航设计要点的讲解与实操，让学员掌握店招与导航的设计；（3）通过对全屏轮播图视觉主题与构图方式的讲解，让学员掌握全屏轮播图的设计；（4）通过对优惠券、活动专区、商品分类区、商品陈列区设计要点的讲解与实操，让学员掌握店铺首页其他区域的设计；（5）通过移动端店铺首页框架布局与设计要点的讲解，让学员掌握移动端店铺首页的设计；（6）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，也可要求学生浏览主流电商平台的店铺首页，分析其页面结构与视觉表现方式。教学内容知识回顾：前面讲解了AI与商品视觉营销设计，下面讲解AI与店铺首页视觉营销设计。讨论问题：1.店铺首页由哪些主要结构组成？2.如何规划店铺首页？3.如何设计店招、导航与全屏轮播图？内容大纲：具体可结合本项目PPT课件进行配合讲解任务一规划店铺首页一、店铺首页的主要结构二、店铺首页的布局方式三、使用AIGC工具辅助规划与优化店铺首页任务实施使用智能体规划“笔格”店铺首页任务二设计店招与导航一、店招的设计要点二、导航的设计要点任务实施一、使用Photoshop制作店招二、使用Photoshop制作导航任务三设计全屏轮播图一、全屏轮播图的视觉主题二、全屏轮播图的构图方式任务实施一、使用通义万相生成全屏轮播图背景二、使用Photoshop制作全屏轮播图任务四设计店铺首页其他区域一、优惠券内容的设计要点二、活动专区的设计要点三、商品分类区的设计要点四、商品陈列区的设计要点任务实施一、使用Photoshop制作优惠券二、使用Photoshop制作活动专区三、使用Photoshop制作商品分类区四、使用Photoshop制作商品陈列区任务五设计移动端店铺首页一、移动端店铺首页的框架布局二、移动端店铺首页的设计要点任务实施一、使用即梦AI生成移动端海报一、任务实施使用Photoshop制作移动端店铺首页AI助训智能体+即梦AI+Photoshop设计农产品店铺首页课后与练习AIGC+Photoshop设计移动端家具店铺首页小结掌握店铺首页的规划与布局方法掌握店招、导航与全屏轮播图的设计方法掌握店铺首页其他区域与移动端店铺首页的设计方法课后练习AIGC+Photoshop设计移动端家具店铺首页某家具店铺需要制作移动端首页，在制作时可使用提供的素材。该店铺首页需要采用简约风格，以浅灰色为主色调，以黄色为辅助色，分为单图海报、优惠券、商品分类、推荐商品4个部分进行制作。项目课时内容AI与商品详情页视觉营销设计授课时间270分钟课时6教学目标掌握商品详情页的主要内容、沟通框架与设计要求学会使用AIGC工具辅助规划与优化商品详情页掌握商品焦点图与卖点图的设计要点掌握商品细节图与参数图的设计要点教学重点掌握商品详情页的规划方法与沟通框架掌握焦点图、卖点图、细节图与参数图的设计掌握AIGC工具在详情页规划与素材生成中的应用教学难点综合运用AIGC工具与Photoshop完成商品详情页的设计教学设计教学思路：（1）通过商品详情页主要内容、沟通框架与设计要求的讲解，让学员掌握商品详情页的规划方法；（2）通过对焦点图与卖点图设计要点的讲解，让学员掌握焦点图和卖点图的设计；（3）通过细节图与参数图设计要点的讲解与实操，让学员掌握细节图和参数图的设计；（4）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，也可要求学生选择一款商品，收集其详情页设计案例进行分析。教学内容知识回顾：前面讲解了AI与店铺首页视觉营销设计，下面讲解AI与商品详情页视觉营销设计。讨论问题：1.商品详情页包含哪些主要内容？2.如何规划商品详情页？3.如何设计焦点图、卖点图、细节图与参数图？？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一规划商品详情页一、商品详情页的主要内容二、商品详情页的沟通框架三、商品详情页的设计要求四、使用AIGC工具辅助规划与优化商品详情页任务实施使用文心一言规划订书机商品详情页设计思路和文案任务二设计商品焦点图和卖点图一、商品焦点图的设计要点二、商品卖点图的设计要点任务实施一、使用即梦AI生成焦点图二、使用豆包生成卖点图标素材三、使用Photoshop制作卖点图任务三设计商品细节图和参数图一、商品细节图的设计要点二、商品参数图的设计要点任务实施一、使用Photoshop制作细节图二、使用Photoshop制作参数图AI助训实训1使用AIGC工具生成柑橘详情页素材实训2使用Photoshop制作柑橘详情页课后练习练习1AIGC+Photoshop制作洗衣机详情页练习2AIGC+Photoshop制作实木书桌详情页小结掌握商品详情页的规划方法与沟通框架掌握焦点图与卖点图的设计方法掌握细节图与参数图的设计方法课后练习练习1AIGC+Photoshop制作洗衣机详情页某家电店铺中的一款洗衣机进行了技术更新，将升级为健康活氧洗衣机，因此需要制作新的商品详情页\，希望在详情页中体现健康活氧洗衣机的新技术、新特点，传达健康生活的理念，要求采用极简的设计风格，主要展示健康活氧洗衣机的外观、卖点、使用场景、细节和详细参数。练习2AIGC+Photoshop制作实木书桌详情页某家具店铺最近上架了一款田园风实木书桌，需要为该款书桌设计商品详情页。要求能够充分展现该书桌的外观、卖点、细节、功能、使用场景等，突出实木材质，并向消费者直观地说明商品尺寸等参数信息，其整体视觉效果要美观，契合商品风格，易于消费者浏览。课时内容AI与短视频视觉营销设计授课时间270分钟课时6教学目标认识短视频视觉营销，掌握短视频拍摄与制作流程、类型与常用剪辑手法掌握主图短视频的规范与制作要点掌握详情页短视频的规范与制作要点学会使用AIGC工具策划文案、生成配音与视频素材教学重点掌握短视频的类型与常用剪辑手法掌握主图短视频与详情页短视频的制作掌握AIGC工具在短视频策划与制作中的应用教学难点综合运用AIGC工具与剪映完成短视频的策划、配音、素材生成与剪辑教学设计教学思路：（1）通过对短视频拍摄、制作流程、类型与常用剪辑手法的讲解，让学员认识短视频视觉营销；（2）通过对主图短视频规范与制作要点进行讲解，让学员掌握主图短视频的制作；（3）通过对详情页短视频的讲解，结合讯飞星火、讯飞智作、可灵AI与剪映的实操，让学员掌握详情页短视频的制作；（4）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲解基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，可要求学生观看主流电商平台的主图短视频与详情页短视频，分析其制作规范与表现方式。教学内容知识回顾：前面讲解了AI与商品详情页视觉营销设计，下面讲解AI与短视频视觉营销设计。讨论问题：1.短视频有哪些类型？常用剪辑手法有哪些？2.如何制作主图短视频？3.如何制作详情页短视频？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一认识短视频视觉营销一、短视频拍摄与制作流程二、短视频的类型三、短视频的常用剪辑手法任务实施使用DeepSeek调研不同平台中短视频的热门主题任务二制作主图短视频一、主图短视频的规范二、主图短视频的制作要点任务实施一、使用剪映的AI文字成片功能制作打印纸主图短视频二、使用剪映的图文成片功能制作记事本主图短视频三、使用剪映的营销成片功能制作彩铅主图短视频任务三制作详情页短视频一、详情页短视频的规范二、详情页短视频的制作要点任务实施一、使用讯飞星火策划短视频标题和文案二、使用讯飞智作生成配音三、使用可灵AI生成视频素材四、使用剪映剪辑打印机详情页短视频AI助训使用剪映制作抖音玉米带货短视频课后练习练习1AIGC+剪映制作台灯测评短视频练习2AIGC+剪映制作品牌推广短视频小结认识短视频视觉营销的流程、类型与剪辑手法掌握主图短视频的规范与制作方法掌握详情页短视频的规范与制作方法课后练习练习1AIGC+剪映制作台灯测评短视频某品牌想推广新品台灯，准备为该台灯制作一支商品测评类短视频，然后在相关平台上发布该短视频并附上商品链接。要求分别从台灯的外观、结构、工艺细节、开灯效果、照明档位等方面进行测评，内容真实，逻辑清晰，商品特点突出。练习2AIGC+剪映制作品牌推广短视频“草莓甜乐屋”品牌需要制作品牌推广短视频，突显该品牌注重草莓品质的特点，充分展示品牌的温室大棚环境、种植技术等信息，内容生动有趣、逻辑清晰，吸引力较强，能引起消费者共鸣，并对品牌产生信任。课时内容AI与直播电商视觉营销设计授课时间270分钟课时6教学目标掌握直播间的画面构成、背景设计、主播形象设计与贴片设计学会使用AIGC工具规划直播间设计、生成直播背景与数字人主播掌握直播预热图、引流图与封面图的设计要点教学重点掌握直播间的画面构成与背景设计掌握数字人主播的生成与直播间贴片的设计掌握直播预热图、引流图与封面图的设计教学难点综合运用AIGC工具与Photoshop完成直播间与直播宣传图的设计教学设计教学思路：（1）通过对直播间画面构成、背景设计、主播形象设计与贴片设计的讲解，让学员掌握直播间的设计方法；（2）通过豆包、即梦AI、通义万相等的讲解，让学员掌握直播间设计任务的实施方法；（3）通过对直播预热图、引流图与封面图的讲解，让学员掌握直播宣传图的设计；（4）通过项目实训巩固所学知识。教学手段：采用“任务驱动+案例实操”的方式，先讲解基础知识，再通过AIGC工具实训与案例的形式对讲解的知识进行运用。教学资料及要求：除教材中讲解的知识外，学生观可看主流电商平台的直播间，分析其画面构成与贴片设计。教学内容知识回顾：前面讲解了AI与短视频视觉营销设计，下面讲解AI与直播电商视觉营销设计。讨论问题：1、直播间由哪些画面构成？2、如何设计直播间背景与数字人主播？3、如何设计直播预热图、引流图与封面图？内容大纲：具体可结合本章的PPT课件进行配合讲解。任务一设计直播间一、直播间的画面构成二、直播间的背景设计三、主播形象设计四、直播间贴片设计任务实施一、使用豆包规划直播间设计二、使用即梦AI生成直播背景三、使用通义万相生成数字人主播四、使用Photoshop设计直播间贴片任务二设计直播宣传图一、直播预热图的设计要点二、直播引流图的设计要点三、直播封面图的设计要点任务实施一、使用创客贴生成直播预热图二、使用Photoshop制作直播引流图三、使用美图设计室生成直播封面图AI助训实训1文心一言+通义万相+Photoshop设计农产品店铺直播间实训2使用即梦AI+Photoshop设计直播宣传图课后练习练习1AIGC+Photoshop制作外卖直播间贴片练习2AIGC+Photoshop制作直播引流图小结掌握直播间画面构成与背景设计方法掌握数字人主播与直播间贴片的设计方法掌握直播预热图、引流图与封面图的设计方法课后练习练习1AIGC+Photoshop制作外卖直播间贴片使用AIGC工具生成饮品和快餐元素，并在Photoshop中制作不同编排效果的直播间贴片，用在某外卖直播间中展示全场饮品9.9元和汉堡单人套餐13.9元的优惠价格，要求视觉元素设计新颖、风格独特，可使用不同装饰元素来辅助编排。练习2AIGC+Photoshop制作直播引流图使用AIGC工具生成一张背景图，并在Photoshop中制作×××美妆网店的直播引流图，要求以提供的商品图（配套资源：\素材文件\项目七\美妆.png）作为主核心元素，展示直播时间、地点和优惠信息，视觉效果美观，图文编排合理。课时内容AI与广告视觉营销设计授课时间270分钟课时6教学目标掌握电商平台关键词推广图与人群推广图的设计要点掌握新媒体平台宣传海报、新媒体平台图文排版的设计方法教学重点掌握关键词推广图与人群推广图的设计掌握宣传海报与图文排版的设计掌握广告视觉营销效果的数据分析与优化方法教学难点综合运用AIGC工具、Photoshop与智能体完成广告设计及效果优化教学设计教学思路：（1）通过对关键词推广图与人群推广图的讲解，让学员掌握电商平台推广图的设计；（2）通过对海报常见类型