教案-视觉营销设计3 AI设计店招、4 轮播图设计与制作

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

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目AI设计店招授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标秉持品牌契合与创新设计理念，在AI设计中兼顾“小张的店”品牌定位、周年庆氛围与紫色系色调要求，注重细节把控与商业营销思维融合，培养严谨务实、勇于探索的设计素养。知识目标1.掌握京东店招技术规范、核心元素要求2.了解AI设计工具基础功能与店招生成指令编写逻辑3.熟悉紫色系色值应用及AI作品优化要点。能力目标1.能运用AI工具精准生成符合要求的店招，实现元素完整呈现、色彩协调；2.具备AI设计方案筛选、迭代优化及适配商业需求的实操能力。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析本教学内容围绕“小张的店”桑茶京东旗舰店“周年庆”店招的AI设计展开，以京东店招技术规范为基础，紧扣紫色系主色调、品牌Logo、导航条、主营商品、周年庆活动信息等核心要求，整合AI设计工具的应用逻辑与店招制作全流程，既涵盖AI生成指令的精准编写（含尺寸、色调、元素、风格等关键信息）、AI作品的筛选与优化等核心技能，也融入品牌契合、营销氛围营造的设计思维，形成“平台规范-AI工具应用-商业需求适配”的完整知识体系，重点聚焦AI技术与店招设计核心要素的融合，难点在于指令编写的精准度与AI生成效果对品牌定位、活动主题的契合度把控，兼具实操性与商业应用性。（三）学情分析知识技能基础1.具备计算机基础操作能力，对京东等电商平台店招有日常浏览认知，能初步理解店招的展示功能；2.部分学习者可能接触过PS等设计软件的基础操作，但对AI设计工具的功能、指令编写逻辑尚不熟悉；3.对紫色系色值应用、店招核心元素的整合设计知识储备不足，缺乏将商业需求转化为AI设计指令的相关经验。认知实践能力1.具备基本的形象思维和直观认知能力，能通过案例对比理解优质店招的设计标准，对“小张的店”周年庆店招的紫色系基调、核心元素等要求能快速把握，但对AI设计中“需求拆解-指令编写-效果优化”的逻辑链条缺乏深度认知。2.在实践中，学生能跟随指导完成基础指令输入，但自主拆解设计需求、精准编写包含尺寸、色调、元素等关键信息能力较弱，面对AI生成的元素错位、色彩偏差等问题时，独立优化调整的解决能力有待提升。学生学习特点1.以掌握实用技能、解决电商店铺装修实际问题为核心目标，对AI技术赋能设计的新颖形式兴趣浓厚，尤其关注AI工具在提升店招制作效率方面的优势。2.学习过程中，学生更易接受具象化、步骤化的指导，偏好案例演示、实操演练等直观教学形式，对纯理论讲解的专注度较低。3.部分学习者可能因不熟悉AI工具操作而产生畏难情绪，且在指令编写的精准性、设计效果与品牌定位的契合度上缺乏自主把控意识，需要针对性引导与练习。（四）教学重难点教学重点熟练运用AI设计工具生成包含品牌Logo、导航条、主营商品、周年庆活动信息等核心元素，且契合紫色系主色调的店招。解决措施课堂通过案例演示AI工具核心操作流程，采用“示范-模仿-纠错”模式让学习者同步实操；配套核心元素清单与AI生成效果自查表，课后要求提交作品参数截图与设计指令，确保重点内容落地。教学难点实现色彩协调、元素布局合理，以及对AI生成作品的细节优化。解决措施先引导学习者拆解设计需求，针对细节优化，演示AI工具的修图、润色、元素增减功能；建立小组互助机制，鼓励学习者分享指令编写经验与优化技巧，教师针对个性化问题进行一对一指导，通过多轮迭代练习提升指令精准度与优化能力。（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情课前聚焦AI设计店招的核心基础内容，明确京东店招技术规范，梳理“小张的店”周年庆店招需包含的品牌Logo、导航条、主营商品、活动信息等核心元素及紫色系色彩要求，为课堂实操铺垫基础。在学习通发布预习任务清单，明确需掌握的核心参数、需思考的指令编写逻辑，预留线上答疑时段，及时回应学生关于工具操作、设计要求的疑问，确保预习方向清晰。结合“小张的店”周年庆需求，尝试梳理店招设计要点，草拟包含尺寸、色调、核心元素的AI生成指令初稿，记录预习中遇到的工具操作或指令编写疑问，在答疑时段咨询教师。引导学生提前拆解设计需求、尝试指令编写，为课堂实操环节做好思维铺垫；借助案例观摩与疑问解答，激发学习兴趣与自主探索意识，确保课堂能高效，提升教学效率。课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示“小张的店”原有店招与周年庆活动需求，明确店招核心元素；2.引出本次AI设计店招的核心目标与任务。1.讲解“小张的店”周年庆店招的具体要求，强调品牌契合与营销氛围；2.演示AI设计店招的快速生成效果，激发学习兴趣。1.牢记店招的技术规范、核心元素与色彩要求；2.提出对AI设计的疑问，初步构想设计思路。1.让学生清晰掌握设计目标与核心要求，为新课学习奠定方向；2.衔接课前预习，营造主动探索的课堂氛围。新课教学（60分钟）1.梳理AI设计店招核心流程；2.重点讲解指令编写技巧，涵盖尺寸、色调、元素、风格等关键信息的精准表述；3.演示主流AI设计工具的操作，；4.针对“小张的店”周年庆场景进行实操示范，解决常见问题。1.分步演示AI工具操作，结合案例拆解指令编写逻辑，提供指令模板；2.巡视学生实操，针对共性问题集中讲解，对个别学生进行一对一答疑；3.引导学生关注生成效果与品牌、活动主题的契合度。1.跟随教师演示，学习AI工具操作；2.参考资料制作“小张的店”周年庆店招，同步进行实操；3.筛选生成结果，尝试使用AI工具优化细节；4.遇到问题及时求助，完善设计方案。1.遵循“流程讲解-技巧传授-实操示范-同步练习”逻辑，帮助学生掌握核心技能；2.培养学生的实操能力与问题解决意识，确保设计符合规范与需求。要点总结与价值引领（10）1.梳理AI设计店招核心逻辑；2.回顾技术规范关键点与指令编写核心要素；3.总结AI生成效果优化技巧；4.强调设计原则：元素完整、色彩协调、突出主题、契合品牌。1.用思维导图梳理课堂核心内容，带领学生回顾流程与技巧；2.展示学生优秀实操案例与典型问题案例，引导对比分析；3.提出总结性问题，引导主动思考；4.解答课堂遗留疑问，补充优化建议。1.跟随教师梳理知识，完善学习笔记；2.参与案例分析，反思自身设计中的问题；3.主动回应提问，总结指令编写与优化的关键要点；4.记录优化建议，为课后完善作品做准备。1.帮助学生构建系统的知识框架，巩固课堂所学重点；2.通过案例对比，强化对易错点的规避意识；3.培养归纳总结能力，提升知识迁移应用能力。课后拓展教学环节教学内容教师活动学生活动设计意图课后拓展贯通1.优化完善课堂制作的“小张的店”周年庆AI店招，打磨色彩搭配、元素布局与营销信息呈现；2.迁移设计任务：结合淘宝/拼多多平台店招规范，为“小张的店”设计日常店招；1.发布拓展任务清单，明确优化标准与迁移设计要求；2.对优秀作品与典型问题作品进行集中点评，给出具体建议。1.自主优化周年庆店招细节，提升作品专业性；2.查阅新平台店招规范，完成日常店招的AI迁移设计；3.尝试学习动态店招设计思路，拓展设计视野。1.巩固课堂核心技能，提升细节优化与问题修正能力；2.通过迁移设计，培养学生对不同平台规范的适配能力与知识迁移能力；3.拓展设计视野，激发创新思维，为应对多样化电商设计需求奠定基础。课后反思授课实效知识目标达成度：能力目标达成度：素质目标达成度：存在不足改进设想注：课程类别填理论课、理实一体课、理论+实践课、实践课。教案2025-2026学年第2学期开课学院：财经商贸学院专业：电子商务课程名称：视觉营销设计授课班级：2025级课程类别：B类课主讲教师：

