《电商视觉营销设计》教案第9课商品详情页视觉营销设计（一）.docx

《《电商视觉营销设计》教案第9课商品详情页视觉营销设计（一）.docx》由会员分享，可在线阅读，更多相关《《电商视觉营销设计》教案第9课商品详情页视觉营销设计（一）.docx（7页珍藏版）》请在优知文库上搜索。

1、课题商品详情页视觉营销设计(一)课时2课时(90min)教学目标知识技能目标：(1)了解商品详情页的组成及其作用(2)掌握商品详情页各区域的视觉营销设计技巧素质目标：(1)加强实践练习，提升专业技能(2)培养敬业精神，在学习和工作中不怕苦、不怕累，努力成为社会和行业需要的人才教学重难点教学重点：商品详情页的组成及其作用，商品详情页各区域的视觉营销设计技巧教学难点：掌握商品详情页各区域的视觉营销设计技巧教学方法案例分析法、问答法、讨论法、i并授法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件

2、，预习本节课要讲的知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到案例导入【教师】提出问题什么是商品详情页？商品详情页包含哪些组成部分？【学生】聆听、思考、讨论、举手回答传授新知【教师】通过学生的发言，引入新的知识点，讲解商品详情页的组成及其作用，以及商品详情页各区域的视觉营销设计技巧等知识一、认识商品详情页【教师】通过多媒体展示“某笔记本电脑详情页”图片(详见教材)，并进彳亍并解商品详情页是指以文字、图片、视频等形式详细介绍商品功能、外观、价格、卖点等信息的页面，主要起到促进商品销售的作用。商品详情页一般由商品主图区、商品属性信息区、商品销售信息区、商品信息描述

3、区、售后保障区五部分组成，如图所示。(1)商品主图区：以图片和短视频的形式展示商品的外观属性和主要卖点，让消费者对商品有初步印象。(2)商品属性信息区：以文字的形式描述商品的主要属性(如价格、颜色分类等)，让消费者对商品有一定的了解。(3)商品销售信息区：以文字的形式向消费者传达商品的销售信息(如品牌、商品名称、商品型号等)，让i肖费者全面、深入地了解商品。(4)商品信息描述区：又分为焦点图、卖点展示区、商品展示区等，它们多以图文结合的形式向消费者展示商品的卖点、材质、款式等，作用是激发消费者的购买欲望。（5）售后保障区：以文字或图文结合的形式展示店铺保障信息（如售后服务），目的是打消消费者的

4、疑虑，促使其放心购买商品。另外，商品详情页实际也包含页头、页尾等，它们的视觉呈现与店铺首页中页头、页尾等的视觉呈现相同，因此不再赘述。二、解析商品详情页各区域的视觉营销设计技巧根据AIDMA法则，消费者在购买商品时的心理过程为Attention（注意）-Interest（兴趣）一Desire（购买欲望）-Memory（记忆）-Action（行动匚为了迎合消费者的这种购物心理，达到说服消费者购买商品的目的，商品详情页的布局逻辑应为引起关注一引发兴趣一激发购买欲望一加深记忆一刺激购买”。本节就来介绍商品详情页中各个区域基于这种布局逻辑的视觉营销设计技巧。（一）引起关注的商品主图区商品主图区是消费者

5、进入商品详情页后率先看到的区域，其视觉营销设计的好坏关系着消费者是否会继续了解商品。不仅如此，商品主图区的第一幅图片还会显示在电商平台的搜索结果页面中，其视觉营销设计的好坏还影响着商品的点击率。因此，要想引起消费者关注、获得商品流量，促使消费者继续了解商品，就必须做好商品主图的视觉营销设计。下面就从文案设计和视觉呈现两个方面介绍如何对商品主图进行视觉营销设计。【教师】扫码播放“如何让你的商品主图脱颖而出“视频，并进行讲解1.文案设计要引起消费者的关注，设计商品主图文案时可从以下几点入手。（1）解决消费者关心的问题.一般来说，消费者在购物时只关心与自己相关的信息，如该款商品是否适合自己，能给自己

