（中职）网店装修（第二版）学习情境二教案

1、（中职）网店装修（第二版）学习情境二教案（中职）网店装修（第二版）学习情境二教案 PAGE 2（中职）网店装修（第二版）学习情境二教案任务一 海报文案 一、教学目标1、知识目标（1）了解海报文案的基础理论知识。（2）明白海报文案的模块组成。2、技能目标（1）能正确理解海报文案的作用。（2）能熟悉海报文案的制作方法3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内

2、容。教学重点：1、海报尺寸的规范。 2、海报的主题分类。 3、海报文案的结构。教学难点：1、海报文案的编写。 2、海报文案主题定位。三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题展示两个不同海报图，看了这后，哪张海报文字内容会吸引你？为什么？看展示的海报图，角色为买家，会买哪个？由对比反差引出海报的重要性2、新课讲解一、海报的常见尺寸1、首页全屏海报宽：1440px/1680px/1920px、高：300px700px2、自定义页面普通海报宽：C店950px（B店990px）、高：400px600px3、宝贝详情页中的海报宽：C店750px(B店790px）、高：200p

3、x400px二、海报的主题1、店铺宣传店铺宣传海报是以宣传店铺品牌为主的海报设计，旨在提升店铺形象、优化店铺结构等。2、商品宣传 商品宣传海报指的是以某件或多件商品为主的海报设计，又可分为新品型海报、热卖型海报、促销型海报。3、品牌宣传 品牌宣传海报旨在宣传品牌，提升品牌形象。4、会员宣传 会员宣传主要有会员换购、会员日等。三、海报的文案1、文案的设计过程一般要经过4个层级：战略层、感受层、内容层、表达层通过海报了解哪个内容属于这四类层级。2、海报中的文案可分：主标题、副标题、正文通过海报可以看出主标题：全网通标题：小米NOTE新品首发2099正文：同时支持联通、联通、电信4G网站8月3日中午

4、12点，晚上8点开售。了解电脑端宝贝描述规范能熟悉海报主要由哪些模块构成，每个模块的内容可为哪些？能熟练分清哪个属于分案的层级和文案分类让学生先行了解电脑端详情的基本知识让学生对海报的整体组成模块有系统的了解，便于后面的策划学生通过案例分析出层级和海报文案分类4、学生实训在淘宝网上去查找随手杯的海报，至少10款，写出海报内文案的层级和文案分类。查找海报通过对各个网店的同类海报对比，得出优秀的海报文案在哪里5、课后小结本节课要掌握的重点：了解海报的主题2、海报文案的分类明白本节课自己要掌握的知识点 PAGE 9任务二 海报设计一 一、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的

5、主题确定与构图。2、技能目标（1）能正确设计出海报排版。（2）能根据海报内容进行构图3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报构图的布局。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为哪个部分是决定海报最重要的东西？为什么？让学生说出自己理解的海报重要部分强化详情的前期设计很

6、重要2、新课讲解一、海报设计素材选择1、需求沟通。2、确定产品特点举例海报中的护肤乳，主要的特点就是有一定花香的元素，还有就是一个清新淡雅的元素。3、确定风格。1）简约风格。就是简单而有品位，以简洁的表现形式满足人们对画面感性的、本能的需求。主要以白、黑的纯色为主，一般用到生活用品类和高端品牌。2）可爱风格。是以卡通、可爱的元素构建的风格。会用到鲜艳的颜色，主要用在母婴或者是食品类。清新风格。是一种以清新唯美、随意创作风格见长，深受女孩喜爱，是秉承淡雅、自然、朴实、超脱、静谧的特点而存在着的。主要以浅色系为主。科技风格。是具有科幻效果的风格体现。这种风格偏多男性喜欢。科技风格主要是以蓝色、黑色

7、为主色调的居多。而元素的使用更是多样，会利用比较尖锐的几何图形、线条和光线的应用。主要应用在运动类或者是电器类。4、主体图的选择。（1）清晰。（2）饱满。（3）立体感、重量感。分析海报的内容二、海报的构图（一）左右构图。左右构图是指把产品和主题文案左右摆放。整张海报第一眼看到的是产品，第二眼看到的是主文案，其次才是渲染环境的元素。（二）上下构图。上下构图是指把产品和主题文案上下摆放。 （三）居中构图。居中构图是指把主题文案放在中间位置，产品放在两边。 （四）几何形构图 。（1）圆形构图法 （2）三角形构图法（3）菱形构图法 （4）矩形构图法（5）梯形构图法 熟悉海报的设计流程，要懂得每一步的作

8、用和内容熟练掌握海报的构图。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训1、找出不同风格的海报，标注海报的风格和构图方式。2、根据海报的作品内容进行自行排版。根据上面的知识点，完成海报的构图。通过此任务的完成，懂得如何进行海报构图。5、课后小结本节课要掌握的重点：详情页的设计流程2、详情页的策划书的撰写明白本节课自己要掌握的知识点任务二 海报设计二 一、教学目标1、知识目标（1）掌握海报的设计流程。（2）掌握海报的排版与色彩搭配。2、技能目标（1）能正确设计出海报排版。（2）能根据海报策划书布局制作海报3、情感目标（1）培养学生分析

9、和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、海报设计流程。教学难点：1、海报排版的布局。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题你认为一张海报包含哪些东西？哪个最重要？让学生说出自己理解的海报重要部分强化详情的前期设计很重要2、新课讲解一、文案的排版1亲密 亲密原则就是将相关的信息分在一组，物理位置的接近意味着它们存在关联。2.对齐 任何

10、元素都不能在页面上随意安放，每一项都应当与页面上的某个内容存在某种视觉联系。对齐原则就是要找一条明确的对齐线，并坚持以它为基准，使依附于它的元素建立起除亲密以外的秩序。对齐主要有左对齐、居中对齐、右对齐。但是要避免在同一画面上混合使用多种文本对齐方式，也要尽量避免居中对齐，那样虽然会使画面显得正式，但也更乏味。3重复 设计中的某些方面需要在整个作品中重复。重复不仅对单页的作品很有用，对于多页文档或一套设计作品更是重要，通常称之为 “一致性”。但要避免过多地重复一个元素，重复太多会让人生厌。 重复有颜色重复出现、高度宽度重复出现、元素间距重复出现等表现形式。 4.对比 对比要强烈才有效。如果两个

11、元素不完全相同，就应当使它们不同，而且应当是截然不同。对比原则包含的内容很多，比如大字体与小字体、粗线条与细线条、冷色与暖色、平滑与粗糙、长宽与高窄、虚与实等。二、色彩搭配海报颜色占据画面的主要有三大元素：主体物、文案、背景。所以这三者的颜色决定了整个画面的色彩。1、提取主体物的色彩，根据产品找到本身的颜色，首先分析主体物都包含哪些颜色。2、接着进行应用。看一看哪种颜色占据最多，那就设定为主色，应用在背景中，其次就应用于文案和点缀色中。从案例中分析得到浅蓝色占据最多，其次是深蓝色和白色。3、而对于点缀色的使用，如果画面的色彩有点花，那么辅助元素就弱一点，采用和主色相同的色相，把画面稍微的压一压

12、。4、反之，如果画面太平静，需要加强一下气氛，那么辅助元素就可以采用强对比色，或者反相色，来提升画面的对比度。三、细节点缀 1、纹理背景2、几何图形3、主题相关的元素4、搭建小场景熟悉海报的设计流程，要懂得每一步的作用和内容熟练掌握海报的构图排版。熟练掌握不同的构图让学生学会设计海报的流程，而不是拿到产品就开始乱做让学生可以掌握海报的构图。4、学生实训制作小熊蒸煮凡客制作首页促销海报根据上面的知识点，完成海报设计。通过此任务的完成，懂得如何进行海报设计5、课后小结本节课要掌握的重点：海报的设计流程2、海报的排版和色彩搭配明白本节课自己要掌握的知识点任务三 海报上传 一、教学目标1、知识目标（1

13、）掌握海报上传的方法。（2）掌握海报上传类型。2、技能目标（1）能正确上传不同类型海报。（2）能根据平台正确上传海报3、情感目标（1）培养学生分析和处理、使用数据的能力。（2）培养学生积极思考、大胆探索，从数据中挖掘信息的能力。（3）培养学生自主学习、协助学习的能力。二、教学内容分析海报是美工的一个重要内容，海报的设计是否真实有吸引力，是吸引用户是否决定进店铺的一个重要因素，所以这是美工的一个重要内容。教学重点：1、首页海报上传方法。教学难点：1、轮播汇报与首页全屏海报的不同上传方式。 三、教学过程设计教学步骤教师活动学生活动设计意图1、创设情景引入课题我们下面将海报上传到平台让学生说出自己理

14、解的海报重要部分强化详情的前期设计很重要2、新课讲解一、常见首页海报的上传方式 1.单张首焦海报上传2.轮播首焦海报上传3.首页全屏海报上传二、轮播首焦海报的应用 （1）登录淘宝网， “卖家中心”“店铺管理” “店铺装修”。 （2）拖动 “图片轮播”，添加至首页。 （3） “编辑”窗口 ，分别添加三张上传至图片空间，并设置商品链接 。（4）修改 “显示设置”。选项控制“显示标题”，切换效果按店铺需要设置，完成后进行保存。 （5）发布轮播焦点海报。三、首页全屏海报的应用 （1）上传全屏海报到图片空间。 （2）“卖家中心” “店铺管理”“店铺装修”。 （3）基础模块 “自定义区”，添加至首页。（4）点击 “编辑”，进入自定义内容区。 （5）获取全屏海报代码。全屏海报代码获取方法：1）进入稿定设计在线电商装修网站（/dianshang/zhuangxiu）。 2）点击进入 “代码生成”类目下的 “专业版”分类。3）打开 “淘宝-全屏海报/视屏”页面，将店铺的素材中心里的海报进行复制，粘贴到生成器里的海报地址内，并将所链接的内容进行粘贴。 4）点击生成全屏海报的代码，产生成全屏海报代码。（6）点击 “自定义内容区”窗口的 “编辑源代码”，进入代码编辑状态，粘贴全屏海报代码中修改完成的代码至