《淘宝天猫网店运营-网店的设计与装修课件》由会员分享，可在线阅读，更多相关《淘宝天猫网店运营-网店的设计与装修课件（50页珍藏版）》请在金锄头文库上搜索。
1、,第 5 章,网店的设计与装修,淘宝天猫网店运营从入门到精通,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.1 店铺装修前期准备,为了打造出具有自己特色的店铺，在装修店铺前，一定要提前做好准备。比如需要根据自己的商品确定店铺的风格，然后收集与店铺风格相关的素材。除此之外，还可在淘宝网上浏览其他店铺的装修，吸收优秀店铺的优点，以便更好地规划自己的店铺。,5.1.1 确定店铺类型和风格,店铺所出售的商品不一样，店铺风格就会有很大的差异。比如服装类的店铺，其装修风格一般都
2、比较华丽，多以模特图片为主，非常注重美观性。家具、装修等店铺装修，则比较注重物品的搭配和摆放，运动、数码、五金等类型，则更注重实用性和功能性。,5.1.2 收集素材,收集素材也是装修店铺的一项重要工作，可以简化装修过程。在明确了店铺的类型和装修方向之后，就可以通过各种素材网寻找与自己店铺风格相适应的素材，主流的素材网一般包括素材中国、昵图网、千鸟网、花瓣网等。,5.1.3 认识店铺装修的模块,淘宝店铺中的模块一般包括店招、导航、商品分类导航、公告栏、图片轮播模块等。,导航：导航一般位于店招下方，主要用于对店铺的商品进行大致的分类。,商品分类导航：商品分类导航是对商品进行细分的导航，主要用于方便
3、买家精确找到所需的商品。,图片轮播：图片轮播主要用于播放店铺中的商品图片，可以放置热销商品、新品、打折商品等。,店招：店招就是店铺招牌，位于店铺页面的最上方，一般用以宣传店铺，包括商店的名称，也可放置少量文案和商品图片。,其他模块,5.1.4 文案的策划与写作,1. 文案的策划,分析利益点：将消费者关注的商品的多个方面属性，如实用性、便利性、操作感、安全性等体现出来。,定位使用场景：定位使用场景是指给消费者指明商品的使用场合。,明确“竞争对手”：商品的竞争对手还可是环境、习俗、职业、场合等。,明确顾客群：对消费者的消费行为进行具体分析，了解消费的原因和目的，写出具有较强针对性的文案。,分解商品
4、属性：分解商品属性即明确商品功能，突出商品优点。,01,02,03,04,05,文案的策划,5.1.4 文案的策划与写作,2. 文案的写作,（1） 主图文案,主图文案是网上商品的主要文案之一，一般都字数精炼，一目了然。,目标明确,紧抓需求,精炼表达,5.1.4 文案的策划与写作,2. 文案的写作,（2） 详情页文案,情页文案与转化率息息相关，我们在出售商品时，不仅要吸引顾客查看商品，还需要促成消费者的购买行为，详情页文案即是促成消费者购买的有效手段。,引发消费者兴趣,获得消费者信任,打消消费者顾虑,激发消费者需求,激发消费者购买,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.
5、3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.2 设置店招和导航,店招和导航一般位于店铺的最上方。店招是店铺形象和风格的代表，一般需提前在Photoshop中对店招图片进行制作，然后上传到淘宝店铺中。,5.2.1 店招制作规范,店招的表现形式较多，可以是静态店招，也可以是动态店招。在淘宝网中，店招的制作有一定的规范性，下面对其注意事项进行介绍。 淘宝网支持的店招图片格式为GIF、JPG、PNG。 淘宝店招的图片大小不能超过100KB。店招图片的默认尺寸为950像素120像素，大于该尺寸的部分将被裁剪掉。自定义尺寸可以制作成全屏通
6、栏的宽度，即1920像素150像素。,5.2.2 设计店招,1. 设计常规店招,1、绘制形状,2、填充形状,3、添加文本,4、添加素材,5.2.2 设计店招,1. 设计常规店招,5、链接图层,6、常规店招效果,大小为950 像素120 像素,7.3.2 设计店招,2. 设计通栏店招,1、添加参考线,2、填充形状,3、编辑形状,7.3.2 设计店招,2. 设计通栏店招,4、输入导航内容,5、通栏导航条效果,5.2.3 上传店招,1. 上传默认店招,1、编辑店招,2、选择图片,5.2.3 上传店招,1. 上传默认店招,1、编辑店招,4、查看店招效果,3、选择图片,7.3.3 上传店招,2. 设置背
7、景色,5.2.3 上传店招,3. 上传自定义通栏店招,2、码工助手,1、店招切片,3、设置热区和跳转,5.2.3 上传店招,3. 上传自定义通栏店招,5、粘贴代码,4、导出并复制代码,5.2.3 上传店招,3. 上传自定义通栏店招,7、查看效果,6、设置页头背景,5.2.4 设置导航条,1、编辑导航条,2、管理分类,3、查看导航效果,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.3 设置分类导航,为了满足卖家分类放置不同商品的要求，同时方便买家更好地搜索商品，淘宝提
8、供了分类导航的功能，卖家可以根据自己商品的类型设置不同的分类。,5.3.1 分类导航制作规范,为了店铺美观，可以专门为商品分类导航制作图片或图标。 自定义制作的分类导航，其颜色、风格等应该与店铺的整体装修风格相适应。 商品分类图片宽度最好不超过160像素，否则当显示器分辨率小于或等于1024768像素，容易造成店铺首页宝贝分类栏右侧的商品列表下移。 在商品分类中，还可以添加子分类。为了方便操作，建议先完成子分类的创建，再将商品转入到相关分类下。,制作分类导航按钮,1、绘制形状,2、设置形状,3、切片,5.3.3 设置分类导航按钮,1、添加分类,2、上传图片,5.1 店铺装修前期准备,内容导航,
9、5.2 设置店招和导航,5.3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.4 添加店铺其他装修模块,淘宝提供了非常丰富的装修模块，如图片轮播、宝贝排行、宝贝分类、宝贝搜索、客服中心和公告栏等，卖家可以根据自己店铺的实际装修需要来选择模块。,5.4.1 图片轮播模块,1. 制作常规轮播模块的图片,1、调整图片,2、输入和设置文本,3、查看效果,5.4.1 图片轮播模块,2. 设置常规轮播模块,1、选择图片,2、添加图片,5.4.1 图片轮播模块,3. 制作全屏轮播图片,全屏轮播图片效果是可以覆盖整个屏幕的一种效果，因此全屏轮播图片
10、的宽度要制作成1920像素，高度一般以400800像素为最佳。,5.4.1 图片轮播模块,4. 设置全屏轮播图片,1、添加自定义模块,2、使用码工助手,3、设置图片链接,4、设置图片效果,5.4.1 图片轮播模块,4. 设置全屏轮播图片,5、复制与粘贴链接,6、查看效果,5.4.2 客服中心,1、设置工作时间,2、新建客服员工,5.4.2 客服中心,3、设置岗位,4、修改权限、客服名称,5.4.3 商品搜索,淘宝为买卖家提供了店内宝贝搜索模块，通过该模块可以帮助消费者快速搜索所需的商品。,1、添加搜索模块,2、查看搜索效果,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.3 设
11、置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.5 设计商品详情页,商品详情页是由文字、图片、视频构成的，向买家介绍宝贝属性、使用方法等详细情况的页面，是卖家向消费者推荐商品的关键页面，它的主要作用是完成订单，是影响店铺转化率的关键页面。,5.5.1 商品详情页制作规范,商品详情页的风格应该与店标风格、店招风格等相适应，不能相差太大，以免页面整体不协调。 商品详情页的内容一般都比较多，为了避免加载过慢的问题，建议不要使用太大的图片。 商品详情页主要通过浏览器进行浏览，因此要保证图片链接正确。 在店铺管理页面中直接制作商品描述十分不方便，
12、因此建议先通过Photoshop制作好商品详情页再进行上传。 商品详情页的宽度和高度没有具体要求，但是宽度一般在750像素以内,5.5.2 制作商品详情页,1、先制作详情页的首屏海报,5.5.2 制作商品详情页,2、制作细节展示,5.5.2 制作商品详情页,3、制作其他部分,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,疑难解答,文案写作有哪些技巧？ 详情页文案写作应注意什么？ 店铺装修应注意哪些色彩处理问题？ 网店主色调该怎么选择？,5.1 店铺装修前期准备,内容导航,5.2 设置店招和导航,5.3 设置分类导航,5.4 添加店铺其他装修模块,5.5 设计商品详情页,5.6 疑难解答,5.7 课后实训,5.7.1 实训一：制作与装修“茶叶”店铺的通栏店招,本实训要求利用素材制作一个“茶叶”店铺的通栏店招，可参考如所示的效果，制作完成后将其上传到淘宝店铺中。,5.7.2 实训二：制作与装修“茶叶”店铺的全屏海报,本实训要求利用素材制作一个大小为1920像素500像素的全屏海报，参考效果如所示，制作完成后通过码工助手生成代码，然后将全屏海报上传到淘宝店铺中。,谢谢观看,淘宝天猫网店运营从入门到精通,网店的设计与装修,