6、带来哪些好处等，因此想让商品主图的文案具备吸引力，就要解决消费者关心的问题。【教师】通过多媒体展示“面膜主图1和面膜主图2图片（详见教材），并进彳方并解例如，图中的面膜主图用文案”新包装新外观新体验”表明该款面膜换了新包装，但是包装的新旧并不是消费者最关心的问题，他们真正关心的是该款面膜有什么功效，以及使用后会给自己的皮肤带来怎样的改善等，而图中的面膜主图用文案双重美白淡斑提亮表明使用该款面膜后会达到美白淡斑的效果，这种解决消费者问题的文案，才会获得他们的关注。【教师】通过多媒体展示“女包主图”图片（详见教材），并进彳五井解（2）用利益吸引消费者。大多数消费者很难抗拒免费赠送优惠彳阳介”等词语

7、的吸引力，甚至这些词语能促使消费者做出购买决策。例如，消费者更愿意在商家开展促销活动（见图54）时购买商品，以追求花更少的钱，买更多的东西二【教师】通过多媒体展示“机箱主图”图片（详见教材），并进彳瑙解（3）指定目标消费者.在对商品主图进行视觉营销设计时，可以通过指定目标消费者，让潜在消费者在看到商品主图后产生广告就是在说我”的感觉，以使他们产生深入了解商品的想法。例如，图中的机箱主图用文案美工专用主机直接指定该款机箱的目标消费者为美工从业者，非常容易引起这类消费者对商品的兴趣。（4）设置悬念在设计文案时，保留一些悬念可以引发消费者对商品的好奇心，促使他们深入了解商品。例如，将快速卸妆的卖点文

8、案设计为“如何完成5秒卸妆？可以吊足消费者胃口，引导消费者自己寻找答案，并在寻找答案的过程中深入了解商品。2.视觉呈现在对商品主图的视觉呈现进行设计时，需要注意以下几点。【教师】通过多媒体展示“女鞋主图”图片（详见教材），并进彳亍并解（1）图片素材要清晰、美观。图片通常是视觉的第一焦点，即使它不在中心位置，仍会被大多数人一眼看到。这是因为图片传达的信息更直观、更易于理解、更有吸引力。因此，在对商品主图进行视觉营销设计时，应使用清晰、美观且能够较好呈现商品主体的商品图片。例如，图中的女鞋主图中，高跟鞋图片清晰、美观，能够充分展现鞋子的造型.【教师】通过多媒体展示“电饭煲主图”图片（详见教材），并

9、进行讲解（2）营销信息要突出、层级明确。假设，在黑色画面中添加一个红色按钮，这个红色按钮会因为强烈的对比而率先被人们看到。如果在按钮位置放置重要信息，该信息将会成为人们的视线切入点，迅速被人们接受。商品主图的设计也是同理，营销信息突出，才能让消费者快速获取信息。当营销信息内容较多时，还要注意对其进行层级划分，如将重要信息放大显示，以使信息层级明确，方便消费者更快了解关键信息。例如，图中的电饭煲主图中，价格文案699字号最大，其次是卖点文案少盐不减味，再次是卖点文案IH大火力加热，其他辅助文案则字号较小,这样的安排可以使浏览主图的消费者率先获取重要的价格信息和卖点信息，同时也不会遗漏其他信息。（

10、3）画面效果要美观。具有美感的画面效果才更能促使消费者进一步点击，因此在对商品主图进行视觉营销设计时，要通过协调的色彩搭配、合理的构图、适宜的留白等为画面增添美观度。（4）符合平台规范。为了方便消费者快速找到所需商品，提高消费者的消费体验，主流电商平台都对商品主图做出了相应的规范。例如，淘宝网要求商品主图区的第五张商品主图必须为白底图、无标志、无水印、无文字、无拼接，商品需要正面展示，以及图片中不可以出现模特、衣架、吊牌等。因此，在对商品主图进行设计之前，应先了解其上传平台的设计规范。3.短视频的应用研究表明，人类大脑处理可视化内容的速度比处理纯文字内容的速度要快数万倍。相较于静态的图片,集声

11、音、画面于一体的视频更有立体性，可以让观看者更加真切地感受到视频传递的内容。可以说，视频是人类大脑更喜欢的内容呈现形式。【教师】通过多媒体展示“某豆浆机介绍短视频”图片（详见教材），并进彳琳解除商品主图外，商品主图区还可以添加商品短视频，利用商品短视频展示商品的外观、使用效果、特点等，可以将商品信息生动、直观地展示在消费者面前，让消费者对商品有更加深入、直观的了解。例如，图中为某豆浆机介绍短视频，该短视频先展示了商品外观，然后展示了商品的使用场景、使用效果等，而画面上方和下方一直展示着商品特点，整个视频将商品的各个方面介绍得清清楚楚，非常方便消费者做出购买决策。需要注意的是，在制作商品短视频时

