钻展设计技巧分享

钻展banner设计思路一．钻展图的作用和意义1.什么是钻展图钻展图的全称为钻石展位图，是淘宝网图片类广告位竞价投放平台，是为淘宝卖家提供的一种营销工具。

钻石展位依靠图片创意吸引买家点击，获取巨大流量。

钻石展位是按照流量竞价售卖的广告位。

计费单位为CPM（每千次浏览单价），按照出价从高到低进行展现。

卖家可以根据群体（地域和人群）、访客、兴趣点三个维度设置定向展现。

2.钻展投放的目的和策略目的：策略：①.单品推广：适合热卖单品，季节性单品；适合想要打造爆款，通过一个爆款单品带动整个店铺的销量的卖家；适合需要长期引流，并不断提高单品页面的转化率的卖家。

②活动店铺推广：适合有一定活动运营能力的成熟店铺；适合需要短时间大量引流的店铺。

③品牌推广：适合与明确品牌定位和品牌个性的卖家。

3.钻展投放的步骤1、选择广告位。

2、根据广告位的尺寸设计创意并上传。

3、创意审核通过后，制作投放计划。

4、充值。

5、完成投放。

4.钻展图投放的位置路径：卖家中心-我要推广-钻石展位二．钻展图设计要求1.因地制宜和直通车不同，钻展的位置众多且尺寸各异。

在钻展位置方面，仅投放大类就包括天猫首页、淘宝首页、淘宝旺旺、站外门户、站外社区、无线淘宝等，对应的钻展尺寸更是高达数十种，不同的钻展位置由于针对人群不同，其消费特征和兴趣点也各不同，不同尺寸的钻展位置给了我们不同的设计发挥。

因此我们在制作钻展图片时，要根据位置、尺寸等信息调整广告诉求，并采取合适的表达方式，这就是钻展图片的个性化、定制化合差异化特征。

以卫浴为例，在pc_网上购物_淘宝我要买_通栏位置上，由于其是细长条形，设计师采用了一字型组合呈现方式，画面布局简单时尚，很好地契合了钻展位置的尺寸特征，如图所示：又如在pc_网上购物_淘宝首页焦点图右侧banner二的钻展位置上，下图洁面乳的图从色彩上很好地与周边图片相呼应是否符合资源位要求在哪查看？答：卖家中心-我要推广-钻石展位-尺寸-资源位图片要求2.主图突出钻展的主图可以是产品图片，可以是创意方案，还可以是买家诉求的呈现。

无论如何，钻展主图的可操作性要比直通车主图更强，这是因为一般钻展的尺寸要相对大一些，且有多种规格可选。

在这种情况下，要求主图一定要突出，才能够吸引更多买家的点击。

如下图所示，鞋子的品质感和做工样式，令人忍不住想拥有一双。

3.目标明确相对于直通车主图更多针对单品引流，核心实现单品转化的目的而言，钻展投放的目的可能会有很多种，比如通过钻展引流到聚划算款，通过钻展预热大型活动，通过钻展进行品牌形象宣传，通过钻展上新等。

所以，在钻展图片的设计制作中，首先需要我们明确自己的营销目标，再根据它进行针对性的素材选择和设计，这样点击率才更有保障。

如下图，核心目的是为聚划算引流，令人一看便知。

4.形式美观但凡美的东西总是令人无法抗拒，形式美观的钻展图片，更能获取客户好感进而实现高点击。

在素材相同、创意类似的情况下，钻展图片的美感就成为了决胜关键。

如下图，这是一款男士棉衣的钻展图，设计师在排版，配色，字体，标签的使用方面，均符合促销的主题，对于用户有极强的拉动力。

