6.2 移动端网店首页视觉营销设计(课件）-《网店视觉营销》同步教学（高教版）

第6章 网店首页视觉营销设计 目录 6.1 6.2 6.3 移动端网店详情页视觉营销设计 移动端网店首页视觉营销设计 认识移动端网店视觉营销 6.4 本章综合实训 案例导入 2019年天猫“双11”全天交易额达到2684亿元，较2018年天猫“双11”成交额增加了549亿，再破历史纪录。其中，APP移动端交易额逐年成倍增长，成为电商消费的主战场。移动电商无论是在我国整体电商行业，还是在我国数字经济时代，都成了不可分割的重要组成部分。 近年来，随着移动互联网的高速发展，人们的生活越来越离不开智能手机，智能手机快速改变着消费者的生活。人们现在外出可以不带钱包，但是不能不带手机。《2020年第45次中国互联网络发展状况统计报告》显示，截至2020年3月，我国手机网民规模达8.97亿人，较2018年年底增长7992万，我国网民使用手机上网的比例达99.3%，较2018年年底提升0.7个百分点。移动端技术的发展极大地刺激了移动端购物平台的发展，如手机淘宝网、蘑菇街等，在这种形势下，许多界面视觉设计师转入移动端设计领域，众多电商、品牌广告主也纷纷推出自己的手机移动端网店或商品销售类网站。 案例导入 移动端网店对卖家来说是重要的流量入口，有的卖家主要依靠手机移动端网店获得流量，所以，移动端网店的视觉营销设计尤为重要。下面两张图是两家手机移动端网店的首页,移动端网店的顶部是店招，其中包含店铺名称、关注、导航菜单等信息；移动端网店底部有全部商品、商品分类、联系客服等信息。 案例导入 以下两图是手机移动端网店的详情页，其中，左图上端显示的是主图视频，并含有商品的标题、优惠券等信息。在详情页的最下面有店铺、客服、收藏等图标，也有“加入购物车”“立即购买”按钮，点击店铺图标，可以直接进入手机移动端网店的首页。 案例导入 通过分析移动端网店，发现手机移动端网店与PC电脑端网店存在一定的区别，PC端网店通常以大夺人眼球，突出卖点信息；而移动端网店装修要简单，所需商品图片数量较少，更加注重细节表达。需要注意的是，移动端描述与PC电脑端描述要保持一致，避免产生消费纠纷与违规事件。 案例思考： 1.移动端网店视觉营销特点与设计原则分别是什么？ 2.移动端网店与PC端网店主要有哪些区别与联系？ 3.如何设计移动端网店的首页与详情页？ 6.2 移动端网店首页视觉营销设计 7 6.2.1移动端网店首页布局特点 为了方便管理，手机淘宝网移动端首页给卖家划分好了功能模块，卖家只需选定自己需要的功能模块，即可完成首页的布局。 店招 轮播海报（焦点图） 品牌推广、主打商品、新品上市、促销活动 优惠券 分类导航 合理的分类缩减购物路径 按价格、功能、季节、人群、品类等 活动海报 店铺活动、商品活动、节日大促 分类商品 可用文字或者商品图片来做分隔引导 商品陈列 每屏都有主推的商品，商品图重点突出，陈列规范统一 6.2.1移动端网店首页布局特点 （1）店招。 店招的位置是固定的，不支持个性化设置。 店招内容和图片可以根据不同的店内促销活动主题、节日主题和淘宝网官方活动主题进行设计制作，店招颜色应与店铺整体色调风格保持一致。 （2）轮播海报。 可以在单位空间内放置2-4张海报并设置链接功能，支持动态切换。 轮播海报展现移动端网店的促销活动、新品上市、主推商品的信息，能够给消费者过目不忘的效果。 （3）优惠券。 在通常情况下，可把它放在网店首页的上方位置，以尽早引起消费者的关注，优惠券的图片通常以醒目的字体和颜色进行标识，并标明优惠券的金额和使用门槛。 6.2.1移动端网店首页布局特点 （4）分类导航。 价格、功能、季节、人群、活动、品类等进行整理归类。 （5）活动海报。 活动海报可以展示店铺活动，也可以展示商品活动、节日大促活动。 通常在海报中标清具体优惠力度的数字，引导客户以搭配套餐的形式一次性购买多件商品，或者成套商品，搭配的产品图片也应适当突出，并配合相应的文字进行说明。 （6）分类商品。 可以通过放置商品分类的图片或者通过文字标题，链接到相应的商品分类页面，分类商品图片要做到各张分类图片的风格和色调相一致，不要出现色彩的跳跃。 （7）商品陈列。 商品陈列包含商品图片、简短宝贝标题、宝贝卖点、宝贝价格和“立即购买”等元素。 主推商品以单行形式展示，其他商品则以双行形式展示。 6.2.1移动端网店首页布局特点 提示： 由于轮播海报区域放置的焦点图数量有限，可以通过自定义模块，根据网店需求设置模块大小、图片尺寸和商品链接。促销信息应该合理分布在商品陈列区域和商品分类区域之间，尽量不要让促销海报出现堆积，容易引起消费者的视觉疲