淘宝详情页模板素材出炉，分享淘宝店铺装修全攻略

点击上方“蓝字”关注本公众号

今天我们来详细讲解关于淘宝推广中一种常见的推广——钻石展位推广，又称“钻展”。钻石展位依靠图片创意吸引买家点击，获取巨大流量。

钻石展位是面向全网精准流量实时竞价的展示推广平台，支持按展现收费和按点击收费，以精准定向为核心，为客户提供精准定向、创意策略、效果监测、数据分析等一站式全网推广投放解决方案，帮助客户实现更高效、更精准的全网数字营销。

从2016年下半年开始，钻石展示全新改版升级为“智·钻”，操作更加方便，功能更加强大，如图所示。

钻石展位改版后智钻及功能

钻石展位展现的地方非常多，有淘宝、天猫首页，以及各个频道大尺寸展位、淘宝无线App端及淘宝站外，如新浪微博、腾讯、优酷等各大优势媒体。可以在钻展后台“资源位”中查看，一共分19个行业，其中“网上购物”为淘宝站内的资源位，其他为全网资源，如图所示。

钻展展示平台

下图所示为淘宝首页焦点图展示的位置。

首页焦点图展示

钻石展位比较多，图片尺寸也会根据投放的网站位置不同而不同，比较热门的资源位及尺寸如下图所示。

钻展广告位展示位置及尺寸

钻展的投放方法是比较简单的，仅需3步就可以完成投放，如图所示。

钻展投放流程

钻石展位是在按照“展示付费（CPM）”的基础上增加“点击付费（CPC）”的一种结算模式。在后台可选择的资源位上用“点击付费”的模式投放，展示是免费的，点击就会扣费。

CPM是指创意被展现1000次所扣除的费用，例如，CPM为4元，即表示创意被展现1000次需要扣除4元。需要注意的是，CPM是指展现1000次所收取的费用，而不是1000次点击，点击是不收费的。钻展CPC的计算方法是广告投放总费用/带来的点击。

对比两种投放模式可以发现：CPM圈定人群更细，适合店铺老客维护；CPC圈定人群更广，点击成本可控，适合店铺拉新。

通过对钻石展位基础的讲解，不难发现，钻展投放的效果好与坏、图片的设计与创意直接影响到引流成本的高低。

淘宝首页焦点图设计规范如图所示。

首页焦点图设计规范

1. 钻展图设计制作的4个方面

（1）风格

确立创意风格，如清新小文艺、大牌风、萌系等（美女、卡通、萌物、明星代言人等）。

（2）亮点

深入挖掘产品卖点、闪光点，如产品功效、产品广告语、产品特点、页面风格等。

（3）文案

让客户熟悉自己的产品和品牌，读起来朗朗上口（百雀羚：正品百雀羚，当选旗舰店；美即面膜：停下来享受美丽；PBA：真的白没有妆；韩束：七分养三分妆）。

（4）排版

排版结构尽量以简约为主，在繁杂的背景中突出自己产品的亮点，一切配图文字都以突出产品卖点为标准。常见构图方式有左文右图、左图右文圆形构图、上中下（产品+文案+产品）、左中右（产品或模特+文案+产品或模特）等。

2. 钻展图设计创意要点

（1）突出主题

一个钻展图片要有一个明确的主题。关键词的设置要摆放到位，如关于产品信息、折扣促销信息方面。没有明确主题和概念的设计只是一个空壳，它不能达成作为设计、信息传达的使命。

（2）产品图（卖点）

要想买家产生购买的冲动，一定要突出产品的卖点，排列有序并且将其富有创意地进行组合。

（3）风格与配色

确定主题风格，要与店铺风格相对应，符合产品或店铺调性。主色调控制在3种颜色内，以其中一个主色作为主宰色调的核心。

（4）排版布局

可以选择几何环绕型、左右分割或者产品图中间夹杂文案等。太满则溢，要给人留下适合的空间。

学会少即是多，有失才有得，简约而不简单。整个创意文字加图片内容部分不超过整个图片的三分之二。

3. 钻展图推广的3种类型

（1）推广单品

主题突出：突出单品。文案简洁有层次，第一层是产品卖点，第二层是促销信息。

字体颜色：字体颜色不超过3种，要与产品相匹配。