一、教学信息（一）授课信息项目名称项目二店铺页面设计授课地点授课题目轮播图设计与制作授课课时2课时（80分钟）授课形式理实一体授课时间月日教学目标素质目标树立以用户需求为导向的设计思维，培养注重细节、规范操作的职业素养，增强审美感知与创意表达能力；体会设计与商业需求的结合价值，形成主动关注热点、持续优化作品的积极态度，提升团队协作与精益求精的工匠精神。知识目标1.掌握电商店铺轮播图的核心设计原则（突出主题、清晰美观、尺寸格式规范等），理解轮播图在电商场景中的定位与作用；2.熟知轮播图常规尺寸规范要求；3.了解Photoshop中背景设计、图层样式设置、文字排版、素材处理等关键操作的原理，明确轮播图内容排序、更新频率及商业化平衡的相关知识。能力目标1.能够熟练运用Photoshop软件完成轮播图的背景创建与优化、商品素材的导入与布局、文案设计与排版及功能按钮制作等全流程操作；2.具备根据店铺主题与产品特点，独立设计符合平台规范、主题突出、美观实用的轮播图的能力；3.能够结合热点与用户需求，对轮播图内容进行合理排序与优化调整，提升作品的吸引力与转化潜力。使用教材教材选用《视觉营销设计（AI版》，是校企双元合作教材，由练金、吴若愚、刘莉主编，高等教育出版社出版。教学资源1.用于辅助学习的i博导平台网店视觉营销设计课程：/course/664eb84ebdf30/catalog；2.实训资源：电商综合实训室、AI工具、Photoshop软件、课程素材。（二）教学内容分析围绕电商店铺轮播图的设计与制作展开，紧密贴合电商场景下的实际应用需求，兼具理论指导性与实操性。内容结构清晰，先明确轮播图在电商首页的核心定位与提升店铺形象、吸引用户、提高转化率的核心价值，系统阐述了突出主题与内容、清晰美观、尺寸格式规范等设计原则，以及内容排序、定期更新、平衡商业化等实用要点，为实操奠定理论基础；随后以“夏季桑果汁新品”为案例，详细拆解了轮播图制作的全流程，从Photoshop软件中950像素×500像素规格的背景创建、商品素材的导入调整与图层样式设置，到文案的字体、字号、颜色搭配与排版，再到“立即购买”能按钮的设计，每个步骤均明确工具使用方法、参数设置标准及效果要求，同时辅以图示直观呈现关键环节成果，既覆盖了轮播图设计的核心知识，又强化了软件操作、创意落地、商业与审美结合等实操技能，能有效帮助学习者掌握符合平台规范、兼具吸引力与转化力的轮播图制作能力。（三）学情分析知识技能基础1.具备基础的计算机操作能力，熟练打开、关闭软件及管理文件，了解图片、文字等基本元素的概念；2.对Photoshop软件有初步认知，知晓图层、工具栏等基础界面布局，掌握简单的鼠标拖拽、快捷键使用等操作；3.具备基本的审美认知，能够辨别图片的清晰与否、色彩搭配的合理性，了解电商平台的基本功能，对店铺轮播图有初步的视觉接触经验，为后续学习设计原则与实操步骤奠定基础。认知实践能力1.学生处于具象思维向抽象思维过渡的阶段，能够理解轮播图“吸引用户、提升转化”的核心作用，对“主题突出、尺寸规范”等具体设计要求的接受度较高，但在将审美需求与商业目标结合、灵活调整设计细节方面存在不足；2.在自主优化背景层次感、合理布局商品与文案、设计醒目功能按钮等创造性环节，需要进一步引导，且对软件工具的灵活运用和问题排查能力有待提升。学生学习特点1.学生对动态化、实用性强的学习内容兴趣浓厚，轮播图作为电商场景中的常见元素，其“即学即用”的特点能有效激发学习积极性；2.偏好直观化、步骤化的教学方式，图示、实操演示等比纯理论讲解更易被接受；3.学习过程中善于模仿，但自主创新意识和细节把控能力较弱，容易出现忽视图片尺寸限制、文字排版杂乱、色彩搭配不协调等问题；4.对新鲜事物的关注度高，能够快速响应热点相关的设计需求，但在持续优化作品、平衡商业化与美观性等方面缺乏耐心，需要通过明确的目标引导和及时的反馈激励保持学习动力。（四）教学重难点教学重点1.熟练运用Photoshop完成轮播图全流程制作，关键操作包括背景创建与优化、商品素材导入与图层样式设置、文案排版及“购买按钮”设计。2.实现轮播图主题与视觉元素的契合，确保色彩搭配、素材布局、文案表达与产品特点高度匹配。解决措施1.通过“理论讲解+案例分析”结合的方式，展示符合原则的优秀轮播图与反例，对比突出主题突出、尺寸规范等核心要求；2.对于Photoshop实操环节，采用“分步演示+实时指导”模式：教师通过屏幕共享逐步骤演示背景填充、图案填充、钢笔工具绘制弧形提亮、素材投影设置、文案参数设置等操作，同步强调快捷键的使用；3.为达成主题与视觉的契合，以“夏季桑果汁”案例为核心，引导学生分析紫色主色调与“清凉”主题的关联、绿色按钮与“健康”属性的呼应；4.要求学生在设计前明确产品核心卖点，围绕卖点选择素材、搭配色彩，教师对初稿进行点评，提出优化建议，强化主题与视觉的关联性。教学难点1.灵活运用设计原则平衡审美性与商业性，避免轮播图过度商业化或信息传达不清晰。2.掌握Photoshop中背景层次感塑造、素材投影参数精准调整等细节操作，确保作品视觉效果协调。3.实现文案与素材、背景的排版优化，避免文字过多或位置不当影响整体美观，同时保证信息传达高效。解决措施1.针对审美与商业性平衡的难点，开展“分组讨论+案优化”活动：提供过度商业化、信息模糊的轮播图案例，让学生分析问题并提出修改方案；要求学生在设计时列出核心商业信息与审美需求，教师引导学生筛选关键信息，合理分配视觉权重，避免冗余内容；展示优秀案例中“轻度商业化+强审美”的设计思路，总结可复用的方法。2.对于Photoshop细节操作难点，采用精准演示+分步练习+参数参考”的方式：教师放大演示图案填充的“缩放”数值调整、钢笔工具绘制弧形的节点控制、投影效果中“不透明度”“距离”等参数的调试过程，明确合理参数范围；设置专项练习任务，让学生单独练习背景优化、投影设置等环节，完成后提交作品，教师逐一标注问题（如层次感不足、投影过浓）并指导修正；提供文档中明确的颜色值、字体参数等，降低操作误差。3.为解决排版优化难点，引入“视觉层级设计”思路：讲解文案优先级排序，结合文档案例中的字体大小搭配进行示范。（五）教学方法教法教学案例法、任务驱动法、情境教学法学法小组讨论、自主探究、头脑风暴法二、教学过程课前活动教学环节教学内容教师活动学生活动设计意图自主学测、反馈学情1.预习电商轮播图的核心设计原则及在电商场景中的作用；2.熟悉本次案例“夏季桑果汁新品”轮播图的制作需求，明确主题、核心元素。1.推送优秀电商轮播图案例，标注案例中符合设计原则的细节；2.设计预习任务单，包含“轮播图设计原则有哪些”“本次案例画布尺寸及主色调是什么”“Photoshop中调整图片尺寸的快捷键是什么”等基础问题；1.分析优秀轮播图案例，思考案例如何体现“主题突出”“清晰美观”等原则，对比自身对轮播图的认知；2.完成预习任务单，记录预习中遇到的困惑，通过线上渠道向教师提问。1.通过优秀案例赏析，帮助学生建立对优质轮播图的直观认知，强化设计原则的理解，激发创作兴趣；2.借助任务单和答疑环节，引导学生主动思考、发现问题，培养自主学习能力，同时让教师精准把握学生的知识盲区，使课堂教学更具针对性；课堂实施教学环节教学内容教师活动学生活动设计意图导入新课（10分钟）1.展示优秀电商轮播图案例与劣质案例，对比分析轮播图在电商中的作用；2.引出本次课程主题——“夏季桑果汁新品”轮播图设计，明确学习目标。1.利用多媒体展示案例，引导学生观察并提问“优秀轮播图为什么能吸引注意力？”“劣质轮播图存在哪些问题？”；2.结合案例讲解轮播图的核心价值，点明本次课程需完成的设计任务及关键要求。1.认真观察案例，积极参与讨论，分享对轮播图的直观感受；2.明确轮播图的实际应用意义，了解本次课程的学习重点与目标。1.通过案例对比激发学生兴趣，让学生直观感知轮播图的设计差异；2.快速切入主题，帮助学生建立“设计服务于商业需求”的认知，为新课学习铺垫。新课教学（60分钟）1.轮播图设计原则详解（突出主题、清晰美观、尺寸格式规范等）；2.Photoshop实操全流程教学：背景创建与优化、商品素材添加与图层样式设置、文案设计与排版、购买按钮制作；3.设计细节优化（色彩搭配、元素布局与主题的契合度）。1.结合文档中的设计原则，搭配案例逐一讲解，重点标注尺寸参数、颜色值等关键信息；2.采用“分步演示+实时讲解”模式，通过屏幕共享演示Photoshop操作，强调工具使用方法、快捷键及参数设置技巧，同步展示文档中的步骤图示；3.针对实操难点进行反复演示，及时解答学生疑问；4.引导学生分析案例中紫色主色调、绿色按钮与“清凉、健康”主题的关联。1.认真记录设计原则及关键参数，跟随教师演示熟悉Photoshop工具操作；2.按步骤进行实操练习，遇到问题及时向教师或同学请