学习情境三 主图策划与设计

任务一主图策划与设计一、教学目标（一）知识目标1.了解主图的制作要求、设计规范及主要类型。

2.掌握主图的设计要点及组成元素。（二）技能目标1.能根据商品特点筛选和美化主图商品图。

2.能够掌握主图的设计流程并完成主图的设计与制作。（三）情感目标1.培养学生分析和处理、使用数据的能力。

2.培养学生积极思考、大胆探索，从数据中挖掘信息的能力。

3.培养学生自主学习、协助学习的能力。二、教学内容分析商品主图的质量对于吸引买家兴趣、促使其点击进入详情页具有决定性作用。一张高质量的主图，能够迅速吸引买家眼球，准确传达商品的核心特点和优势，从而提高点击率和转化率。掌握主图的规范化设计流程与技巧是美工和运营人员的重要技能。（一）教学重点：1.主图的规范与类型。2.主图的设计要点与组成元素。3.主图的设计流程。（二）教学难点：1.图的差异化设计。2.图信息分层的实际操作。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示同一款商品（如随手杯）的两组不同主图对比图，提问：作为消费者，你更容易被哪组图吸引并点击？为什么？观察对比组图，以买家视角进行分析和选择，并简述理由。通过视觉对比，直观感受主图质量对点击欲望的影响，引出主图策划与设计的重要性。2.新课讲解1.主图的规范与类型

（1）主图规范：讲解电商平台常见主图尺寸（1:1，3:4，2:3）的规格要求（尺寸、大小、张数、格式）及应用场景（PC端、移动端）的差异。（2）主图类型：讲解5张主图的不同分工：

第1张（首图）：吸引点击，展示商品全貌与核心吸引力。

第2张：突出核心卖点或功能。

第3张：展示商品细节（材质、做工等）。

第4张：提供证明（销量、质保、买家反馈等）。

第5张：一般为白底图（部分类目为促销信息）。2.主图的设计要点与组成元素（1）设计要点：突出产品、色彩搭配和谐、简洁明了、清晰度高、与品牌一致、具有创新性。（2）组成元素：

商品主体：要求高清、突出、角度合适、无水印。

氛围背景：简洁、营造舒适氛围、突出品牌。卖点文案：提炼产品效用、价格优惠、赠品、服务承诺等关键信息进行分层展示。记录主图规范的具体数值要求。思考不同类型主图应如何布局内容，与详情页模块有何联系。根据设计要点，分析优秀案例。学习商品、背景、文案三大元素的组合与排版技巧。让学生掌握主图设计的“硬性规则”和“内容规划”，为后续制作打下理论基础。系统性地了解构成一张好主图的视觉与信息要素。3.小试身手分析荔枝主图的案例图：登录淘宝网搜索荔枝产品的主并把设计效果好的商品5张主图各保存作为案例图，分析该图片的优点和需要优化的地方。

查找主图并分析其优点和需要优化的地方。通过对各个网店的同类产品的详情页对比，得出优秀的详情页优在哪里。4.新课讲解3.主图的设计思路与流程

（1）设计思路：前期调研：通过市场分析（百度指数等）明确目标人群与消费偏好。

选构图：介绍左右构图、上下构图、对角线构图等常用方式。添加卖点文案：使用简洁明了的文字快速传达产品关键信息。

差异化设计：讲解背景颜色、拍摄角度、使用场景、模特表现等方面的差异化策略。信息分层：明确主图中各信息（商品主体、营销信息、品牌信息）的展示优先级和布局规划。理解从市场分析到视觉呈现的完整策划链条。重点思考并讨论如何为指定商品寻找“差异化”突破口。尝试为一个商品草图进行简单信息分层规划。引导学生从“随意做图”转向“有策略、有流程的设计”，提升设计的针对性和有效性。掌握实现主图脱颖而出的核心方法。5.学生实训布置任务：设计制作小家电的主副图任务要求：1.根据主图制作的要求，从提供的商品素材中选择5张主图并确定主图类型。2.使用Photoshop将主图尺寸调整为800x800px，jpg格式。3.通过调整主图图片的亮度和曝光度进行基础美化，使其清晰明亮。4.第1张主图要有吸引眼球的背景、文案和促销信息，品牌logo。5.第2—4张主图主要展示产品的功能、细节、证明，在左上角要有品牌LOGO。6.第5张为白底图。按照任务要求完成：选图→裁800×800jpg→校光→首图创意合成，2-4图功能/细节/证明+logo，5图白底抠图，一次输出五连图。在“先合规后创意”思路下，让学生经历卖点提炼、平台规范、光影优化、流量抓眼、信任前置、规则保底六环节，完成可直接上架的高点击五连主图。6.课后小结总结本节课重点：主图规范与类型、主图设计要点与流程、差异化设计与信息分层。回顾并复述核心知识点，明确自己已掌握和待加强的部分。巩固记忆，梳理知识体系。任务二主图视频策划与制作一、教学目标（一）知识目标1.了解主图视频的规范、类型及内容要求。2.掌握主图视频的策划方法与脚本撰写。（二）技能目标1.能根据商品特点撰写主图视频的分镜头脚本。