推广目的：打造爆款，卖货为主。

钻展图效果如图所示。

推广单品

（2）推广活动和店铺

主题突出：以活动和店铺促销为主题。文案简洁，有层次，折扣促销信息要有冲击力。

字体颜色：字体颜色不超过3种，要与自己的店铺活动相统一。

推广目的：配合活动或店铺促销，既能提高销量，又能提高品牌和店铺的知名度。

钻展图效果如图所示。

推广活动和店铺

（3）推广品牌

主题突出：坚持一贯的品牌个性，不断传递品牌口号，文案简洁有层次，弱化促销信息+品牌。

字体颜色：配合自己品牌的VI。

推广目的：追逐长期的品牌效益，长期投放。

钻展效果如图所示。

推广品牌

4. 钻展图设计注意事项

（1）由于淘宝网首页不允许出现Flash广告，所以，只能用JPG格式或者GIF格式的图片。字体建议使用方正字体,以及宋体、黑体。

（2）所有广告投放的素材必须清晰，否则不但影响视觉效果，还会降低点击率。

（3）广告素材要求无边框，无阴影。由于动态效果的图片会影响页面打开的速度及顾客体验，因此，在广告素材方面建议做成静态图。

（4）图片严禁出现鼠标的手形、箭头等形状。

（5）图片严禁出现假分页、翻页；严禁出现视频模式。

（6）不能出现杂志、媒体、明星推荐、OS认证等字样。

（7）图片严禁出现拼接形式，不得出现白色竖条。

① 除非有授权，素材创意中禁止出现旺旺表情、QQ表情等在线的表情图片。

② 禁止使用未经授权的图片、明星、模特。

③ 禁止出现聚划算（包括巨划算）、商城Logo的淘宝官方活动字样和形式。

（8）创意中不能出现月销千件、全网最低、淘宝销量第一、销售冠军、热荐、顶级等类似以淘宝名义进行宣传或虚假描述给用户造成误导的字眼。

① 严禁出现“静脉曲张”字样。

② 创意设计避免恶俗、色情等元素。

③ 严禁利用恭喜工匠、领取等形式作推广。

④ 不能借用当前热点事件进行推广。

⑤ 推广图片内容不得与链接页面不符。

⑥ 避免在同一时间和同一页面同时出现你的广告，如果出现2次就会拉进黑名单。

钻展活动投放，每次都需要设计制作不同尺寸的图片，如果每一张图都使用Photoshop来制作，速度相对就比较慢，可以通过后台提供的在线图片编辑器来完成。之前有钻展BM（钻展加速器）可以使用，但是在2016年5月，运行了8年的钻展BM停止了服务，替代它的是“智钻创意工具”，本节会详细地进行讲解。

步骤01  通过淘宝首页登录卖家中心，在营销中心中选择“我要推广”，如图所示。

智钻登录入口

步骤02  服务市场提供了4种推广模式，选择第二个钻石展位“智钻”，单击“立即登顶”按钮后即可进入智钻后台，如图所示。

登录智钻后台

步骤03  进入智钻后台选择“创意”。系统提供了创意管理、创意模板库、创意快捷制作、排行榜和回收站，如图所示。

智钻创意后台

步骤04  如果设计制作好了钻展图，可以在“创意管理”界面中选择本地上传，如图所示。

本地上传设计图片

步骤05  在添加创意中，提供有图片、Flash、文字链接、套图、视频等。选择图片，在上传创意中单击“浏览”按钮，选中设计好的尺寸图，即可完成上传，如图所示。具体钻展的各种尺寸可以在钻石展位销售平台中查看。

添加本地上传创意

步骤06  还可以通过创意模板库来制作钻展图，全面升级后的创意模板库样式更多、更强大，如图所示。可以选择站内、站外、视频及无线Feeds平台，通过筛选条件，可以选择尺寸、类目、营销场景、构图及设备等，还可以在风格中选中自己喜欢的风景进行条件筛选。

创意模板库

步骤07  在筛选条件中选中“箱包”，在模板排序中，系统提供的所有模板样式都会展现出来，选中自己需要的其中一个模板，单击“开始制作”按钮，如图所示。

创意模板库选中箱包

