《《网店美工与店铺装修》教案第5课流量引导——商品主图.docx》由会员分享，可在线阅读，更多相关《《网店美工与店铺装修》教案第5课流量引导——商品主图.docx（6页珍藏版）》请在三一办公上搜索。
1、课题流量引导一商品主图课时2课时（90min）教学目标知识目标：(1)认识商品主图(2)掌握商品主图的设计技巧与制作方法技能目标：能够完成商品主图的设计与制作工作素质目标：(1)增强知识产权保护意识(2)加强基础知识的学习，为个人的长远发展打下坚实的基础教学重难点教学重点：商品主图的构图教学难点：商品主图的设计技巧与制作方法教学方法问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解设计商品主图的相关知识【学生】完成课前任务考勤【教师】使用APP迸行签到【学生
2、】按照老师要求签到问题导入【教师】提出以下问题商品主图一般由哪些元素组成?【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解设计商品主图的相关知识3.1认识商品主图消费者在电商平台中搜索某类商品，或者在进入某个商品洋情页时，首先接触到的就是商品主图，可以说商品主图是商品的“门面。【师生互动】【教师】展示“搜索页和商品详情页中的商品主图”的图片(详见教材)，随机邀请学生回答问题：商品主图的设计与制作应符合哪些要求？【学生】聆听、观察、思考、回答【教师】总结学生的回答(1)商品图片。商品主图中选用的商品图片必须能较好地反映出商品的特点，同时应保证其中的商品没有瑕疵。此外，
3、将商品图片放入商品主图中时，需要控制商品的显示大小，如果商品显示太小则不方便消费者查看，商品显示太大又不易放置文案，因此商品显示高度控制在商品主图高度的2/3到4/5为宜。（2）背景。商品主图一般选用纯色背景，这是因为纯色背景能更加突显商品，让消费者的注意力集中在商品上.此外，在实际应用中，也会用场景图作为商品主图背景.将场景图作为背景时，应对场景中除商品外的元素进行适当的虚化、简化等处理，从而更好地突出商品的主体地位。【教师】通过展示“水杯主图”的图片（详见教材），讲解如何对场景中除水杯外的元素进行虚化，使水杯更加突出（3）文案。商品主图中的文案不宜放置太多，以免画面杂乱不堪、卖点信息混乱。
4、在实际应用中，商品主图中的文案应尽量保持简短、清晰、主次分明。【师生互动】【教师】展示“文案过多且主次不清的商品主图”“文案简短、清晰且主次分明的商品主图”的图片（详见教材），随机邀请学生回答问题：观察这两幅商品主图，说说哪幅文案设计得更合理？【学生】聆听、观察、思考、回答【教师】总结学生的回答，讲解商品主图中文案简短、清晰，卖点信息主次分明的优点【提示】在商品主图设计与制作中，文案不仅要符合电商平台发布规则，还要符合中华人民共和国广告法，如不得使用国家级最高级最佳等用语。如果商品没有品牌授权则不可在商品主图中添加品牌标志，更不可使用未经授权的明星图片、商业图片等.否则会引发侵权等问题。3.2
5、商品主图的设计思路【师生互动】【教师】随机邀请学生回答问题：商品主图的设计思路是什么？【学生】聆听、思考、回答【教师】总结学生的回答，展示“商品主图的设计思路”的图片（详见教材），讲解相关知识（1）精准定位i肖费群体。在设计商品主图时，首先要精准定位消费群体。消费群体确定后，先要了解他们的偏好，从而有针对性地确定商品主图的颜色、风格。要注意的是，不要试图用一幅商品主图覆盖所有的消费群体，以免最终呈现的商品主图不伦不类，谁都不喜欢。了解消费者的真实需求。消费者的真实需求往往隐藏在关键字中，而一些商家在设计商品主图时，却忽略消费者的真实需求，只表达自己想要表达的内容。通常，应根据消费者的真实需求设
6、计商品主图，以吸引消费者点击。（3）做好差异化。只有设计出独具一格的商品主图，才能让视觉疲劳的消费者眼前一亮。【师生互动】【教师】随机邀请学生回答问题：设计商品主图时，可从哪些方面做好差异化，使商品主图变得与众不同？【学生】聆听、思考、回答背景颜色差异化：使用与同类商品主图不同的背景颜色。视觉角度差异化：使用与同类商品不同的展示角度。细节差异化：多展示商品细节或展示同类商品没有展示的细节。通常，不同类别的商品需要展示不同的细节,如功能类、功效类商品注重展示商品的使用方法、使用效果等，而款式类商品注重展示商品的款式设计等.场景差异化：使用与同类商品主图不同的场景。【教师】展示“床上用品主图1“床
7、上用品主图2图片(详见教材)，讲解如何迅速抓住消费者眼球要注意的是，不能盲目追求差异化，应根据商品的属性设计出适合的差异化商品主图。(4)突出卖点。找到消费者的关注点，如打折优惠、新品潮流、快递优势等，然后从中挑选最重要的点(卖点)突出显示，以吸引消费者目光。通常，文案是表达卖点最直接的方式，可尽量用最少的文案表达出商品最重要的信息，保证向消费者准确传达信息的同时，还可兼顾画面美观度。(5)确定构图方式。设计商品主图时，应根据商品图片、文案等元素选择合适的构图方式，使画面中的各元素相互呼应并达到平衡。3.3 商品主图的构图方式【师生互动】【教师】随机邀请学生回答问题：常见的商品主图构图方式有哪
8、些？【学生】聆听、思考、回答【教师】总结学生的回答【教师】展示“对角线构图“X形构图”“中心构图”紧凑式构图”“对称式构图”“垂直式构图”“三角形构图”“九宫格构图”图片(详见教材)，讲解这些构图方式的特点(1)对角线构图。对角线构图是将重要元素安排在画面对角线上的构图方式.这种构图方式不但可以增强画面的纵深感，还可以提高画面的张力。(2)X形构图。X形构图是将重要元素按照X形排列组合的构图方式。这种构图方式使得画面具有力量感，有利于把消费者的视线从四周引向中心位置，或者从中心位置引向四周。(3)中心构图。中心峋图是将重要元素放在画面中心位置的构图方式。这种构图方式最大的优点在于明确、突出主体
9、，同时会获得均衡的画面效果。(4)紧凑式构图。紧凑式构图是将商品以局部放大的形式布满画面，使画面具有饱满、紧凑等特征的构图方式。这种构图方式最大的优点在于能更好地突出商品的特点。(5)对称式构图。对称式构图是将画面中的重要元素以某一条直线为轴或某一点为中心呈对称分布的构图方式。这种构图方式可使画面具有协调、整齐、庄重等美感。(6)垂直式构图。垂直式构图是指在画面中有明显垂直线(并非笔直垂直的直线，而是在视觉上有垂直感的线条)元素的构图方式e这种构图方式有极强的表现力,可以充分展示重要元素，同时又给人很强的秩序感e(7)三角形构图。三角形构图是将重要元素摆放到三角形区域内的构图方式。这种构图方式
10、能很好地表现视觉中心位置的重要元素。(8)九宫格构图。九宫格构图也称井字构图，它是通过分格的形式，把画面的上、下、左、右四个边三等分，然后用直线把对应的点连接起来，使画面被分成九个格子(井字)的构图方式。通常直线交叉的点(趣味中心)是放置重要元素的最佳位置。这种构图方式具有突出主体、均衡画面的特点。3.4 设计与制作针织杉主图【教师】组织学生扫码播放“设计与制作针织杉主图”视频(详见教材)，让学生了解商品主图的设计技巧与制作方法，通过展示“针织杉主图效果”的图片(详见教材)，讲解案例最终效果3.4.1 设计针R衫主图【师生互动】【教师】随机邀请学生回答问题：试着分析一下针织衫主图的设计思路。【
11、学生】聆听、思考、回答精准定位消费群体。本款针织衫的目标消费群体为18-35岁的女性.根据她们的偏好，商品和文案颜色选择代表干净、雅致的白色，文案底色选择百搭色的黑色，风格选择随性、时尚的小清新风。了解消费者的真实需求。目标消费群体典型的特征之一就是思想活跃，任何新事物、新知识都会使她们感到新奇，在消费心理与消费行为方面，她们表现出追求新颖、时尚等特征。也就是说，她们的真实需求是衣服款式新颖、时尚。因此，在针织衫主图中使用由模特展示的针织衫图片，并突显NEW2022”文案，以表现针织衫的款式新颖。(3)做好差异化。目前，同类针织衫主图大多数使用室内场景，而本例中使用室外场景(街景)，会迅速抓住
12、消费者眼球，同时体现针织衫时尚的特点。(4)突出卖点。突显NEW2022限时198元等文案，以吸引消费者关注。确定构图方式。采用九宫格构图方式，使画面既均衡又具有活力。3.4.2 制作针织衫主图【教师】示范并讲解制作商品主图的相关操作步骤1启动Photoshop,按Qrl+N组合键打开新建文档”对话框，在其中设置相关参数，单击“创建按钮创建文档。步骤2选择文件”置入嵌入对象菜单项，打开置入嵌入的对象对话框，从中选择本书配套素材素材与实例Ch3针织衫”文件夹中的“街头风Jpg文件，单击置入按钮置入图片。在图片上右击，从弹出的快捷菜单中选择“水平翻转”项，然后调整图片大小并将其移至合适位置，最后按
13、Enter键确认。步骤3选择矩形工具，在图像编辑区单击，打开创建矩形”对话框，在其中设置矩形大小，然后单击“确定按钮绘制矩形，接着在工具属性栏中设置填充色为黑色，描边为无.步骤4保持绘制的矩形所在图层处于选中状态，然后在图层面板的不透明度”编辑框中输入30%”,按Enter键确认设置矩形的不透明度，接着将矩形移至合适位置。步骤5采用步骤3步骤4的方法，在黑色矩形上方绘制一个宽度为260像素，高度为50像素的黑色矩形，并设置其不透明度为50%步骤6选择横排文字工具”，在工具属性栏中的“字体下拉列表中选择方正粗宋_GBK,然后在“字体大小编辑框中输入48点，接着设置字体颜色为白色佛ffTf).步骤
14、7参数设置完成后，在步骤5创建的黑色矩形左侧单击插入文本光标，当出现闪烁的I时，输入文本hNEW2022,并按Esc键结束输入。步骤8采用步骤6步骤7的方法添加其他文本。在文本8”后单击插入文本光标，按住鼠标左键并向左拖动直至选中文本198,然后在工具属性栏中设置字体大小为48点，字体颜色为黄色(#09C(X),此时选中的文本自动变为黄色，最后按Esc键确认。步骤9步骤12详见教材【学生】聆听、观看、思考、理解、记忆课堂实训【教师】组织学生分组，以小组为单位完成以下任务1.设计女士挎包主图【教师】让学生分组讨论女士挎包主图的设计思路【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发
15、言(1)精准定位消费群体。本款女士挎包的目标消费群体为2327岁的女性。因此，文案底色选择浪漫的紫色，风格选择时尚的简约风。(2)了解消费者的真实需求。23-27岁的女性在消费心理与消费行为方面表现出追求新颖、时尚等特征，但由于她们刚步入社会，经济基础相对薄弱，因此她们对商品价格比较敏感。也就是说，她们的真实需求是希望购买到性价比高的时尚商品，所以在女士挎包主图上添加优惠信息，用于吸引她们关注。(3)做好差异化。目前，同类商品主图大多数使用女士挎包正面展示图，而本实训中使用女士挎包正侧面展示图，这样能快速抓住消费者眼球，同时多角度展示商品。(4)突出卖点。将优惠信息作为卖点重点突出。确定构图方
16、式。采用对角线构图。2.制作女士挎包主图【教师】讲解制作步骤及具体操作(1)新建一个名为“女士挎包主图”，宽度为800像素,高度为800像素，分辨率为72像素/英寸,颜色模式为RGB颜色的文档。(2)打开女士挎包.png文件，并将其复制到“女士挎包主图”文档中，调整其大小后移至合适位置。(3)利用矩形选框工具框选女士挎包背景，然后按Ctrl+T组合键调出变换框，通过调整变换框来调整女士挎包背景的高度，使其铺满整个女士挎包主图，最后按Enier键确认。(4)置入女士挎包标志png文件，并将其移至女士挎包主图左上角。(5)使用钢笔工具在女士挎包主图底部绘制长条形路径并填充任意颜色，然后为其添加紫色渐变叠加图层样式。(6)使用横排文字工具”添加文本，并利用工具属性栏设置文本属性，然后用椭圆选框工具”为运算符添加白色圆形底图。【学生】聆听、分组制作、完成任务【教师】巡堂辅导【学生】制作完成后，由小组代表展示本组设计的商品主图【教师】与学生一起评选出最佳商品图片课堂小结【教师】简要总结本节课的要点商品主图的设计与制作要求、商品主图的设计思路、商品主图的构图方式【学生】总结回顾知识点作业布置【教师】布置课后作业从网上第漏l磔相关的图片素材，制作PC端瑜陛主图。要求：先制作主图背景，腼入文本内容,并对文本进行=0【学生】完成课后任务教学反思
