教案-视觉营销设计9 卖点图设计与制作、10 细节图与产品信息图

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

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目卖点图设计与制作授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标培养学生在卖点图设计中以消费者需求为导向的思维意识，树立注重细节、追求美观与实用性统一的设计态度，增强对视觉传达效果的审美素养，提升创新表达和精准传递产品核心价值的职业素养，养成规范操作设计工具、有序完成分层设计的良好工作习惯。知识目标1.学生能够掌握卖点图的核心定义与功能定位，理解多张卖点图组合展示产品优势的逻辑；2.熟练掌握矩形、钢笔、文字、画笔等设计工具的操作方法，明确不同字体、颜色、尺寸在卖点传达中的适配原则；3.熟知背景设计（含纯色、渐变色、异形裁剪）、素材排版、文案设计、修饰元素添加等关键环节的技术要点，了解产品卖点与视觉元素的匹配逻辑。能力目标1.学生能够独立完成从背景搭建、素材处理到文案排版、修饰优化的完整卖点图制作流程；具备根据产品核心卖点（如成分、适用人群、技术优势等）选择合适设计风格与元素的能力，能够灵活运用图层管理、形状绘制、颜色搭配等技巧提升画面吸引力；2.熟练实现文字变形、线条复制、弧形裁剪等专项操作，具备针对不同产品需求设计出逻辑清晰、重点突出、视觉美观的卖点图的实践能力。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析围绕桑葚汁产品的三张卖点图设计与制作展开，聚焦“通过视觉元素精准传递产品核心优势”这一核心目标，涵盖卖点图设计的完整流程与关键技术。内容上先明确卖点图的定义与多图组合展示的逻辑，再按三张图的设计顺序逐步拆解教学要点：卖点图一重点讲解纯色背景搭建、图标素材排版、目标人群文案设计及虚线、星星等修饰元素的添加方法，培养基础设计规范；卖点图二深入教学渐变色背景绘制、弧形裁剪、素材适配、文字变形与色彩对比运用，同时强化无添加类卖点的视觉呈现技巧；卖点图三则聚焦复合背景设计、核心技术与原料优势的文案层级排版、自定义形状与勾选符号的创意运用，以及“排、养、净”三维卖点的结构化展示，实现从基础操作到创意设计的进阶。整体教学内容兼顾工具操作（矩形、钢笔、文字、画笔等工具的具体用法）、技术要点（图层管理、尺寸调整、颜色配置、复制粘贴等）与设计逻辑（卖点与视觉元素的匹配、画面美观与实用性的平衡），由浅入深、层层递进，既满足技能训练需求，又贴合实际商业卖点图的设计场景。（三）学情分析知识技能基础1.学生已具备一定的计算机基础操作能力，能够熟练使用鼠标、键盘完成基本的软件操作，但对设计类软件（如Photoshop）的专业工具（如钢笔工具、图层管理、自定义形状工具等）的操作可能较为陌生，缺乏系统认知。2.在视觉设计相关知识方面，学生对图片背景、文案排版、色彩搭配等基础概念有初步感知，但不了解卖点图的核心定义、设计逻辑及多图组合展示的技巧，对字体选择、颜色值设置、素材适配等专业设计要点的掌握几乎为空白，需要从工具操作到设计逻辑逐步搭建知识体系。认知实践能力1.学生具备基本的逻辑思维和具象化认知能力，能够理解“产品卖点与视觉元素对应”的核心逻辑，通过案例示范和步骤讲解，能够模仿完成基础的设计操作。2.学生的动手操作熟练度不足，对复杂工具（如钢笔工具绘制弧形、文字变形功能）的运用存在困难，且缺乏将产品核心信息（如适用人群、成分优势、技术特点）转化为视觉语言的能力，在创意排版、色彩搭配的合理性判断以及细节优化（如修饰元素添加、图层顺序调整）方面的实践经验较为欠缺，需要通过分步练习和针对性指导提升实践能力。学生学习特点1.学生对直观、具象的实践类课程兴趣较高，更容易接受“案例示范+分步操作”的教学模式，能够快速响应动手实践类任务。2.学生注意力集中时间有限，对过于繁琐的理论讲解容易产生倦怠，更倾向于通过即时操作反馈巩固知识。3.学生个体差异较大，部分学生可能具备简单的图片处理经验，上手较快，而部分学生对专业工具的学习存在畏难情绪，需要分层指导。4.学生对商业卖点图的实际应用场景了解较少，在“以消费者需求为导向”的设计思维方面较为薄弱，需要结合产品实际卖点强化场景化认知，激发学习主动性。（四）教学重难点教学重点掌握卖点图从背景搭建、素材排版、文案设计到修饰优化的完整制作流程，熟练运用矩形、钢笔、文字、画笔等核心工具，以及实现产品卖点与视觉元素的精准匹配。解决措施采用“案例示范+分步拆解”的教学模式，结合桑葚汁三张卖点图的实际案例，逐步骤演示工具操作（如Ctrl+T调整大小、Alt键复制元素、钢笔工具绘制弧形等）和设计要点；提供详细的参数参考（如字体、字号、颜色值），让学生有明确的操作标准；设置阶段性实操任务，针对背景设计、文案排版等关键环节进行专项练习，教师实时巡视指导，及时纠正操作偏差；通过对比三张卖点图的设计逻辑（如目标人群展示、成分优势突出、核心价值分层），帮助学生理解卖点与视觉呈现的对应关系。教学难点灵活运用渐变色、弧形裁剪、文字变形等进阶技巧，实现画面的美观性与创意性，同时建立“以消费者需求为导向”的卖点可视化思维。解决措施针对进阶技巧，制作专项操作微视频，放慢关键步骤（如渐变色设置、钢笔工具绘制选区删除、文字变形调整）的演示速度，配合图文教程供学生反复观看；采用“手把手”指导方式，对操作难度较大的学生进行一对一示范，重点讲解工具属性设置和操作逻辑；通过小组讨论分析案例中“0添加”“NFC技术”等卖点的视觉呈现方式，引导学生思考如何将抽象卖点转化为直观的图形、文字或色彩；设置创意拓展任务，让学生在模仿案例的基础上，尝试调整颜色搭配、修饰元素或排版方式，鼓励学生大胆创新，教师给予针对性的创意点评，强化设计思维的培养。（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情1.卖点图基础认知：明确卖点图的定义、核心功能及多图展示的应用场景；2.工具预习：熟悉设计软件（如Photoshop）中矩形、钢笔、文字、移动工具的基础位置及快捷键（Ctrl+T、Alt复制等）；3.案例分析：提供桑葚汁产品卖点图成品及产品核心信息（适用人群、成分优势、技术特点），引导观察图片与卖点的对应关系。1.发布预习任务包，包含卖点图概念文档、软件工具基础操作视频、桑葚汁产品卖点图案例及思考题（如“卖点图一通过哪些元素展示目标人群？”）；2.解答学生预习中遇到的工具操作疑问，收集共性问题；3.整理学生预习反馈，明确课堂重点讲解方向。1.阅读概念文档，观看操作视频，初步掌握设计工具的基础用法；2.分析桑葚汁卖点图案例，思考思考题并记录观察结果；3.提交预习疑问，与同学互动讨论案例设计逻辑。1.提前铺垫卖点图核心概念与工具基础，降低课堂新知识的接受难度；2.通过案例分析激发学生对卖点可视化的思考，建立“产品卖点-视觉元素”的初步关联；3.收集预习疑问，使课堂教学更具针对性，提升教学效率；4.培养学生自主学习和主动思考的能力，为课堂实操做好铺垫。课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示桑葚汁成品卖点图三张，引导学生观察图片结构、元素及传达的核心信息；2.提问“这些图片如何吸引目标消费者？”“每张图的核心卖点是什么？”；3.明确本节课主题：掌握卖点图从基础到进阶的完整制作流程，能独立设计产品卖点图。1.利用多媒体展示桑葚汁卖点图成品，结合产品核心信息（适用人群、成分、技术）解读图片的商业价值；2.组织学生自由发言，收集观察结果，梳理卖点图的核心功能；3.简要介绍本节课学习目标、重难点及教学流程，激发学生学习兴趣。1.认真观察案例图片，思考教师提问，主动分享观察发现（如颜色搭配、文案重点、元素组合）；2.明确本节课学习任务，结合课前预习感知卖点图设计的实用性。1.通过直观案例展示，让学生快速感知卖点图的视觉效果与商业用途，建立具象认知；2.以提问引发思考，激发学生探索欲，自然过渡到新课教学；3.明确学习目标，帮助学生建立学习预期。新课教学（60分钟）一、卖点图一制作：1.纯色背景搭建与图标素材排版；2.目标人群文案设计（字体、字号、颜色设置）；3.虚线、星星、椭圆形等修饰元素添加。二、卖点图二制作：1.渐变色背景与弧形裁剪；2.素材适配与排版；3.文字变形、色彩对比运用；4.标注形状、白色线条等元素优化画面。三、卖点图三制作：1.复合背景）设计；2.核心文案层级排版（“0脂浓缩桑葚汁”“100%原浆果汁”）；3.NFC技术、原料优势的视觉呈现；4.“排、养、净”三维卖点结构化设计与弧形画布裁剪。1.采用“演示+实操”结合模式，逐步骤演示每张图的制作过程，重点讲解工具操作（如Ctrl+T调整、Alt复制、钢笔工具绘制选区）和参数设置（字体、颜色值、边框大小）；2.实时巡视学生实操情况，针对共性问题（如渐变色设置、文字变形）集中讲解，对个别学生进行一对一指导；3.强调图层管理、卖点与视觉元素的匹配逻辑，引导学生思考设计合理性。1.跟随教师演示，逐步完成三张卖点图的制作，记录关键操作步骤与参数；2.实操中遇到问题及时提问，或与同学交流探讨；3.按要求完成每个环节的设计任务，确保背景、文案、素材、修饰元素符合规范。1.按“基础-进阶-创意”的顺序拆解教学内容，符合学生认知规律，降低学习难度；2.分步演示+实时指导，帮助学生熟练掌握核心工具与操作技巧；3.结合具体案例强化“卖点可视化”思维，让学生理解设计与商业需求的关联。要点总结与价值引领（10）1.梳理卖点图制作核心流程：背景设计→素材排版→文案设计→修饰优化；2.总结关键技术要点：工具操作（矩形、钢笔、文字工具）、参数设置（字体、颜色值、尺寸）、创意技巧（渐变色、弧形裁剪、文字变形）；3.强调设计原则：重点突出、逻辑清晰、美观实用、贴合产品卖点。1.以思维导图形式呈现核心知识点，引导学生回顾总结；2.组织学生分享实操心得，交流遇到的问题及解决方法；3.补充说明商业卖点图的应用场景与优化方向，深化学生认知。1.跟随教师梳理知识点，巩固核心操作与设计逻辑；2.主动分享实操经验与困惑，参与课堂交流；3.记录总结要点，形成系统的知识框架。1.帮助学生梳理零散知识点，形成完整的制作流程体系；2.通过交流分享，强化知识记忆与实操能力；3.拓展商业应用认知，提升学生对课程价值的理解。课后拓展教学环节教学内容教师活动学生活动设计意图课后拓展贯通1.实操任务：选择一款自己熟悉的产品（如零食、饮料、日用品），参考本节课案例，设计3张系列卖点图，突出产品核心优势；2.思考任务：分析一款知名品牌的卖点图设计，总结其优点与可借鉴之处。1.发布课后任务，明确设计要求（如尺寸规范、卖点突出、视觉美观）和提交时间；2.提供产品选择建议与参考案例，鼓励学生大胆创新；3.课后通过线上交流解答学生疑问，收集作业并进行点评反馈。1.自主选择产品，独立完成3张卖点图设计，灵活运用本节课所学技巧；2.查找知名品牌卖点图案例，进行分析总结。1.通过自主设计任务，巩固课堂所学技能，提升学生独立设计能力与创意表达能力；2.案例分析任务培养学生的观察能力与商业设计思维；3.延伸课堂学习，实现知识的迁移与应用，提升教学效果。课后反思授课实效知识目标达成度：能力目标达成度：素质目标达成度：存在不足改进设想注：课程类别填理论课、理实一体课、理论+实践课、实践课。教案2025-2026学年第2学期开课学院：财经商贸学院专业：电子商务课程名称：视觉营销设计授课班级：2025级课程类别：B类课主讲教师：

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目细节图与产品信息图授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标培养学生在细节图与产品信息图设计中注重真实、精准传递产品信息的职业素养，树立以用户需求为核心的设计思维，增强对视觉细节的把控能力和审美感知力，养成规范操作设计工具、严谨排版信息的良好习惯，提升将产品核心价值与视觉呈现有机结合的创新意识和责任意识。知识目标学生能够掌握细节图的定义、核心功能及产品信息图的核心作用；熟练掌握矩形、钢笔、文字、自定义形状等工具的操作方法，明确渐变色设置、弧形裁剪、图层样式、文字变形等关键技术要点；熟知细节图中产品局部展示、数据化文案呈现的设计逻辑，以及产品信息图中核心参数、功能特性的可视化排版规则，理解色彩搭配、修饰元素（线条、图形）在强化信息传递中的适配原则。能力目标1.学生能够独立完成细节图从素材排版、文案设计到修饰优化的完整制作流程，熟练运用投影添加、素材复制排列、数据化文案呈现等技巧突出产品细节与核心优势；2.具备产品信息图的背景设计、核心参数梳理、可视化图表（图标、虚线分隔）运用的实践能力，能够将复杂产品信息转化为清晰、易读的视觉内容；灵活运用渐变色、弧形裁剪、文字变形、自定义形状等进阶技巧，实现画面美观性与信息传递效率的统一，具备针对产品特性设计出逻辑清晰、重点突出、具有说服力的细节图与产品信息图的能力。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析围绕桑葚汁产品的细节图与产品信息图设计制作展开，核心目标是让学生掌握两类图片“精准传递信息、增强用户信任”的设计逻辑与实操技能。内容上先明确细节图（解决网购隔膜感）与产品信息图（简化复杂信息）的定义及核心功能，再按“细节图→产品信息图”的顺序分层拆解教学要点：细节图部分聚焦两张案例图的制作，细节图一重点讲解白色背景搭建、素材复制排列、投影添加及数据化文案（如“300ml≈99颗桑果”）的排版与色彩搭配；细节图二深入教学渐变背景（含不透明度设置）、弧形裁剪、扇形变形与环形文字排版等进阶技巧，突出“鲜采、鲜榨、鲜储”的流程化展示；产品信息图部分则围绕渐变背景与“S”形装饰设计、信息模块搭建（圆角矩形+镂空圆形）、核心参数与功能卖点的分层排版、虚线分隔与自定义形状修饰等展开，强化信息传递的清晰性与视觉美观度。整体教学内容兼顾基础工具操作（矩形、钢笔、文字工具）、专项技术要点（渐变色设置、图层样式、文字变形）与设计逻辑（产品细节/参数与视觉元素的匹配），由浅入深、从单一展示到综合信息呈现，既贴合商业设计实际场景，又满足学生从模仿到应用的技能提升需求。（三）学情分析知识技能基础1.学生已具备计算机基础操作能力，能够熟练使用鼠标、键盘完成文件打开、素材拖拽等基础操作，对设计软件（如Photoshop）的界面和部分基础工具（如矩形工具、移动工具）有初步认知，但对图层样式（如投影设置）、渐变色调整（含色值与不透明度配置）、文字变形、钢笔工具绘制弧形选区等进阶功能的操作较为陌生。2.在视觉设计知识方面，学生对图片排版、文字字体字号调整有简单了解，但缺乏细节图“突出产品局部与数据支撑”、产品信息图“结构化呈现核心参数”的设计逻辑认知，对色彩搭配（如品牌色系适配）、修饰元素（虚线、自定义形状）的运用原则掌握不足，需要系统学习工具实操与设计逻辑的对应关系。认知实践能力1.学生具备基本的具象思维和逻辑分析能力，能够理解“细节图展示产品亮点、信息图传递关键参数”的核心目的，通过案例观察和分步演示，能够模仿完成基础的图片制作操作。2.学生的动手操作熟练度不足，对复杂工具组合运用（如钢笔工具+Delete键裁剪弧形、矩形工具+文字变形制作扇形）容易出现操作失误；缺乏对产品信息的梳理与可视化转化能力，在数据化文案排版、参数模块划分等方面难以兼顾美观性与可读性；3.对细节的把控能力较弱，如素材复制排列的整齐度、文字颜色与背景的对比度调整等，需要通过针对性练习和个性化指导提升实践精准度。学生学习特点1.学生对实践类、可视化强的课程兴趣浓厚，更倾向于“案例展示+分步实操”的教学模式，能够快速响应动手任务，通过即时操作反馈巩固知识。但学生注意力集中时间有限，对过于抽象的理论讲解易产生倦怠，需要结合具体产品案例（如桑葚汁）强化场景化认知。2.学生个体差异明显，部分学生有简单图片处理经验，上手较快，而部分学生对进阶工具操作存在畏难情绪；3.学生对商业图片的实际应用场景（如商品详情页）了解较少，在“以用户需求为导向”的信息传递思维上较为薄弱，需要通过真实案例分析和实践任务激发学习主动性，培养设计的实用性意识。（四）教学重难点教学重点掌握细节图与产品信息图的核心设计逻辑（细节图突出产品亮点与数据支撑、信息图清晰传递核心参数），熟练运用矩形、钢笔、文字等工具完成背景搭建、素材排版、文案设计，以及渐变色设置、投影添加、弧形裁剪、虚线分隔等关键技术操作。解决措施采用“案例拆解+分步演示”教学模式，结合桑葚汁案例，逐步骤展示细节图的素材复制排列、数据化文案排版、投影添加，以及产品信息图的渐变背景与“S”形装饰制作、信息模块搭建、参数分层呈现等操作；提供详细的工具参数参考（如渐变色值、字体字号、不透明度），让学生有明确的操作标准；设置阶段性实操任务，针对背景设计、文案排版等关键环节开展专项练习，教师实时巡视，对共性问题（如扇形变形、弧形裁剪）集中讲解，对个别学生进行一对一指导；通过对比案例成品与操作步骤，强化“信息传递”与“视觉设计”的关联认知。教学难点灵活运用文字变形、扇形组合、弧形裁剪等进阶技巧实现创意呈现，同时兼顾细节图的说服力与产品信息图的信息结构化、可读性。解决措施采用“手把手”示范方式，重点讲解工具属性设置与操作逻辑，帮助学生突破技术瓶颈；引导学生梳理产品核心信息（如原料、参数、流程），通过小组讨论分析案例中“鲜采-鲜榨-鲜储”流程化展示、产品参数分层排版的设计思路，培养信息结构化思维；设置创意拓展任务，鼓励学生在模仿案例的基础上，调整色彩搭配或修饰元素，教师给予针对性创意点评；课后提供答疑渠道，及时解决学生实操中遗留的技术问题，强化技能掌握。（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情1.基础认知：明确细节图的定义、核心功能（消除网购隔膜感、增强信任度）及产品信息图的作用（简化复杂信息、提升传递效率）；2.工具预习：复习矩形、移动、文字工具的基础操作，初步了解图层样式（投影）、渐变色设置、钢笔工具绘制选区等进阶功能的使用逻辑；3.案例分析：提供桑葚汁细节图与产品信息图成品，结合产品核心信息（原料、参数、生产流程），引导观察图片如何通过细节展示、信息排版传递价值。1.发布预习任务包，包含两类图片的概念文档、工具操作基础视频（聚焦投影添加、渐变色设置、弧形裁剪）、案例图片及思考题（如“细节图二用哪些元素展示‘鲜’的特点？”“产品信息图如何划分信息模块？”）；2.通过网络平台解答学生在工具预习、案例分析中遇到的疑问，收集共性问题（如渐变色不透明度调整、扇形变形操作）；3.整理学生预习反馈，梳理课堂需重点突破的知识点与操作难点。1.阅读概念文档，观看操作视频，巩固基础工具用法，初步感知进阶工具的操作逻辑；2.仔细分析案例图片，结合思考题梳理图片的设计思路与信息传递逻辑，记录观察结果；3.在交流群中提交预习疑问，与同学互动讨论案例中的细节设计与信息排版技巧。1.提前铺垫核心概念与工具基础，降低课堂新知识的接受门槛，为实操环节做好准备；2.通过案例分析激发学生对“细节可视化”“信息结构化”的思考，建立“产品信息-视觉呈现”的初步关联；3.收集预习疑问，使课堂教学更具针对性，提升教学效率；4.培养学生自主学习、主动思考的能力，强化对课程实用性的认知，激发学习兴趣。课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示桑葚汁细节图与产品信息图成品，引导学生观察图片核心内容、呈现形式及传递的价值（如产品细节、核心参数）；2.提问“细节图如何消除网购‘摸不到’的顾虑？”“产品信息图比纯文字更有优势的地方是什么？”；3.明确本节课主题：掌握细节图与产品信息图的设计逻辑和实操技巧，能独立完成两类图片制作。1.利用多媒体展示案例成品，结合商品详情页实际应用场景，解读两类图片的商业价值；2.组织学生自由发言，梳理观察结果，强化“细节建立信任、信息简化易懂”的核心认知；3.简要介绍本节课学习目标、重难点及教学流程，激发学生学习兴趣。1.认真观察案例图片，思考教师提问，主动分享发现（如细节图的原料展示、信息图的参数排版）；2.明确本节课学习任务，结合课前预习感知两类图片的实用性。1.通过直观案例展示，让学生快速具象化两类图片的功能与效果，建立初步认知；2.以提问引发思考，激发探索欲，自然过渡到新课教学；3.明确学习目标，帮助学生建立学习预期，提升课堂专注度。新课教学（60分钟）一、细节图制作：1.细节图一：白色背景搭建、桑果素材复制排列、瓶子图层投影添加；数据化文案（“300ml≈99颗桑果”）排版与色彩设置（指定色值）；图形线条修饰添加。2.细节图二：渐变背景制作、钢笔工具弧形裁剪；白色椭圆形底座绘制、渐变矩形变形为扇形并组合；“鲜采、鲜榨、鲜储”环形文字排版与“锁住原浆感”主题文案设计。二、产品信息图制作：1.渐变背景与“S”形装饰设计、弧形裁剪；2.白色圆角矩形+镂空圆形的信息模块搭建；3.核心卖点文案（“0脂肪浓缩桑果汁”等）与产品参数（名称、配料等）排版；4.虚线分隔、自定义形状（说明备