2.能够利用剪映等软件进行主图视频的后期剪辑。（三）情感目标1.培养学生分析和处理、使用数据的能力。

2.培养学生积极思考、大胆探索，从数据中挖掘信息的能力。

3.培养学生自主学习、协助学习的能力。二、教学内容分析主图视频是商品主图的动态延伸，能够更生动、立体地展示商品外观、功能、使用场景等，有效降低信息获取门槛，提升停留时长和转化率。一段高质量的主图视频需要前期精心策划与后期专业剪辑相结合。（一）教学重点：1.主图视频的内容策划与脚本撰写。2.主图视频的后期剪辑流程。（二）教学难点：1.分镜头脚本的撰写。2.视频节奏把控与音画配合。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题播放几段不同风格的同类商品主图视频（如功能演示、场景展示、用户评价）。提问：哪段视频让你对商品印象最深？为什么？它能解决你哪些购物疑虑？观看视频，对比分析不同视频的内容侧重点、节奏、表现手法及其带来的不同感受。通过动态视频的直观冲击，引导学生思考视频相较于静态图片的信息增量，认识主图视频的重要性。2.新课讲解主图视频的规范、类型与策划

（1）规范与类型：规范：讲解视频时长（建议5秒—1分钟）、比例（1:1，3:4，16:9）大小、格式等通用要求。小试身手：分析淘宝主图视频的存在问题登录淘宝网搜索小家电的主图视频，并把这些主图视频按照主图视频具体规范一一对比，找出它们是否规范，并把欠缺的点列出来。

（2）主图视频的类型：介绍商品亮点展示、功能演示、场景化展示、品牌宣传、用户评价等常见类型及应用场景。（3）内容策划与脚本撰写：

内容要求：讲解“三讲”（讲外观、讲名称、讲卖点）和“两用一教”（真人用、场景用、教知识）不同层级的要求。

脚本撰写：重点讲解分镜头脚本的撰写，包含镜号、景别、镜头运动、时长、画面描述、台词/字幕、音效等要素。演示如何从“引发兴趣→展示卖点→解决痛点→促成信任”的消费心理流程来规划视频内容和节奏。记录主图视频制作的基本“铁律”。思考不同类型视频适合何种商品。学习并理解优质内容的标准。学习分镜头脚本的格式，并尝试口头规划一段简单的视频内容。让学生明确主图视频制作的物理边界和内容方向。掌握视频策划的核心工具，使视频制作从“随意拍摄”变为“有目的、有计划的内容创作”。3.小试身手策划并撰写智能手表主图视频分镜头脚本：请打开学习情境三中小试身手素材，为一款智能手表制作一个主图视频，该视频旨在展示手表的多功能性和时尚设计。请选择一个场景（如智能手表的日常佩戴场景），并撰写一个分镜头脚本，脚本中包括镜号、景别、画面描述和台词等关键要素。小组讨论并撰写分镜头脚本。通过小组合作，学会撰写分镜头脚本。4.新课讲解主图视频的后期剪辑

以“剪映”软件为例，讲解主图视频剪辑的核心流程与技巧：

1.导入与裁剪：导入素材，进行分割、删除、排序、变速调整等基础剪辑。

2.转场与节奏：添加合适的转场效果，控制转场类型和时长（建议不超过3种，0.5秒左右），使画面过渡流畅。3.添加文本：添加字幕，强化关键卖点信息。可运用花字、文字模板增加视觉效果。

4.添加音频：添加背景音乐和音效，音乐风格需与产品及视频调性匹配，优先选择无版权风险的纯音乐。