三．钻展图设计形式参考1.整体排版方式①．两栏式：左文右图or左图右文图片文案两边分，最简单的构图；一般主体占整个画面的7/10；在文案排版上一定要突出中心点②．三栏式：中间文字两边图图片以不同大小位置摆放，形成空间感，适合多个产品，或者多色③．上下式：上面文字下面图产品或者文字占画面的2/3，主要用于多系列产品促销活动④．组合式1：模特+文字+图给人感觉画面丰满，容较多，特别适合化妆品等页面设计⑤．组合式2：两边模特+文字+图左右两边模特，上面文字，下面产品，适合多系列产品促销活动⑥．纯文字+背景纯文字背景，一般适用小图尺寸，重点突出文字信息，折扣，简单直白表达意思⑦．正反三角形构图三角构图，立体感强，构图稳定自然，空间感强，给用户心情：安全感极强，稳定可靠⑧．垂直构图平均分配，各个产品占相同比重，秩序感强，给用户感觉比较正式，适合多个产品，多色系展示⑨．斜切式斜切式构图让整个画面富有力，可以让主体和需要表达的容更醒目传达！注意：文字一定得更紧斜着的透视对齐⑩．渐次式构图多个产品进行渐次式排列，各个产品所占比例不同，由大及小，构图稳定，次序感强，利用透视指向文案，此类构图给用户的感觉：稳定自然，产品丰富可靠⑪．放射性构图由一个视觉中心点放射出来，极强透视感特别适合大促活动的banner，专题设计⑫．极端式构图将文字或图形的某一元素放大，然后整个画面的走向围绕此元素，适合：个性，时尚的类目2.文字列方式2.1.排版轮廓2.2对齐方式2.2.1.左对齐/右对齐这些都是最常见的电商海报，基本都采用了左对齐排版方式，对齐是最常见也是最基础的排列方式。

大家可以随手翻翻身边的书籍，里面的所有排版都会应用对齐。

对齐的排版会有一道看不见的线，这条线平行于海报的边界线，与海报的边相呼应，将所有的文案自然而然的串联到一起。

给人以稳重，力量，统一，工整的感觉，是最最常见的排列方式。

2.2.2.居中对齐居中式的排版在生活中最常见就是房地产和一些珠宝海报~居中排版会给人正式，大气，高端，有品质感觉。

在电商海报中居中排版经常会见到文案直接打在产品上面，文案的遮挡会和后面的产品营造出一前一后的层次感，加上一些光效会让整画面空间感提升许多。

居中对齐并不适合入门的新手，因为这对画面的布局把控有一定的要求。

2.3.容分组当文案过多的时候就考虑将文案分组，将相同信息的文案摆放到一起，这样不仅使整个页面富有条理性，也会看上去非常美观，更加有利于消费者阅读。

看一组案例↓如果一个海报上包含的文案信息太多，不加以整理的话就会显得杂乱无章毫无秩序，通过分组，就好比写作文分自然段一个道理。

将有同一性质的文案分为一组，就会让版面无论在视觉感官还是阅读层次上来看都很有条理性。

通过什么方式分组呢？其中一个手段是对比。

无对比不设计。

人们的眼睛不喜欢看平淡无奇千篇一律的东西，喜欢看有对比的画面！使用对比的排版技巧可以最有效的增加画面的视觉效果。

对比原则包含的容很多，比如虚实对比，冷暖对比等等，这次我们只谈关于字体的大小对比和粗细对比。

首先一起看下面这个案例↓大家看下使用对比前后的效果，在排版中仅仅运用对齐这一个原则是不够用的，第二步就要用到对比！第一图片由于缺少对比，整体显得很乏味，除了标题略大一点下面的文本太长而且没有吸引读者的地方。

第二海报则运用对比的手法，使得页面更吸引人。

而且文案的组织结构一目了然，更便于读者阅读。

第二海报中的主标题加大加粗，与引标题2014夏装...形成大小和粗细对比。

下面的正文采用小字，但是价格部分加粗强调再次形成对比。

最下面的包邮说明部分采用最细最小的字与顺丰包邮又形成一种粗细大小的对比。

还有不要担心字小了顾客就不读，只要标题吸引到顾客，自然会读这些较小的文字。

只要将重点文字提炼出来放大加粗之后就能使整个版面信息主次分明，富有层级和组织性，就会在视觉上引导消费者向下浏览。

注意事项* 找出文案中最重点的语句，运用粗细对比和大小对比加以强调和区分！* 字体既然要对比就要对比分明，把标题设置12号字，把正文设置为10号字毫无意义，既然用对比就要大足够大，小足够小，细够细，粗够粗，让人眼一看就看出来他们的对比关系！记住！一定要对比分明！* 对比不光会让画面更加美观，而且也会增加页面的可读性，不要担心对比后的读者不会去读小字，假如画面所有文字都一样大的时候，没重点，没逻辑性，顾客往往一瞥而过。

