电子商务视觉营销课件 项目四 店铺首页的视觉营销设计.pptxVIP

店铺首页的视觉营销设计项目四

CONTENTS目录认识店铺首页任务一店招与导航的视觉营销设计全屏海报的视觉营销设计任务二任务三优惠活动区的视觉营销设计任务四

任务目标Taskobjectives店铺首页可以让消费者对店铺有更加直观的了解，从而促进商品销售。本任务将帮助读者掌握店铺首页的功能区模块及布局要点。

（一）店铺首页的功能区模块1．店招与导航店招即店铺的招牌，位于店铺首页顶端。店招不仅代表着店铺的第一视觉印象，而且兼有宣传店铺的作用。上图所示为蓝月亮官方旗舰店的店招与导航，其主营商品为洗衣液、洗手液等日常清洁用品。在店招设计上，采用了该品牌的品牌色蓝色为主色，深浅不一的蓝色具有丰富的层次感。

（一）店铺首页的功能区模块全屏海报一般位于导航下方，是首页的第一屏，用于展示店铺当前活动的主题、主推的商品等内容。2．全屏海报例如，右图所示为蓝月亮官方旗舰店的全屏海报，整个全屏海报清爽、干净，与店铺整体的风格相匹配，符合清洁用品定位。

（一）店铺首页的功能区模块3．店铺优惠区店铺优惠区是首页中重要的功能区，展示店铺当前优惠活动，如优惠券、满减、打折等。蓝月亮官方旗舰店首页的优惠活动板块设计，主要是对优惠券进行展现，突出了优惠券数额，规整的布局方便消费者快速浏览，领取按钮突出，便于消费者点击，如右图所示。

（一）店铺首页的功能区模块商品分类区一般位于店铺优惠区的下方。在设计商品分类区时，为了更好地发挥商品分类区的作用，可从店铺的装修风格、分类图像的大小和分类方式等方面入手。4．商品分类区蓝月亮官方旗舰店首页的商品分类区主要通过对不同商品类型的展现，让消费者可直接单击对应的类型进行商品的选择，如左图所示。

（一）店铺首页的功能区模块商品促销展示区是店铺首页的主要区域之一，占据了店铺首页的大部分版面。5．商品促销展示区左图所示为蓝月亮官方旗舰店的商品促销展示区，该区域主要展示了热卖单品，从商品图的拍摄、颜色搭配到背景设计均能反映出蓝月亮的品牌定位。

（一）店铺首页的功能区模块6．页尾页尾通常位于店铺首页的底部，主要用于展现店铺相关服务或是承诺，如服务时间、发货时间等，目的在于提高消费者对店铺的信任度。上图所示为蓝月亮官方旗舰店的页尾，在色彩上运用了灰色与品牌主色，与整个首页的色调统一。

（二）店铺首页的布局要点店铺首页并不是要将所有的模块都堆积在一起，而需要将各模块进行合理的组合排列，设计师在布局店铺首页时，需要注意以下要点。?在制作店铺首页时要考虑店铺风格、商品特点、目标消费人群等因素，以保证店铺风格与商品的一致性。?在制作首页的导航时，各商品类目要清晰明了，方便消费者能快速找到其需要的商品。?全屏海报的设计要清晰、醒目，要让消费者一眼就能够看到海报的内容?在排列商品时要根据商品的实际销售情况和点击率进行布局。?模块之间的布局要详略得当、清晰明了。

实训要求任务实训——赏析小熊生活电器旗舰店首页Tasktraining结合本任务所学知识，赏析右图所示的小熊生活电器旗舰店首页，从店招与导航、全屏海报、商品分类区、商品展示区、页尾等方面，分析各个板块的设计方法，掌握店铺的视觉要点。

Tasktraining实训目标掌握店铺首页的视觉营销要点。实训思路步骤01店招与导航。步骤02全屏海报。步骤03商品分类区。步骤04商品展示区。步骤05页尾。任务实训——赏析小熊生活电器旗舰店首页

观察右图所示的周生生旗舰店首页，分析首页中的模块布局，以及布局要点是怎样体现的。任务考核Taskassessment

CONTENTS目录认识店铺首页任务一店招与导航的视觉营销设计全屏海报的视觉营销设计任务二任务三优惠活动区的视觉营销设计任务四

任务目标Taskobjectives本任务将帮助读者先了解店招与导航的类型与视觉设计风格要点，再掌握店招与导航的设计与制作。

（一）店招的类型与视觉设计风格一般来说，店招主要包括品牌型和商品型两种类型。1．店招的类型?品牌型店招。以品牌形象展示为主。进行视觉设计时，可体现店铺名称、品牌Logo、品牌成绩等内容，以体现品牌的品质和实力，如右图所示。?商品型店招。以商品导购为主。进行视觉设计时，可体现商品信息，如商品图片、商品价格等，用于快速引导消费者进行商品的选购，如右图所示。

（一）店招的类型与视觉设计风格店招的风格引导着整个店铺的风格，而店铺的风格大多取决于店铺的商品。一般来说，店铺中的店招、导航、商品风格应与店铺的整体风格一致。如下图所示。2．店招的视觉设计风格不同类型的店铺因为面向的消费人群不同，其店招的风格也不相同，如下图所示。

（二）导航的类型与视觉设计要点导航主要分为横排与竖排两种类型，其中横排导航最为常见，也是大多数商