学习情境二 设计吸引眼球的海报

学习情境二设计吸引眼球的海报PAGE8任务一海报策划（一） 一、教学目标1.知识目标（1）了解网店海报的基础理论知识。（2）掌握海报尺寸规范（淘宝/京东/拼多多）。（3）熟悉海报风格分类（实用型/设计型）及设计流程。2.技能目标（1）具备策划网店海报设计框架的思维；（2）能够根据任务单进行需求沟通、风格确定、组成元素规划；（3）能独立完成海报策划表。3.情感目标（1）设计内容诚信经营、不夸大宣传，传达绿色低碳环保意识；（2）保持学习、培养审美能力，培养工匠精神与精益求精的态度。二、教学内容分析网店海报（Banner）是店铺装修的核心视觉模块，用于展示产品、促销活动或品牌形象。本任务从海报含义、意义、不同平台尺寸切入，结合实用型/设计型风格案例（极简、三维、合成等），并深度讲解海报四大组成要素：产品或模特、文案、背景、装饰。教学重点：1、海报规范2.风格分类与组成要素教学难点：1、根据产品特点合理选择风格并提炼卖点转化为视觉元素2、注重诚信与真实宣传三、教学过程设计教学步骤教师活动学生活动设计意图1.创设情景引入课题展示两张店铺首页海报（普通vs全屏轮播），提问：哪一张更能吸引点击并快速传递新品信息？引出海报设计的重要性。观察对比，扮演买家，说出感受并讨论。通过对比反差激发兴趣，明确海报引流价值。2.新课讲解讲解海报含义及意义（Banner展示产品信息/促销/品牌）；不同平台尺寸（表2-1，淘宝电脑端1920×自定义，手机端1200×自定义）。海报风格分类：实用型（极简、扁平、写实、复古、摄影）与设计型（合成、三维、酷炫、手绘）；结合图2-2～图2-10演示风格案例。海报组成四要素：产品/模特（精修+放大）、文案（主副标题）、背景（拍摄/自制/合成）、装饰（烘托氛围）。结合图2-11～图2-18讲解。1.观看教师展示的6张不同Banner，快速判断每张主要承担的任务。2.角色扮演。3.

总结分享角色扮演降低认知门槛，同时培养“设计服务于商业目标”的意识3.风格与元素探究组织小组讨论：分析茶花随手杯任务单（尺寸1920×540，大气简约，年轻群体），引导学生确定三维风格，主色蓝色，文案“便携随行”。小组完成策划表：确定风格、产品图、文案、背景、装饰素材。培养需求分析与策划思维。4.小试身手：空气炸锅海报制作提供素材，要求学生完成背景+产品+装饰+文案的简易海报制作，巡回指导。实操Photoshop，完成小作品并上传平台。初步体验海报元素组合，激发创作欲。5.同步实训：小家电海报策划发布小熊蒸煮饭盒促销海报策划任务（产品资料、促销价99元、活动时间），指导学生使用思维导图完成风格及组成元素。独立撰写策划框架，提交风格与元素表格。迁移能力，针对不同类目独立策划。6.素养总结强调诚信经营、遵守平台规则，培养审美与工匠精神，介绍AI精修工具（像素蛋糕等）提升效率。记录素养要点，分享对绿色设计的理解。融入职业素养与数智赋能理念。学习情境四打造高转化的详情页PAGE8任务二海报设计 一、教学目标1.知识目标（1）掌握网店详情页的设计流程。（2）掌握网店详情页的策划。2.技能目标（1）能正确制作出详情页策划思维导图。（2）能根据详情页策划思维导图制作布局图。3.情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析二、教学内容分析本任务为海报设计的核心环节，涵盖素材选择（高清产品图、高质量背景）、五种经典构图形式、色彩搭配方案以及文案排版与美化技巧。重点培养学生将策划转化为视觉作品的能力；难点在于根据商品风格灵活运用构图与点缀元素，避免信息过载或点缀喧宾夺主。同时融入AI艺术字、AI精修等数智赋能手段提升效率。教学重点：1、培养学生将策划转化为视觉作品的能力。教学难点：1、根据商品风格灵活运用构图与点缀元素，避免信息过载或点缀喧宾夺主。三、教学过程设计教学步骤教师活动学生活动设计意图1.情景引入展示左右构图与混乱排版对比图，引出构图美感的重要性。对比分析，说说哪种更易阅读。直观感受构图秩序感。2.新课讲解①素材选择：花瓣网、摄图网等；②构图：左右/居中/上下/对角线/几何（结合图2-20~2-24）；③色彩搭配：提取主体色，同类色柔和，互补色强烈，主辅点6:3:1原则（图2-25~2-26及表2-2）；④文案排版：亲密、对齐、重复、对比原则（图2-27~2-32）；⑤文案美化：渐变、描边、底纹；⑥细节点缀：手绘、光效、流体等，强调烘托主体与风格一致（图2-34及表2-3）。1.选择素材2.确定构图3.美化文案增强学生技法，熟悉设计构图的方法。3.小试身手（配色+排版）布置男装海报配色练习（表2-3配色）和童装海报文案排版练习。独立完成配色与排版，互评优化。强化配色与排版实战能力。4.任务实施（茶花随手杯设计）演示PS制作全流程：新建1920×540→左右构图→邻近色搭配（天蓝渐变）→文案居中对齐、渐变描边→添加小球/棕榈叶点缀，展示投影与质感。跟随步骤完成海报初稿，完善细节。串联知识，形成完整设计能力。5.同步实训：小家电海报设计发布小熊蒸煮饭盒促销海报设计任务（1920×540，促销价99元，中秋节氛围），指导学生独立设计。独立完成海报并提交psd文件，阐述设计思路。检验迁移能力与创意表现。6.工匠精神&绿色低碳总结设计细节打磨的重要性，介绍AI工具（堆友AI艺术字、即梦等）减少资源浪费，符合绿色设计。分享使用AI工具提高效率的体会。塑造职业素养与可持续设计观。

