教案-视觉营销设计7 AI设计商品主图、8 焦点图设计与制作

教案2025-2026学年第2学期开课学院：财经商贸学院专业：电子商务课程名称：视觉营销设计授课班级：2025级课程类别：B类课主讲教师：

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目AI设计商品主图授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标1.培养基于AI工具进行电商视觉设计的创新思维与审美素养，树立以消费者需求为导向的设计逻辑，强化对商品核心价值的精准传递意识，秉持诚信设计原则，不夸大商品卖点，注重AI生成内容的合规性与独特性；2.提升细节把控能力与品牌风格统一认知，能够将健康、品质等积极消费理念融入AI设计，让主图既具视觉吸引力又传递正向价值观，激发主动探索AI工具与设计需求深度融合的积极性。知识目标1.掌握商品主图设计的原则，理解AI设计商品主图的核心逻辑与优势；2.熟悉主流电商平台主图的尺寸规范；3.明确主图中背景、商品素材、文案、活动信息等元素的搭配逻辑，了解AI主图的优化调整方向。能力目标1.能够熟练运用AI设计工具，设计符合设计原则的商品主图初稿；2.具备提炼商品核心卖点，能根据平台规范与品牌风格，优化背景简洁度、商品主体清晰度及文案排版合理性；3.掌握AI生成主图后的二次优化技巧，能够独立完成全流程操作，打造出兼具吸引力与实用性的电商商品主图。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析本次课程教学内容围绕AI设计商品主图展开，既延续传统主图设计的核心逻辑，又聚焦AI工具的应用创新，兼具理论性与实操性。内容架构上，先夯实基础理论，明确商品主图设计核心原则（清晰展示商品主体、简洁背景、突出核心卖点、风格统一），重申主流电商平台主图尺寸规范，为AI设计划定核心标准；随后衔接AI设计核心逻辑，以桑果汁主图为实操案例，AI生成初稿，到基于设计原则进行二次优化，同时对比传统PS制作与AI设计的差异，凸显AI高效性与灵活性；最后强调AI生成内容的合规性与品牌风格统一性，引导学生在借助AI提升效率的同时，坚守设计本质，确保主图既符合电商运营需求，又能传递商品核心价值与积极消费理念。（三）学情分析知识技能基础1.具备电商购物的基本经验，对商品主图的视觉构成（背景、商品主体、文案、活动信息等）有初步认知，了解主图在商品销售中的作用；2.具备基础的计算机操作能力，能够熟练使用浏览器及常见软件，了解图片编辑的基本逻辑。认知实践能力1.具备一定的视觉观察与审美判断能力，能够区分优质与劣质主图在元素搭配、卖点呈现上的差异，可结合设计原则分析主图的合理性；2.具备基础的逻辑思维与需求拆解能力，能够将商品主图的设计要求转化为具体的AI实现。学生学习特点1.学习过程中注重实用性与效率性，关注AI工具如何快速生成符合要求的主图，降低设计门槛，同时渴望通过课程掌握能直接应用于电商运营的实操技能；2.学生个体差异较大，部分学生可能已熟悉AI工具，而部分学生缺乏相关经验，需教师提供分层指导；3.学生在创意表达上具有一定的灵活性，愿意尝试不同的色调、风格组合，期待通过AI工具实现个性化设计。（四）教学重难点教学重点掌握AI设计商品主图的核心逻辑，将传统主图设计四大原则（清晰展示商品主体、简洁背景、突出核心卖点、风格统一）与AI工具应用深度结合，同时确保主图符合平台尺寸规范。解决措施1.通过拆解桑果汁主图案例，明确AI设计中各原则的落地路径；引导学生精准提炼“100%鲜榨”“0水0糖”等核心卖点并转化为AI实现；2.分步演示AI工具操作，配合实时指导帮助学生解决指素材调整等问题；3.设置实操任务，要求学生按平台规范生成并导出主图，强化尺寸合规意识。教学难点如何通过AI制作主图既满足设计原则，又避免背景杂乱、商品主体模糊、卖点不突出等问题，同时平衡AI的创意性与品牌风格的统一性。解决措施1.梳理“原则+需求+细节”的逻辑，简洁虚化蓝紫色天空背景，桑果汁瓶子主体清晰居中，突出100%鲜榨卖点，风格清新统一”，提供正反例对比；2.讲解二次优化技巧，如使用AI工具的局部调整功能强化卖点视觉呈现.（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情1.核心基础回顾：复习商品主图设计四大原则（清晰展示商品主体、简洁背景、突出核心卖点、风格统一）及电商平台尺寸规范（800像素×800像素等正方形尺寸、大小≤3MB）；2.AI工具预习：介绍主流AI设计工具的基础操作逻辑；3.案例与素材准备：提供桑果汁及同类食品的优质AI主图案例（对比传统PS制作案例）。1.通过学习通平台发布预习任务清单；2.实时解答学生关于设计原则、AI工具使用的疑问；4.布置预习作业：结合提供的桑果汁信息，分析案例中指令与效果的关联。1.重温主图设计核心原则与平台规范，巩固理论基础；2.熟悉工具基本功能与操作逻辑；3.研读案例，分析AI制作主图的优势及指令设计技巧；1.强化传统主图设计核心知识，为AI设计搭建理论框架，确保AI应用不偏离设计本质；2.提前铺垫AI工具操作，降低课堂实操门槛；3.通过案例对比预习，培养学生的关联思维。课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示两组桑果汁主图（一组为文档中PS制作的优质主图，一组为AI生成的劣质主图<背景杂乱、卖点模糊>）；2.提问引导：“对比两组主图，AI生成的主图为何未达要求？如何让AI精准生成符合设计原则的主图？”；3.明确本课主题：掌握AI设计商品主图的核心逻辑与实操流程，利用AI工具完成符合规范的桑果汁主图设计。1.借助多媒体展示对比案例，引导学生结合已学设计原则分析差异；2.组织简短互动讨论，邀请学生分享观点；3.总结学生发言，强调AI设计需以传统设计原则为基础，引出AI设计的核心任务。1.观察对比两组主图，运用设计原则分析优劣；2.参与讨论，表达对AI设计主图的疑问与期待；3.明确本课学习目标，激发探索AI与设计原则结合的兴趣。1.衔接旧知与新知，让学生直观感受AI设计的优势与潜在问题；2.基于学生对传统主图设计的认知，降低AI设计的理解门槛；3.快速聚焦课程核心，调动学生主动解决问题的积极性。新课教学（60分钟）1.AI设计核心逻辑讲解：如何将主图设计四大原则（清晰展示主体、简洁背景、突出核心卖点、风格统一）转化为AI实现；2.实操分步教学1.用图文结合方式拆解设计逻辑；2.分步演示AI工具操作；3.实时巡视学生实操；4.邀请操作较快的学生分享设计技巧，促进互助学习。1.记录AI设计的核心逻辑，理解设计原则；2.跟随演示完成AI生成桑果汁主图初稿；3.按要求筛选初稿，运用优化技巧调整背景、卖点呈现效果，添加文案与视觉元素；4.小组内交流效果优化的经验，解决实操中遇到的问题。1.坚持“原则为纲、AI为具”的教学逻辑，确保AI设计不偏离核心要求；2.分步演示+实时指导，帮助学生攻克AI设计、效果优化等关键难点；3.小组互助提升学习效率，兼顾不同基础学生的学习进度；4.结合文档中桑果汁主图的元素要求，确保AI设计贴合实际应用场景。要点总结与价值引领（10）1.核心知识点梳理：四大设计原则与AI设计的对应关系；2.作品点评：选取2-3份学生作品，从设计原则契合度、视觉效果等方面点评，提出优化建议；3.核心逻辑强调：AI是设计辅助工具，需以消费者需求为导向，平衡“高效生成”与“信息精准传递”。1.用思维导图呈现知识点框架，引导学生回顾实操流程；2.随机抽取学生作品展示点评，聚焦共性问题与优秀案例。1.跟随教师回顾知识点，梳理AI设计的关键步骤与注意事项；2.倾听作品点评，对照自身作品查找不足；3.深化对AI工具定位的认知，理解设计原则在AI时代的核心价值。1.帮助学生构建系统的知识体系，强化AI设计与传统原则的关联记忆；2.通过作品点评及时反馈学习效果，引导学生主动优化作品；3.纠正“AI可替代设计思维”的误区，培养正确的工具使用观念。课后拓展教学环节教学内容教师活动学生活动设计意图课后拓展贯通1.基础任务：优化课堂完成的桑果汁主图，按平台规范导出并提交；2.进阶任务：选择一款自己熟悉的商品（如零食、文具），独立完成1张主图设计，要求契合四大原则与平台规范。1.明确课后任务要求与提交截止时间；2.提供进阶学习资源链接与优质AI主图案例库。1.按要求优化并提交桑果汁主图及设计思路；2.自主选择商品，独立完成进阶主图设计，锻炼指令撰写与效果优化能力。3.自愿学习进阶资源，拓展AI设计技能边界1.基础任务巩固课堂所学，强化AI设计与设计原则的结合应用；2.进阶任务鼓励学生灵活运用AI，提升独立设计能力；3.拓展学习满足不同学生的提升需求，为复杂主图设计积累技能。课后反思授课实效知识目标达成度：能力目标达成度：素质目标达成度：存在不足改进设想注：课程类别填理论课、理实一体课、理论+实践课、实践课。教案2025-2026学年第2学期开课学院：财经商贸学院专业：电子商务课程名称：视觉营销设计授课班级：2025级课程类别：B类课主讲教师：

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目焦点图设计与制作授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标培养对视觉设计的审美感知与细节把控能力，树立围绕商品核心属性进行创意表达的设计思维，增强在设计过程中追求统一性、实用性与美观性相结合的职业素养，养成耐心细致的操作习惯和主动优化设计效果的创新意识。知识目标1.掌握焦点图的核心功能、设计原则及与网店整体色调统一的配色要求；2.理解PhotoShop中新建文件、图层操作、选区工具、文字工具、画笔工具等基础功能的应用逻辑；3.熟悉焦点图背景创建、素材添加、文字排版及修饰元素添加的完整流程；4.了解饮品类商品焦点图如何通过色调、素材与文案传递产品特点和功效。能力目标1.能够熟练运用PhotoShop软件完成焦点图的背景制作、素材拖拽与尺寸调整、选区创建与编辑等基础操作；2.具备独立进行焦点图文字排版设计的能力，包括合理设置字体、大小、颜色，实现文字变形及搭配修饰元素；3.学会根据商品属性选择合适的色调与素材，打造具有视觉冲击力的焦点图，能够将商品信息与创意设计结合，直观呈现产品核心卖点与品牌氛围。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析围绕商品详情页焦点图的设计与制作展开，以“桑果汁”焦点图为实操案例，紧密结合电商设计的实际应用需求，构建了“理论认知+软件操作+创意落地”的完整教学体系。内容先明确焦点图的核心功能——作为页面顶部视觉核心吸引消费者注意力、传递商品信息与品牌形象，强调其颜色需与网店整体色调统一的设计原则；再按“创建背景-添加素材-文字排版与优化”的逻辑顺序，详细拆解实操步骤，涵盖PhotoShop中新建指定尺寸文件、图层操作、钢笔工具/椭圆选框工具/画笔工具等基础功能的使用，以及主副标题的字体、大小、颜色设置、文字变形和修饰元素添加等关键技巧；最后通过案例成品解析，呼应设计原则，让学生理解色调、素材与文案如何协同呈现商品属性（饮品清爽感）与核心卖点（肠胃健康功效），既注重软件操作的规范性与细节性，又兼顾设计思维的培养，实现了理论知识与实操技能的有机结合，符合电商设计类课程“学以致用”的教学导向。（三）学情分析知识技能基础1.学生已具备计算机基础操作能力，能够熟练打开、关闭软件及管理文件，但对PhotoShop软件的实操应用存在差异化基础：2.部分学生可能了解图层、移动工具等基础功能的概念，少数学生有简单的图片编辑经验，但多数学生对钢笔工具、椭圆选框工具的选区创建与编辑、文字变形、图层复制等核心操作的运用尚不熟练，缺乏电商焦点图设计的专项知识储备，对焦点图的设计原则、配色逻辑及文案与素材的协同搭配知识较为欠缺，需从基础操作到设计逻辑逐步递进学习。认知实践能力1.学生处于具象思维向抽象思维过渡的阶段，对直观的软件操作和案例展示接受度较高，能够快速模仿具体的操作步骤完成基础任务，如素材拖拽、尺寸调整等简单操作。2.在抽象设计思维方面存在不足，对“色调与商品属性契合”“视觉冲击力营造”等设计逻辑的理解和运用能力较弱，在自主优化设计效果、灵活搭配修饰元素等创造性实践环节容易遇到困难，需要通过具象案例解析、分步引导实操的方式，帮助其将操作技能与设计认知结合，逐步提升自主设计和问题解决的能力。学生学习特点1.学生对实践性、应用性强的学习内容兴趣浓厚，更倾向于通过动手操作、即时反馈的方式获取知识，而非单纯的理论讲解。2.学生的学习主动性和自主探究能力存在差异，部分学生能够主动尝试拓展操作，部分学生则需要明确的步骤指引和及时的指导帮助，且对电商相关的实用技能学习具有较强的目标性，更关注所学内容在实际场景中的应用价值。（四）教学重难点教学重点掌握焦点图“创建背景-添加素材-文字排版与优化”的完整制作流程，熟练运用PhotoShop中钢笔工具、椭圆选框工具、文字工具等核心功能，以及实现焦点图色调与商品属性、网店风格的统一。解决措施1.以“桑果汁”焦点图为典型案例，按步骤拆解实操流程，通过演示教学清晰展示新建指定尺寸文件、图层操作、选区创建与编辑、文字格式设置及变形、修饰元素添加等关键操作；2.教师巡回指导，及时纠正操作偏差，同时强调色调统一、文案与素材协同传递商品卖点的设计原则，通过案例成品解析强化学生对设计逻辑的理解。教学难点精准运用钢笔工具绘制弧形选区、灵活调整文字变形效果，以及合理搭配修饰元素提升焦点图的视觉冲击力，同时理解设计元素与商品属性、核心功效的适配逻辑。解决措施1.针对钢笔工具使用难点，单独增加实操演示，强调选区绘制的技巧与Delete键删除选区内容的操作要点，允许学生反复练习并提供针对性纠错；2.对于文字变形和修饰元素搭配，通过对比不同效果的案例，引导学生理解“波浪”变形、线条与椭圆修饰对文案突出和画面层次感的作用，提供修饰元素的位置、大小参考标准；3.通过分析“桑果汁”案例中紫色调与饮品清爽感、文案与肠胃健康功效的契合点，帮助学生建立“设计服务于商品展示与卖点传递”的思维，鼓励学生在模仿基础上尝试微调，逐步突破创造性设计的难点。（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情1.焦点图核心认知：明确焦点图在商品详情页的定位、功能及视觉设计核心要求；2.软件基础预习：PhotoShop图层、移动工具、Ctrl+T自由变换等基础操作回顾；3.案例素材准备：发布“桑果汁”焦点图成品案例及相关素材（蓝色背景、商品图、水花图等），明确课前预习重点。1.通过学习通平台推送焦点图相关理论、电商平台优秀焦点图案例集及PhotoShop基础操作教程；2.发布预习任务单，明确需掌握的核心概念（如视觉冲击力、色调统一性）和需回顾的软件操作；3.提前收集学生对软件操作的疑问，整理共性问题以便课堂针对性讲解；1.观看资料，理解焦点图的作用、设计原则及色调与商品的适配逻辑；2.回顾PhotoShop基础操作，尝试自主练习图层创建、素材拖拽、尺寸调整等操作；3.下载课程所需素材并整理归类，记录预习中遇到的软件操作或设计概念相关疑问。1.提前铺垫焦点图设计的核心理论知识，降低课堂理论讲解压力，为实操环节预留充足时间；2.帮助学生回顾软件基础操作，弥补技能差异，确保课堂上能快速跟上实操节奏；3.让学生提前熟悉课程素材和设计目标，激发自主思考，提升课堂参与度课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示电商平台优秀商品焦点图案例（含饮品类）与普通图片对比；2.提问引导：“焦点图在商品详情页的位置和作用是什么？”“优秀焦点图具备哪些特点？”3.揭示本节课主题：“桑果汁”焦点图设计与制作，明确学习目标。1.借助多媒体课件展示案例，突出焦点图的视觉冲击力和卖点传递功能；2.组织课堂互动提问，引导学生观察、思考并发言；3.总结学生回答，强调焦点图“吸引注意力、传递商品信息、契合品牌风格”的核心价值，引出实操任务。1.观察案例对比，感知焦点图与普通图片的差异；2.积极参与提问互动，分享自己对焦点图的认知；3.明确本节课学习目标和实操任务，激发学习兴趣。通过案例对比和互动提问，快速吸引学生注意力，帮助学生建立对焦点图的直观认知，为新课教学铺垫，同时激发学生的学习主动性。新课教学（60分钟）1.焦点图设计核心原则：色调统一性、素材与文案协同、视觉冲击力；2.实操步骤拆解：（1）创建背景：PS新建指定尺寸文件、导入背景图、钢笔工具绘制弧形选区并删除；（2）添加素材：拖拽商品图、水花图，Ctrl+T调整尺寸，椭圆选框工具+Alt键复制素材；（3）文字排版与优化：主副标题输入、字体/大小/颜色设置、文字变形（波浪）、修饰元素（线条、椭圆）添加；（4）效果调整：检查色调统一、元素搭配合理性，优化细节。1.结合课件讲解设计原则，强调“桑果汁”焦点图紫色调与饮品属性的契合；2.分步进行PS实操演示，清晰展示工具使用方法；3.巡回指导学生实操，及时发现并解决共性问题（如选区绘制不精准、图层操作失误），对个别学生进行针对性帮扶；4.讲解修饰元素添加的逻辑，说明其对画面层次感的提升作用。1.聆听设计原则讲解，理解色调、素材、文案的协同逻辑；2.跟随教师演示，分步进行PS实操，按要求完成背景创建、素材添加、文字排版及修饰元素添加；3.实操中遇到问题及时向教师提问或与同学交流；4.按标准调整作品细节，确保符合设计要求。遵循“理论+实操”的教学逻辑，先明确设计原则，再按流程拆解实操步骤，通过演示+指导的方式，帮助学生掌握核心技能，同时兼顾不同基础学生的学习需求，确保多数学生能跟上教学节奏，完成基础实操任务