只要你强调的部分吸引到顾客，顾客也会下意识的往下看。

下面通过一些案例截图帮助大家更好的认识大小和粗细对比！大家看到没，只通过改变字体的大小和粗细就能把设计变的非常精美！有时候为了对比更加明显，会降低小字部分的透明度，产生明暗对比。

下面扯一下疏密对比在居中对齐的排列方法中经常还会运用疏密的对比手法。

疏密对比中很多新人容易犯的一个毛病就是字符间距不宽不紧，给人的感觉很松垮，有时候可以尝试把字距调整为负值，更加紧凑一点。

疏的够疏，密的够密，不要半疏不密的给人感觉会不稳定。

最后总结一般来说一海报基本就运用这三个原则，对齐，对比，分组。

切记一句话，画面中每一个元素的存在以及它的摆放都有它的道理！画面是你设计的，你应该说出你这么做的来由！所有带有震撼视觉效果的画面都是源自对比，如果有人说你画面太平淡了，那么就请运用对比吧！对比是最有效的改变你画面的救命草！一般一个广告图的文案并不多，基本上一套文案就分为两部分，一是：卖点（这两样无非就是价格和包邮还有送礼品之类的），二是衬托文字，只要把重要的和次要分清楚，接下来设计的思路就很明确了，卖点要大要粗颜色醒目，衬托文字设计小一点排版好看就行了。

3．商品列方式①．叠加的叠加商品+切边构图+截取部分商品展示+商品数量要多总结：将商品按一定的构图规律沿着banner图四周环绕，这就给一副画加一个框把它裱起来一个道理，既美观又能聚焦视觉到画面中心，只不过这里是将视觉聚焦到中间文案，这也是为什么这种构图文案信息都是居中在画布中间放置的原因，该手法在摄影构图中也很常见1，这种构图往往要求所选商品形状要尽量规整，比如矩形，方形，圆形，摆放位置和大小要形成一定规律，有大有小，有高有低，切勿乱摆2，因为选择的是叠加模式，将商品融进背景里的处理手法，所以对商品的颜色并无太多要求3，这种常运用于服饰鞋包、美妆美肤等活动banner里还有其他类似手法的我们也一起看下，下次遇到适合这样处理商品的图不妨一试，时尚感立马提升②．模拟货架摆放的模拟商品真实摆放场景+三件以上商品总结：这种手法主要就是试图营造一种真实的购物场景，一定程度上增加网购信任感和亲和力1.这种手法对于商品的拍摄角度有较高要求，因为看上去要真实，如果透视阴影光线都不对，就穿帮了2. 如果有条件在拍摄时就把场景搭建好，那么作图的时候直接拿来用酒好了商品堆放+三件以上商品选用左右各45°角商品、中间正视角度商品堆放在画面左边，三角形构图，画面比较稳商品堆放在画面中间，居中放置，其中一个商品比重最大，周围小物体围绕周边，形成稳定的三角构图商品堆放在画面右边，其中一个商品比重最大，周围小物体围绕周边，形成稳定的三角构图商品堆放在画面中间，其中一个商品在最高点，周围物体围绕周边，形成稳定的三角构图这四个都是横向或纵向往一个轴线堆放，也是稳定构图，类似堆积木，做汉堡，唯一要注意的是，商品角度上有点变化可以让画面更灵活，如上图所示总结：虽然都是堆放的形式，但是变化也是可以很多样化，前面几种三角堆放商品的形式在食品，服饰鞋包或综合类目的活动中应用较多，后面几种比较适合同类商品的堆放，要求商品形状是比较规则的立方体或扁平的物体，想象一下堆积木或叠衣服就知道了远景近景的对比+2件以上物品总结：这种形式不需要太多商品，比较适合推单品的活动，要求商品拍摄角度要好看，45°角最佳，这样透视感比较容易出来效果，近大远小，近景商品为主角③．手绘商品手绘+虚实结合+1个以上商品其实这种就是前面讲到的很常见的商品三角构图堆放，文案和商品左右布局啦，只是商品变成全手绘稿，设计感和艺术气息立马提升几个台阶（你就当我是夸手法吧，毕竟读书少。