步骤08  在创意详情中，可以选择PC和无线端的图片各种尺寸，如图所示。

PC和无线端的图片尺寸

步骤09  进入模板编辑后台，会发现选中的所有尺寸钻展图都在后台显示，如图所示。

钻展尺寸图

步骤10  接下来就要替换掉模板示例中的商品图，把自己的产品图上传到素材库中，上传完成后，选中商品图，单击“确定”按钮，如图所示。

上传替换商品图

这时，模板中的商品图全部进行了替换处理，如图所示。值得注意的是，直接旋转商品图，可以拖曳商品图的大小和位置。

商品图的编辑

步骤11  改变商品的背景颜色，可以直接选择系统提供的六种颜色，还可以自由选择一种背景颜色，如图所示。

背景颜色的修改

步骤12  选中模板中的示例文字，就可以对它进行编辑，如图所示。

文字的更换和编辑

步骤13  当把所有的文案内容编辑好之后，就可以对钻展图进行生成。在创意管理中，可以查看刚才创建的钻展图信息已经进入审核阶段，同时还可以查看全部尺寸，进行重新编辑、复制和删除操作，如图所示。

钻展图的生成查看

智钻工具在创意中除了提供创意模板库之外，还提供了创意快捷制作、创意排行榜、创意COOL等工具，很好地解决卖了家钻展图不同尺寸设计制作的烦琐工作，远远比Photoshop逐一制作方便快捷得多。

• 内容梗概

全书共10章，内容从美工设计必备知识开始，到淘宝无线端的装修设计。

第1章对美工从业者所需要必备的知识进行了梳理。

第2章重点讲解商品的美化和效果制作，从Photoshop基础入手，由浅到深，循序渐进，配合案例综合讲解。从裁剪、修图美化、图像调色、抠图处理、醒目标识制作，到文案排版、促销广告图设计制作，合理安排学习Photoshop软件的同时，你也能掌握日常美工设计软件必备的技巧。

第3章对店铺Logo制作进行讲解。从Logo前期设计准备到一个Logo草图的诞生，再到Photoshop后期制作，系统讲解从无到有的创作步骤。

第4章对店铺首页整体装修的详细讲解，从智能版旺铺、首页布局到店招设计、导航设计、首页海报设计、陈列区的规划和设计，再到容易忽略的店尾设计。可以说，学完本章内容，马上就可以制作出一个心满意足的店铺首页。

第5章对店铺常用的活动图设计进行了讲解，包括直通车、钻石展位、聚划算等都是店铺经常要做的付费营销推广活动，制作一个高点击率的活动图是每个淘宝美工设计人员首要考虑的因素。考核美工设计的其中一个标准就是设计的活动图，是否有足够的创意，是否有较高的点击率。

第6章对详情页的设计制作进行了讲解。详情页占据了一个店铺最多的流量入口，消费者是否购买我们的商品，最终还是要通过详情页描述来做出决定。在淘宝的虚拟店铺中，一个足以吸引人眼球的详情页，是每一个淘宝电商从业者不懈的追求。

第7章对图片切片和优化进行了讲解。当消费者浏览我们的店铺时，因网速和服务器的制约，会造成加载速度过慢、卡机等不良的用户体验。所以，对图片进行后期优化处理，选择合适的图片格式是必不可少的环节。

第8章对Dreamweaver排版和表格编辑进行了讲解。在店铺装修过程中，总会遇到一些一张图片上添加多个卖点链接的情况，那么就可以在Dreamweaver这款软件里轻易实现。

第9章对主图视频编辑制作进行了讲解。淘宝店铺的商品，除了文字和图片展示，视频展示无疑是最直观、最明了的，全方位360°对某个商品进行展示。

第10章对手机淘宝装修进行了讲解。在淘宝购物中，无线端流量已经远远超越PC端，这也直接地告诉我们一线从业者，客户都去手机上购买了，而我们的手机淘宝店铺装修也要重视起来。

• 本书适合读者

本书不仅适合淘宝店主、淘宝美工、电商相关从业者、自学爱好者，也适各培训机构、职业院校关专业作为参考教材。

笔者2009年开始从事一线教学工作，2010年又兼顾网络课程教学内容，视频学习人员受众达百万之多，广受好评。

延伸阅读