12、，应先对消费者进行调研，将消费者关心的问题整理出来，并将这些问题按重要程度排序，然后用短视频将这些问题一介绍清楚，这样就可以解答消费者的疑问，打消消费者的疑虑。（二）引发兴趣的焦点图一切的视觉营销设计都是基于消费者的，尤其是承担着引发消费者兴趣任务的焦点图，更要根据消费者的特点进行设计，这样才能使他们对商品产生兴趣，从而自愿与商品建立起联系。焦点图的视觉营销设计最重要的一点就是要有代入感，这样才能让消费者产生感同身受的感觉，从而对商品产生强烈的需求感。1 .文案设计要想让焦点图具有代入感，文案方面可从以下几点入手。（1）把消费者当朋友。在设计文案时，如果只介绍商品的参数、功能等信息，会让消费者

13、产生距离感，而将消费者当作朋友，加入“你我等人称代词，可以营造温暖、和谐的氛围，从而将消费者带入其中，促使消费者主动了解商品，这样可以缩短与消费者的沟通距离。【教师】通过多媒体展示“女装焦点图”图片（详见教材），并进彳下并解例如，图中的女装焦点图利用文案你的私人定制款”与消费者直接对话，将商品独一无二”的特点传达给消费者，这种沟通方式不仅将商品的核心卖点直观展示给消费者，还让消费者在不知不觉中产生了代入感。【教师】通过多媒体展示“无线充电手机支架焦点图”图片（详见教材），并迸行讲解（2）描绘使用场景.在设计文案时，可以用具象且有感染力的文字描绘商品的使用场景，将消费者带入商品的使用联想中，让消

14、费者对商品产生更加具体、真实的印象，从而使其对商品产生浓厚的兴趣。例如，图中的焦点图用解放你的双手追剧充电两不误文案描述商品的使用场景，可以让消费者产生用手机追剧时也能轻松充电的联想，从而产生强烈的购买欲望。（3）借助问题.在设计文案时，也可通过提问来激发消费者的兴趣。提问就像诱饵一样吸引着消费者，他们会下意识思考这个问题，思考时间越久就越能够记住它，并且会迫切想要知道答案，因此加快浏览速度。例如，某洗面奶焦点图的文案你的皮肤也遇到过这些难题吗？就是借助问题，引导消费者寻找这款洗面奶能够解决消费者哪些问题的答案。需要注意的是，答案必须简洁明了，以免消耗消费者的耐心和注意力。2 .视觉呈现焦点图

15、是商品详情图中的第一幅图片，也是决定消费者能否对商品产生好感的第一幅图片，其重要程度不言而喻。因此，焦点图的视觉呈现一定要给消费者留下较好的印象，才能引导消费者继续浏览商品。【教师】通过多媒体展示“耳机焦点图”图片（详见教材），并进彳亍并解焦点图的视觉呈现与海报有相似之处，都需要定位精准、主题突出、效果美观。另外，焦点图还需要注重代入感，以将消费者带入商品的使用氛围中。例如，图中的耳机焦点图利用耳机使用场景图使消费者与模特产生情感共鸣，让消费者对商品产生亲切感和信赖感，从而自愿深入了解商品。（三）激发购买欲望的卖点展示区商品卖点是指商品的材质、款式、功能、外观等能够提高消费者对商品好感度的特点。消费者产生购买欲望的原因是商品能给他们带来一定的好处，卖点展示区就是要将卖点展示在消费者面前，通过图文结合的形式让消费者直观感受商品给自己带来的好处，从而提升其对商品的好感度，进而激发消费者的购买欲望。1 .文案设计为了激发消费者的购买欲望，设计卖点展示区文案时，可从以下几点入手。（1）提炼并精炼卖点。要充分发挥卖点展示区的刺激作用，就要懂得提炼商品卖点，以在有限的展示范围内将最核心和吸引人的卖点展现给消费者。提炼卖点的方法通常有三种：一是从商品属性入手，如衣0艮的独献式、材质等；二是从商品的功效入手，如面膜的美白功效；三是从商