电子商务视觉营销（第2版微课版） 教案 隋鸿阳 项目5--8 商品的视觉营销设计---综合案例：家具店铺视觉营销设计与制作 .doc

《电子商务视觉营销（第2版微课版）》

配套教学教案

项目五

课时内容

商品的视觉营销设计

授课时间

135分钟

课时

3

教学目标

?了解商品主图和商品详情页的设计技巧，掌握其制作方法。

?掌握直通车图、引力魔方图等商品推广图的设计要点和制作方法。

教学重点

?了解商品主图和商品详情页的设计技巧，掌握其制作方法。

?掌握直通车图、引力魔方图等商品推广图的设计要点和制作方法。

教学难点

?掌握直通车图、引力魔方图等商品推广图的设计要点和制作方法。

教学设计

教学思路：（1）介绍商品主图的视觉营销设计的相关知识，让学员掌握商品主图设计规范、商品主图视觉设计方式、商品主图制作方法等内容；（2）讲解商品详情页的视觉营销设计的相关知识，让学员掌握商品详情页的设计内容、商品详情页视觉设计要点、焦点图视觉设计、卖点图视觉设计、细节图视觉设计、商品信息展示图视觉设计等内容；（3）介绍推广图的视觉营销设计的相关知识，让学员掌握直通车图与引力魔方图视觉设计要点、直通车图制作方法、引力魔方图制作方法等内容；（4）最后安排拓展延伸和实战与提升。

教学手段：对其他商品的主图的视觉营销设计，并对制作方法进行掌握。

教学资料及要求：除教材中的实例外，还对其他商品详情页的制作。

教学内容

知识回顾：前面讲解了店铺首页的视觉营销设计，下面对商品的视觉营销设计进行介绍。

讨论问题：

1、商品详情页包括哪些内容？

2、如何对焦点图进行视觉设计？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

知识目标

素养目标

学习导图

案例导入

任务一?商品主图的视觉营销设计

一、任务目标

二、相关知识

（一）商品主图设计规范

（二）商品主图视觉设计方式

（三）商品主图制作方法

三、任务实训——制作电热锅主图

四、任务考核

任务二?商品详情页的视觉营销设计

一、任务目标

二、相关知识

（一）商品详情页的设计内容

（二）商品详情页视觉设计要点

（三）焦点图视觉设计

（四）卖点图视觉设计

（五）细节图视觉设计

（六）商品信息展示图视觉设计

三、任务实训——制作棉袜商品详情页

四、任务考核

任务三?推广图的视觉营销设计

一、任务目标

二、相关知识

（一）直通车图与引力魔方图视觉设计要点

（二）直通车图制作方法

（三）引力魔方图制作方法

三、任务实训

实训一：制作儿童水杯直通车图

实训二：制作护肤品引力魔方图

四、任务考核

拓展延伸

（一）如何抓住商品详情页设计的重点

（二）怎么确定浏览的消费者属于潜在消费者

实战与提升

小结

了解商品主图和商品详情页的设计技巧，掌握其制作方法。

掌握直通车图、引力魔方图等商品推广图的设计要点和制作方法。

实战与提升

想一想：

（1）利用搜集的素材（配套资源:\素材文件\项目五\4件套详情页\）制作4件套商品详情页，在制作时要体现出4件套的细节，其效果要给人一种温馨的感觉（配套资源:\效果文件\项目五\4件套详情页.psd）。

（2）制作一个以“促销活动”为主题的音箱直通车图（配套资源:\素材文件\项目五\音箱直通车\），注重对促销信息的描述，体现促销活动的主题、时间等信息（配套资源:\效果文件\项目五\音箱直通车.psd）。

项目六

课时内容

移动端店铺的视觉营销设计

授课时间

135分钟

课时

3

教学目标

?熟悉移动端店铺的视觉设计要点。

?能够制作移动端店铺首页与商品详情页。

教学重点

?熟悉移动端店铺的视觉设计要点。

?能够制作移动端店铺首页与商品详情页。

教学难点

?熟悉移动端店铺的视觉设计要点。

?能够制作移动端店铺首页与商品详情页。

教学设计

教学思路：（1）介绍移动端店铺的视觉设计要点的相关知识，让学员掌握移动端店铺首页视觉设计要点、移动端商品详情页视觉设计要点等内容；（2）讲解移动端店铺首页与商品详情页的制作相关知识，让学员掌握移动端店铺首页的制作、移动端商品详情页的制作等内容；（3）最后安排拓展延伸和实战与提升。

教学手段：（1）分析移动端店铺首页和详情页的内容与要点；（2）通过实例的制作，以步骤的形式讲解移动端店铺的视觉营销设计的具体方法。

教学资料及要求：除教材中的实例外，学院可以结合淘宝、天猫中真实的促销图和短视频，参考其设计方法。

教学内容

知识回顾：前面讲解了商品的视觉营销设计内容，下面对移动端店铺的视觉营销设计进行介绍。

讨论问题：

1、如何制作移动端店铺首页？

2、如何制作移动端店铺详情页？

内容大纲：具体可结合本章的PPT课件进行配合讲解。

知识目标

素养目标

学习导图

案例导入

任务一?移动端店铺的视觉设计要点

一、任务目标

二