《电商视觉营销设计》教案 第8课 店铺首页视觉营销设计（二）.docxVIP

PAGE2

PAGE2

PAGE3

PAGE3

课题

店铺首页视觉营销设计（二）

课时

2课时（90min）

教学目标

知识技能目标：

（1）理解女装店铺首页的设计思路

（2）掌握女装店铺首页的制作方法

素质目标：

（1）了解学习本门课程，提高学习能力

（2）认真完成课堂练习，提高独立思考能力，增强创新意识

教学重难点

教学重点：店铺首页的设计思路和制作方法

教学难点：能够对具体店铺的首页进行视觉营销设计

教学方法

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

教学用具

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

教学过程

主要教学内容及步骤

课前任务

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

【学生】完成课前任务

考勤

【教师】使用APP进行签到

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

问题导入

【教师】提出问题：

你见过哪些优秀的店铺首页？你能分析出这些店铺首页的设计思路吗？

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

传授新知

【教师】通过学生的发言，引入新的知识点，讲解女装店铺首页的设计思路，并演示制作过程

一、设计并制作女装店铺首页

【教师】通过多媒体展示“女装店铺首页效果”图片（详见教材），并讲解其设计思路

本节将以女装店铺首页的设计与制作为例，介绍店铺首页的设计技巧与制作方法。

（一）设计思路

该女装店铺当前主推春夏上市新品，且目标消费者为25～40岁职业女性。这类女性偏好精致、优雅的极简风，因此店铺风格确定为干净、大气的简约风。接下来根据店铺营销策略和目标消费者的特点，对该女装店铺首页进行视觉营销设计。

1．页面规划

女装店铺首页从上到下依次为店铺招牌、导航、轮播区、优惠券、商品展示区、交互区、页尾。下面对这些区域进行规划和说明。

（1）店铺招牌：选择品牌型店铺招牌，且加入店铺标志，并将其居中摆放，使其更加突显，方便消费者快速识别店铺信息。在店铺招牌靠右位置添加有哪些信誉好的足球投注网站框和收藏店铺按钮，方便消费者有哪些信誉好的足球投注网站商品、收藏店铺。另外，这样安排还可以让店铺招牌显得简洁大气，与店铺风格定位相符。

（2）导航：设置通栏导航，将商品按服装类型进行分类，即导航基础内容为连衣裙、衬衫、毛衣、外套、半身裙、短裤、长裤。考虑到新品上市的营销策略，在导航靠左位置加入上市新品导航项——新品推荐，并在该导航项的右上角添加“NEW”作为装饰，使该导航项更加突显，以引导消费者进入相应的推广页面中。由于该女装店铺商品种类不多，因此不需要设置二级导航。导航中也无须添加任何其他元素，白底黑字的搭配可使导航文字更加突出，方便消费者快速识别信息，也与店铺招牌的风格相呼应。

（3）轮播区：鉴于店铺当前主推春夏上市新品，选择主题活动型海报，并将主题设置为“春夏上新”，借此提醒消费者春夏来临，该换新了。在海报中加入春夏首推新品图片，以引起消费者关注；加入“全场商品2件8折”“活动时间……”等活动信息，引导消费者参与活动、购买商品；加入一些装饰元素，如绿植，丰富画面的同时辅助主题阐述。

（4）优惠券：在轮播海报下方安排多张风格统一的优惠券，用于吸引消费者注意，促进商品销售。优惠券中安排面额、使用条件等内容，方便消费者查看和领取。

（5）商品展示区：将店铺中的部分商品按照新品热卖、爆款热卖两类进行分区展示。内容方面，新品热卖区展示重点推广的商品——春夏上市新品，并以商品自身优势作为信息传达点，以吸引消费者目光；爆款热卖区相当于“商品陈列区”，展示以往销量较高

的商品，为消费者推荐优质商品，以获得消费者的好感。设计方面，新品热卖区采用折线型陈列方式，这种排列方式符合消费者的视觉浏览路线，能给消费者带来良好的视觉感受；而爆款热卖区则采用两行三列的规范陈列方式，且在单个商品展示图中加入购物车图标，引导消费者将商品加入购物车的同时丰富商品展示图的表现。

（6）交互区：添加店铺标志、收藏店铺按钮、客服联系方式、返回顶部按钮，方便消费者操作的同时，加深其对品牌的记忆。

（7）页尾：添加底部导航、店铺声明等，方便消费者选购商品，提高消费者对店铺的信任度。

2．配色方案确定

（1）考虑到店铺风格定位为简约风，所以店铺首页的大部分文字使用黑色，背景以白色为主，这也方便消费者查看店铺和商品信息。

（2）考虑到店铺当前主推春夏上市新品，将海报背景、优惠券背景、页尾背景等设置为蓝色，能够给消费者以清凉之感。其中优惠券背景的蓝色比海报背景的蓝色更深，可使优惠券更加醒目，从而吸引消费者目光。

（3）对购买按钮这类重点强调的内容使用红色，使其非常显眼，以引导消费者点击。

（4）页面中的一些装饰元素使用粉色、紫色等，以丰富画面色彩。

3．构图选择

店铺首页的商品图片主要