移动端店铺首ppt课件.pptx

,移动端店铺首页与详情页装修设计,CHAPTER ELEVEN,对店铺进行个性化且更有亲和力的设计，对店铺的各个细节进行优化，才能给店铺营造良好的购物氛围，让买家最终被店铺所吸引并购买商品。,掌握店招的装修设计方法。掌握轮播图片的装修设计方法。掌握优惠券的装修设计方法。掌握商品分类导航及分类展示的装修设计方法。了解店铺详情页设计的FABE原则。掌握手机淘宝店铺详情页的设计方法。,学习目标,Contents,目录,移动端店铺详情页装修设计,2,移动端店铺首页装修设计,1,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,用鞋子展示图片作为底图，与店铺“女鞋”的主题相呼应,一、移动端店铺首页装修设计,PC端店铺与移动端店铺店招设计的不同,把模特图作为简单背景底图来使用，不仅迎合了店铺的销售气氛，也能让消费者在第一时间了解店铺中的主营商品。,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,一、移动端店铺首页装修设计,第二区中对新品与应季商品展示,一、移动端店铺首页装修设计,Contents,目录,移动端店铺详情页装修设计,2,移动端店铺首页装修设计,1,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,FABE原则,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,商品展示细节图片,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,海报图片,商品实拍图片,二、移动端店铺详情页装修设计,详情页中插入了过多的与商品信息无关的关联商品图片，不仅可能影响加载速度，也无法让消费者及时地看到主打商品信息。消费者很可能会因为急于寻找主打商品信息而忽略对这部分内容的浏览，因此并起不到引流的作用。关联商品图片的数量保持34张较为合适，且与所销售商品紧密相关或配套的商品更能引起消费者的关注。,二、移动端店铺详情页装修设计,二、移动端店铺详情页装修设计,关联信息繁琐,课后习题,1在手机淘宝上搜索玩具类目排名前五的店铺首页设计，分析其有何优势。2请举例说明FABE原则在移动端店铺详情页设计中的具体应用。3假如你要为某品牌笔记本电脑的移动端店铺设计详情页，请简述自己的设计思路。,