5.特效与滤镜：合理使用特效（光影、模糊等）和滤镜，提升画面质感，但要避免过度使用影响产品真实性。跟随讲解，熟悉剪映软件的基本操作界面。重点关注如何通过剪辑控制视频节奏、如何通过字幕和音乐强化信息传递。学习将前期策划的脚本转化为最终成片的落地工具和步骤，掌握视频剪辑的基本功。5.学生实训任务名称：小家电主图视频策划与剪辑

任务要求：

1.研究竞争对手的主图视频，找出差异化的点。2.分析当前市场趋势，确定主图视频的主题。3.确定主图视频的具体内容，并完成脚本撰写。4.导入原视频素材到剪映软件。5.进行视频剪辑，包括裁剪、调整速度、排序和拼接。6.添加音乐、音效和字幕，调整音量和字幕效果。7.应用特效和滤镜，增强视频的视觉效果。8.预览视频，并以MP4格式导出。分组或个人完成从视频策划（脚本）到后期制作的全流程。可以尝试使用AI工具辅助生成脚本创意或画面提示词。完整实践主图视频的制作全流程，将策划与剪辑技能相结合，产出可用的视频作品。6.课后小结总结本节课重点：主图视频内容策划、分镜头脚本撰写、后期剪辑流程（剪映基础操作）。回顾并复述视频制作的核心步骤，分享在脚本策划或剪辑中遇到的难点和解决方法。巩固知识，分享实践经验，促进共同进步。任务三主图与主图视频上传一、教学目标（一）知识目标1.了解淘宝平台图片空间和视频空间的功能与管理。

2.掌握主图及主图视频上传到商品页面的完整流程。（二）技能目标1.能够将制作好的主图与主图视频文件，规范地上传至图片空间和视频空间。

2.能够完成在商品发布/编辑页面，正确添加主图与主图视频的操作。（三）情感目标1.培养学生分析和处理、使用数据的能力。

2.培养学生积极思考、大胆探索，从数据中挖掘信息的能力。

3.培养学生自主学习、协助学习的能力。二、教学内容分析主图与主图视频设计制作完成后，最终需要上传至电商平台并关联到具体的商品链接，才能真正发挥作用。了解平台的素材管理工具（图片/视频空间）和商品信息发布流程，是网店装修与运营的必备环节。（一）教学重点：1.图片空间与视频空间的使用。2.商品发布页面上传主图与主图视频的操作步骤。（二）教学难点：1.素材的分类管理与规范化命名。2.不同比例视频上传入口的识别与选择。三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题提问：如果设计好的10张主图和3段视频，直接杂乱地存放在电脑桌面，当需要为多个商品上架或更新时，会遇到什么问题？如何高效管理这些素材并确保能快速找到？思考并回答，可能遇到的问题包括：文件混乱、难以查找、占用本地空间、与平台无法直接关联等。引出平台官方素材管理工具（空间）的必要性，强调规范化素材管理对提升工作效率的重要性。2.新课讲解1.素材空间管理

（1）图片空间：登录千牛卖家中心，进入路径（素材中心－〉我的图片）。讲解其功能：存储、分类、简单编辑（裁剪、水印）、查看引用情况、跨店授权等。（2）视频空间：登录路径（素材中心-〉我的视频）。讲解其功能：上传、审核状态查看、分组管理、投放公域等。强调视频需要审核通过后才能使用。2.上传流程与操作模拟演示在“商品发布”页面（或编辑现有商品）的操作：

（1）上传主图：在“图文描述”区域，找到“1:1主图”或“3:4主图”上传入口，从“图片空间”按顺序选择已上传的5张主图。

（2）上传主图视频：在“图文描述”区域，找到“商品视频”或“主图视频”上传入口，可选择“上传视频”或从“视频空间”选择已审核通过的视频，并完成视频分类标签的选择（如宝贝展示、使用方法等）。

（3）提交信息：检查无误后，点击“提交宝贝信息”完成发布或更新。跟随演示，理解和记忆进入图片/视频空间的操作路径。重点观看并记录在主图与主图视频上传时的具体点击位置、选择方式和分类标签的填写。让学生直观了解平台后台的具体操作界面和步骤，将本地设计与线上发布无缝衔接。3.学生实训任务名称：将设计好的5张小家电主图以及1个主图视频上传到淘宝店铺中。

任务要求：

1.将任务一设计好的5张小家电主图，规范命名后上传至图片空间的指定文件夹。

2.将任务二制作好的主图视频，上传至视频空间，等待并确认审核通过。

(*注：若无真实店铺，此步可简述为“模拟上传至指定文件夹”）

3