任务三海报上传 一、教学目标1.知识目标（1）了解全屏海报、轮播海报、动态海报的特点与尺寸规范；（2）掌握电脑端/手机端海报上传流程；熟悉第三方工具生成全屏代码。2.技能目标（1）能够将设计好的海报通过旺铺智能版或图片轮播模块上传；（2）会使用“一秒钟美工助手”生成全屏代码并应用到店铺；（3）能够设置手机端轮播图跳转链接。3.情感目标（1）诚信经营，确保海报内容真实合规；（2）尊重知识产权，使用正版素材；（3）培养严谨细致的发布习惯，维护店铺形象。二、教学内容分析本任务涵盖三种常见呈现方式：全屏海报（1920×≤540）、轮播海报、动态海报。详细讲解电脑端通过“图片轮播”和“全屏宽图”模块上传，以及利用“一秒钟美工助手”生成代码添加自定义区；手机端则通过手机店铺装修添加轮播图海报模块并设置链接。教学重点为不同端口的实操上传方法，难点在于全屏代码生成与手机端高度适配。教学重点：1、不同端口的实操上传方法。教学难点：1、全屏代码生成与手机端高度适配三、教学过程设计教学步骤教师活动学生活动设计意图1.情境引入展示一个全屏海报首页和普通轮播首页，提问“设计好的海报如何放置到店铺中？”，激发上传学习兴趣。思考并分享自己知道的后台上传方式。明确上传任务的必要性。2.新课讲解①全屏海报与轮播海报特点对比（图2-41~2-42）。②电脑端轮播：千牛卖家中心→PC店铺装修→图片轮播模块→上传图片+链接；全屏宽图模块直接上传。③全屏代码法：图片空间复制链接→一秒钟美工助手生成代码→自定义区源码粘贴发布（图2-48~2-53）。④手机端装修：手机店铺装修→轮播图海报模块→上传宽1200px图片→设置跳转链接（图2-54~2-56）。对比全屏海报与轮屏海报。联系电脑端轮播图练习全屏代码法练习手机端装修引导学生从视觉冲击力、信息承载量、用户视线路径、使用场景四个维度自主归纳两种海报的差异3.小试身手布置两个微任务：①上传两张轮播海报到电脑端；②使用一秒钟美工助手生成全屏代码并成功发布首页全屏海报。分组操作，截图上传效果。实战巩固上传技巧。4.任务实施（茶花随手杯全屏上传）带领学生使用旺铺智能版“全屏宽图”模块上传已完成的茶花随手杯海报，保存发布并查看前台效果。跟随步骤上传