《电子商务视觉设计》PPT课件（共11章）第9章手机移动端淘宝店铺视觉设计.pptxVIP

越来越多的消费者选择通过手机移动端淘宝店铺进行购物，是因为手机移动端店铺所具备的特点给予了他们很好的用户体验，但是这些特点并不足以让消费者决定购买，所以还需要对店铺进行个性化且更为具体的设计，对店铺的各个细节进行优化，营造出良好的销售氛围，让消费者最终被店铺所吸引并产生购买行为。 手机移动端淘宝店铺视觉设计 第9章 目录 CONTENTS 与 PC 端店铺首页的设计方法类似，手机移动端店铺首页同样可以根据商品、店铺品牌等定位的不同采用不同的设计风格与设计方式。 9.1.1 轮播图片优化设计 轮播图片也称焦点图，通常被放在店铺的首焦页面，也就是第一屏中能被消费者快速看到的位置。 通常情况下，轮播图片会包含店铺上新活动通知、促销活动展示等内容。轮播图内容要尽量简洁，文字表现清晰，主次分明且能达到快速传播的目的，这是轮播图片设计的要点。 卖家在设计时也要注意控制好轮播图片的数量，以及展示的先后顺序。一般来说，2 ～ 4 张图片轮播展示较为适中。在设计时卖家可以根据店铺活动的重要程度或先后顺序对轮播图片的位置进行相应的调整。 9.1.1 轮播图片优化设计 轮播图片也称焦点图，通常被放在店铺的首焦页面，也就是第一屏中能被消费者快速看到的位置。 通常情况下，轮播图片会包含店铺上新活动通知、促销活动展示等内容。轮播图内容要尽量简洁，文字表现清晰，主次分明且能达到快速传播的目的，这是轮播图片设计的要点。 卖家在设计时也要注意控制好轮播图片的数量，以及展示的先后顺序。一般来说，2 ～ 4 张图片轮播展示较为适中。在设计时卖家可以根据店铺活动的重要程度或先后顺序对轮播图片的位置进行相应的调整。 9.1.2 优惠券的优化设计 在进行视觉设计时，一般都将优惠券放在店招或轮播图片的下方，并留出足够的空间，使用较为鲜明的色彩，让消费者能够注意到优惠券，只有这样才能真正发挥其引流与促进转化的作用。 过于花哨的设计有时反而会让优惠券淹没在各种视觉元素的冲击之中。 店铺中的某些优惠活动也可以被设计成优惠券的形式。 在优惠券上添加“立即领取”之类的视觉元素，可以在一定程度上左右消费者的点击行为，相对于没有明显按钮引导的优惠券板块而言，有按钮引导更富操作的提示感。 9.1.2 优惠券的优化设计 在进行视觉设计时，一般都将优惠券放在店招或轮播图片的下方，并留出足够的空间，使用较为鲜明的色彩，让消费者能够注意到优惠券，只有这样才能真正发挥其引流与促进转化的作用。 过于花哨的设计有时反而会让优惠券淹没在各种视觉元素的冲击之中。 店铺中的某些优惠活动也可以被设计成优惠券的形式。 在优惠券上添加“立即领取”之类的视觉元素，可以在一定程度上左右消费者的点击行为，相对于没有明显按钮引导的优惠券板块而言，有按钮引导更富操作的提示感。 9.1.3 商品分类导航优化设计 通常情况下，在手机移动端店铺首页中，展示完轮播图片或是优惠券板块后便会出现分类导航板块。 在设计这个板块时，要注意控制好显示尺寸与比例，使其能够清晰与完整地展示在消费者面前，起到快速导航的作用。 9.1.4 商品分类展示优化设计 在商品分类导航之后，便会出现商品分类展示板块。与 PC 端店铺首页一致，该板块会被分为几个区域，但与 PC 端有足够的空间去装饰与美化商品分类展示板块不同，在手机移动端为了迎合目标群体求快、求便的心理，应当尽量简洁，并在第一时间展示商品图片。 9.1.4 商品分类展示优化设计 通常情况下，手机移动端店铺首页商品分类展示会以爆款或促销的商品图片形式呈现，将全店最受欢迎或最优惠的商品放在第一区，以促进手机移动端店铺购买力的转化。 9.1.4 商品分类展示优化设计 手机移动端消费者较为关注店铺新品与应季产品的发布，因此在商品分类展示的第二区中可以对新品与应季产品进行展示。 9.1.4 商品分类展示优化设计 除了上述的第一区与第二区以外，还有第三区、第四区……在这些区域中可以根据店铺需求放置不同的商品，例如设置“店长推荐”区域。注意，分区不宜过多，因为过多的分区会导致消费者长时间下拉页面，很可能会使他们失去浏览的耐心，那样位于下方的分类展示便会失去存在的意义。 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.1 详情页设计的FABE原则 9.3.2 商品详情页的设计误区 9.3.2 商品详情页的设计误区 9.3.2 商品详情页的设计误区 9.3.2 商品详情页的设计误区 9.3.2 商品详情页的