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

课题商品详情页视觉营销设计（一）

课时2课时（90min）

知识技能目标：

（1）了解商品详情页的组成及其作用

（2）掌握商品详情页各区域的视觉营销设计技巧

教学目标

素质目标：

（1）加强实践练习，提升专业技能

（2）培养敬业精神，在学习和工作中不怕苦、不怕累，努力成为社会和行业需要的人才

教学重点：商品详情页的组成及其作用，商品详情页各区域的视觉营销设计技巧

教学重难点

教学难点：掌握商品详情页各区域的视觉营销设计技巧

教学方法案例分析法、问答法、讨论法、讲授法

教学用具电脑、投影仪、多媒体课件、教材

教学过程主要教学内容及步骤

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，预习本节课要

课前任务讲的知识

【学生】完成课前任务

考勤【教师】使用APP进行签到

【学生】按照老师要求签到

【教师】提出问题

案例导入什么是商品详情页？商品详情页包含哪些组成部分？

【学生】聆听、思考、讨论、举手回答

【教师】通过学生的发言，引入新的知识点，讲解商品详情页的组成及其作用，以及商品详情页各区域的视

觉营销设计技巧等知识

一、认识商品详情页

【教师】通过多媒体展示“某笔记本电脑详情页”图片（详见教材），并进行讲解

商品详情页是指以文字、图片、视频等形式详细介绍商品功能、外观、价格、卖点等信息的页面，主要起

到促进商品销售的作用。商品详情页一般由商品主图区、商品属性信息区、商品销售信息区、商品信息描述

区、售后保障区五部分组成，如图所示。

传授新知

（1）商品主图区：以图片和短视频的形式展示商品的外观属性和主要卖点，让消费者对商品有初步印象。

（2）商品属性信息区：以文字的形式描述商品的主要属性（如价格、颜色分类等），让消费者对商品有一

定的了解。

（3）商品销售信息区：以文字的形式向消费者传达商品的销售信息（如品牌、商品名称、商品型号等），

让消费者全面、深入地了解商品。

（4）商品信息描述区：又分为焦点图、卖点展示区、商品展示区等，它们多以图文结合的形式向消费者

展示商品的卖点、材质、款式等，作用是激发消费者的购买欲望。

（5）售后保障区：以文字或图文结合的形式展示店铺保障信息（如售后服务），目的是打消消费者的疑

1

虑，促使其放心购买商品。

另外，商品详情页实际也包含页头、页尾等，它们的视觉呈现与店铺首页中页头、页尾等的视觉呈现相同，

因此不再赘述。

二、解析商品详情页各区域的视觉营销设计技巧

根据AIDMA法则，消费者在购买商品时的心理过程为“Attention（注意）→Interest（兴趣）→Desire

（购买欲望）→Memory（记忆）→Action（行动）”。为了迎合消费者的这种购物心理，达到说服消费者购

买商品的目的，商品详情页的布局逻辑应为“引起关注→引发兴趣→激发购买欲望→加深记忆→刺激购买”。

本节就来介绍商品详情页中各个区域基于这种布局逻辑的视觉营销设计技巧。

（一）引起关注的商品主图区

商品主图区是消费者进入商品详情页后率先看到的区域，其视觉营销设计的好坏关系着消费者是否会继续

了解商品。不仅如此，