《《网店美工与店铺装修》教案第8课视觉聚焦——店铺海报.docx》由会员分享,可在线阅读,更多相关《《网店美工与店铺装修》教案第8课视觉聚焦——店铺海报.docx(5页珍藏版)》请在优知文库上搜索。
1、课题视觉聚焦店铺海报课时2课时(90min)教学目标知识目标:(1)认识店铺海报(2)了解店铺海报的排版原则和构图方式(3)掌握店铺海报的设计技巧与制作方法技能目标:能够完成店铺海报的设计与制作工作素质目标:(1)培养钻研精神,提升核心素养(2)培养一丝不苟、精益求精的工作态度教学重难点教学重点:店铺海报的排版原则和构图方式,店铺海报的设计技巧与制作方法教学难点:店铺海报的设计技巧与制作方法教学方法问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务,和学生负责人取得联系,让其提醒同学通过APP或其他学习软件,了解店铺海报的
2、相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题店铺海报一般位于店铺首页导航的什么位置?【学生】聆听、思考、回答传授新知【教师】通过大家的发言,引入新的知识点,讲解店铺海报的相关知识5.1认识店铺海报【教师】展示“店铺海报”的图片(详见教材),随机邀请学生回答问题:店铺海报有什么作用?【学生】聆听、观察、思考、回答【教师】总结学生的回答店铺海报一般位于店铺首页导航下方,用于商品宣传、促销信息展示等,以增加商品和店铺的曝光度。设计店铺海报时,应先明确主题,再根据主题进行版面设计。通常,店铺海报用于商品宣传时,会以新品上市”等为主题;用
3、于促销信息展示时,会与店铺活动相关联,此时店铺海报的主题一般会根据店铺纪念日、节假日和平台活动这3个类型来划分。店铺纪念曰主题海报。店铺开业、店庆日和会员日等特殊日期,经常被用来策划店铺活动,因为在这些特殊日期举办活动,更容易加深消费者对店铺的关注。节假曰主题海报。在端午节、七夕节、中秋节、国庆节等节假日时,利用店铺海报展示促销信息,是商家惯用的营销手段之一。在设计此类主题的店铺海报时,应加入与当前节日相关的元素。(3)平台活动主题海报。电商平台举办的大型促销活动可有效促进消费,所以许多商家会借势进行促销。在设计此类主题的店铺海报时,建议使用具有视觉冲击力的颜色,以抓住消费者眼球。【师生互动】
4、【教师】展示几弓aS销海报(详见教材),随机邀请学生回答问题:说说这些店铺海报各有什么特点?【学生】聆听、观察、思考、回答【教师】总结学生的回答5.2店铺海报的排版原则排版是指通过调整文案、图片、图形等元素在版面布局上的位置、大小,使版面布局条理化的过程。【师生互动】【教师】随机邀请学生回答问题:在店铺海报版过程中,应遵循哪些原则?【学生】聆听、思考、回答【教师】总结学生的回答(1)保持画面和谐统一。和谐统一是画面的灵魂所在,是指画面中的元素与元素之间、元素与整体之间协调。为此,画面中应尽量避免出现不同类型的视觉元素,如在采用可爱风的画面中应避免出现科技风元素。(2)注意适当留白。画面中的信息
5、元素不宜过多,且不宜排列得太紧凑,否则容易使消费者眼花缭乱,并产生压迫感。因此,排版时要适当留白。(3)利用对比突出重点。对比包括画面中的颜色对比、文字大小对比、形状对比等,通过对比可以加大不同元素之间的视觉差异,既方便突出重点,又能使画面显得活泼、丰富。(4)把握画面节奏和韵律。节奏是指画面中的元素按照一定的规律排列而形成的一种律动。在节奏中注入美的因素,就有了韵律。【师生互动】【教师】展示化妆品促销海报”的图片(详见教材),随机邀请学生回答问题:这张海报是如何突出律动感的?【学生】聆听、观察、思考、回答【教师】总结学生的回答把控画面的平衡性。平衡是指对立元素相互匹配以使画面均衡和谐的表现。
6、充分把控画面的平衡性,才能制作出给人稳定、美观感觉的店铺海报。5.3店铺海报的构图方式【师生互动】【教师】随机邀请学生回答问题:在店铺海报版过程中,常用的构图方式有哪些?【学生】聆听、思考、回答【教师】总结学生的回答【教师】展示“图文居中式构图”“平铺式构图”“两栏式构图”“三栏式构图”“上下式构图”“满版式构图”的图片(详见教材),讲解这些构图方式的特点(1)图文居中式。图文居中式是将画面中的图片、文案以画面的中轴线为参照居中对称排列的构图方式。这种构图方式不仅可以使画面平衡、稳定,还可以让视觉焦点集中到画面中间.(2)平铺式。平铺式是将画面中的多件商品平铺排列,并保持间距相等,再将文案置于
7、商品上方、下方或叠加在商品上的构图方式,适用于商品数量较多或展示一系列商品的海报。这种构图方式节奏感、秩序感强,能给人整洁、规范的感觉。(3)两栏式.两栏式是将画面分为左右两部分,文案在左商品在右,或者文案在右商品在左的构图方式。这种构图方式具有稳定、平衡等特点.(4)三栏式。三栏式是将画面分为左中右3个部分,一般文案在中间,商品在两边的构图方式。这种构图方式可使画面稳定、文案突出。(5)上下式。上下式是将画面分为上下两部分,文案在上商品在下,或者文案在下商品在上的构图方式。这种构图方式中的商品与文案各占据一部分,互不干扰,能清晰明了地传达出促销信息。(6)满版式。满版式是将元素铺满整个画面的
8、构图方式。这种构图方式的视觉冲击力比较强,会给人丰富、饱满、舒展等感觉。【师生互动】【教师】随机邀请学生回答问题:以上这些构图方式你喜欢哪一种?说一说喜欢的理由。【学生】聆听、思考、回答5.4设计与制作调味品店铺海报【教师】组织学生扫码播放”设计与制作调味品店铺海报”视频(详见教材),让学生了解店铺海报的设计技巧与制作方法本节以调味品店铺海报的设计与制作为例,学习店铺海报的设计技巧与制作方法。案例最终效果可参考本书配套素材素材与实例TCh5调味品”文件夹中的“调味品店铺海报psd”文件.【教师】通过展示“调味品店铺海报效果”的图片(详见教材),讲解调味品店铺海报效果5.4.1 设计调味品店铺海
9、报【师生互动】【教师】随机邀请学生回答问题:分析一下调味品店铺海报的设计思路。【学生】聆听、思考、回答(1)内容安排.本例设计的店铺海报用于年货节调味品宣传,因此添加多幅不同调味品图片,让i肖费者直观了解调味品,同时产生店铺中商品品类丰富的感觉;突出显示调味香料文案,以明确主题。(2)配色分析.用黑色作为背景色,姜黄色作为文案颜色,能让店铺海报极具质感,同时突显调味品和文案。(3)确定构图方式。采用两栏式构图,且文案浮于背景图片上方,使画面极具层次感。5.4.2 制作调味品店铺海报【教师】示范并讲解制作店铺海报的相关操作步骤1新建一个名为调味品店铺海报,宽度为1920像素,高度为540像素,分
10、辨率为72像素/英寸,颜色模式为RGB颜色的文档。【实用技巧】店铺海报包括常规海报和全屏海报,常规海报的宽度通常为950像素,高度自定(I(X)像素600像素):全屏海报的宽度通常为1920像素,高度自定(基本不高于540像素),格式为JPG、PNG等。步骤2置入素材文件夹中的“背景Jpg”文件.步骤3新建一个名为光影的图层,选择渐变工具,单击工具属性栏中的“径向渐变按钮,然后单击按钮,打开渐变编辑器”对话框,在其中设置渐变参数,设置完成后单击“确定按钮。步骤4在图像编辑区顶部中间位置单击并按住鼠标左键向图像编辑区左下角拖动,创建径向渐变,然后设置光影图层混合模式为“颜色减淡,此时图像中呈现出
11、吊灯照射的光影效果。步骤5置入素材文件夹中的素材LPng文件,然后设置其图层混合模式为点光,不透明度为26%,并将其移至合适位置。采用同样方法置入素材文件夹中的素材2.png文件,并设置其图层混合模式和不透明度。步骤6步骤14详见教材【学生】聆听、观看、思考、理解、记忆【教师】组织学生分组,以小组为单位完成以下任务案例最终效果可参考本书配套素材素材与实例一Ch5T女装”文件夹中的女装店铺海报.psd文件。【教师】展示“女装店铺海报效果”的图片(详见教材),随机邀请学生回答问题:设计女装店铺海报,需要考虑哪些元素?【学生】聆听、观察、思考、回答【教师】总结学生的回答1 .设i装店铺海报【教师】让
12、学生分组讨论女装店铺海报的设计思路课堂实训【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发言内容却匕蝌由姗展示的衣三图片,让肖费者直观感受视躺穿敬裸。搭配与视飒格统T)卷,以表现古色古香之感.配色分析,用衣S徽色作为主题文薪口装饰图形的颜色,可以使画面和谐统一。背景色使用明度较高的粉红色和淡蓝色,这两种颜色能成田1)对比,从而为画面增添F的视觉申击力。(3确,图方式。采用两栏式构图,以猪翳定、平衡的画酿果2 .制作女装店铺海报【教师】讲解制作步骤及具体操作新建f名为女装店铺海报,宽度为950像素,高度为400像素,分辨率为72像素/英寸,颜色模式为RGB颜色的文档。(2)新建T三
13、层,并磔填充为红色,然后适当降(熊图层的不透明度。新建f三三,在图像雌区右根虺J建选区并填充为淡蓝色。(4府图像编辑区中I事制Til当大有)白色矩形.(5)在白色初中1睚制f鳄大/在红框。(6)置入材文件夹中的素材Lpng素材Zpng睇.png文件,并将其移至合适位置。(7)添加文本并设置文本属性,然后在文本下方绘制矩形装饰。【学生】聆听、分组制作、完成任务【教师】巡堂辅导【学生】制作完成后,由小组代表展示本组设计的店铺海报【教师】与学生一起评选出最佳图片课堂小结【教师】简要总结本节课的要点店铺海报的排版原则、店铺海报的构图方式、店铺海报的设计技巧与制作方法【学生】总结回顾知识点作业布置【教师】布置课后作业根据本课所学内容,设计与制作一家具用品的店铺海【学生】完成课后任务教学反思