鉆展圖的全稱為鉆石展位圖，是淘寶網圖片類廣告位競價投放平臺，鉆石展位依靠圖片創意吸引買家點擊，獲取巨大流量，一張好的鉆展圖就尤為重要了。

一．鉆展圖的作用和意義

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個以上商品

其實這種就是前面講到的很常見的商品三角構圖堆放，文案和商品左右布局啦，只是商品變成全手繪稿，設計感和藝術氣息立馬提升幾個臺階（你就當我是夸張手法吧，畢竟讀書少。。），如果你有手繪功底并且時間充裕，并且你的需求人愿意讓你這么搞，你就開干吧

這三種構圖前面也講到了，這里就不再多說，我要說的是，如果你有手繪功底，并且你的活動類型是可愛或者炫酷，或者腦洞大開的，你就發揮自己的特長，加點想象力，在實物圖上手繪幾筆，虛實結合，畫面非常有活力，看到的人都會覺得，哇！好棒！不信你試一下？

總結：

1．硬性指標：會手繪，有想象力，或者你會照葫蘆畫瓢也行

2.要你的活動定位愿意讓你這么干，畢竟不是每個類目都適合這種手法，比如如果是要走國際高端路線，這種手法就會太小兒科了，與品牌調性不一致，這種適合于潮牌服飾鞋包，護膚美妝，母嬰，韓系日系可愛風

3.你的手繪內容應該是與商品活動有關的或有聯系，如果你賣的是女裝，你畫只鴨子合適嗎？

4.時間充裕，因為手繪比較費時間哦（牛逼的除外）

④．拿在模特手上或穿在身上腳上的

穿在模特身上展示+大小對比+1件以上物品

左中右布局，商品三角堆放在右邊，模特試穿效果圖左邊，文案在中間，對稱式構圖，穩定

左右布局，商品和模特三角堆放在右邊，文案在左邊，左右面積相當，畫面穩定

左右布局，模特試穿局部效果圖放右邊，全身展示在左邊，文案在左邊，左右面積大小相當，畫面穩定，同時右邊多彩大面積局部視圖起到比較突出展示商品的效果

近景和遠景布局，文案在前，商品在后，文案信息為主體，多個商品排排放為遠景作背景

左邊模特試穿效果展示，右邊文案信息，同時文案排版遵循模特姿勢，畫面有動感，如箭頭所示

左右都為模特局部效果展示，但是文案信息在右邊，所以增大左邊模特面積，這里一個是模特大小的對比，一個是背景顏色淺和深的對比，最終效果畫面穩定

總結：

這種形式需要一個姿勢好看或動感的模特試穿效果，若是左右的布局，則適合近大遠小的形式，若為左中右布局，則適合大小相當的對稱式構圖，顏色的選取和形塑造都應該遵循產品本身的特點來，這是比較有依據的做法

⑤．飄的

飄著的商品+大小對比+虛實對比+3件以上商品

主體在中間，前面清晰近景圍繞，后面虛化遠景圍繞，點綴其他幾個大小不一的虛化物體，讓畫面有動感和層次感，注意力還是集中在畫面中央的商品上

左中右對稱布局，文案信息在中間為主體，商品近景大，遠景小，一看就是要促銷賣各種鞋子的

大大的文案sale為主體，商品有節奏的前后左右貼邊像是長在主體上，商品作為修飾物，增加熱鬧促銷氛圍

總結：這種形式要求有一個中心主體，在正中間，比如文案信息，然后商品作為配角，或煥然著他轉，（想象一下宇宙銀河系什么的）或左右對稱漂浮著（對稱構圖懂撒？左邊你飄一個大的，右邊我也飄一個大的，左邊你飄一個小的，右邊我也飄一個小的），或像生長在主體周圍一樣（想想大樹上的葉子樹枝的生長），所以說，設計真的是有很多可以向大自然學習的規律

按某種規律平鋪商品+4件以上商品

商品擺放要規整，要錯落有致，有大有小，左邊文案，右邊商品的左右布局，左邊背景深，右邊背景淺，這樣子左右比重就平衡了，這種適用于商品品類相似，商品形狀規則的促銷活動

商品圍繞中心主體文案規則排列，有輕有重的節奏，錯落有致

上下結構布局，商品橫向擺放，商品形狀一致，擺放有大有小有節奏感，畫面緊湊

左右結構布局，商品置于整齊排列的圓形里，展示部分細節，這種適用于商品種類繁多，商品形狀多樣化不規則的促銷活動

總結：

這種形式適合任何布局，上下也好，左右也好，居中也好，都無限制，所以你的banner到底適合哪一種，就要看緣分和心情了。。。（好吧其實要看你的商品適合哪種布局，具體請對照查看）

鋪滿整個畫面+前后景+n多商品

總結：

1.這種形式與清倉大甩賣這種活動簡直是絕配，它往往意味著廉價，超級便宜，商品種類蠻多，往往也可以淘到很多物美價廉的商品（所以也不要覺得這種banner非常俗氣哦）

2.將商品堆一堆鋪滿整個畫面，作為多彩的背景，文案利益點加一個純色底放置在上面（背景復雜，前景肯定要干凈才可以突出文字啦），最后一步，將折扣信息突出再突出，一個banner就完成了，是不是感覺自己在做一道類似于火鍋大雜燴的黑暗料理？設計跟做菜也是有相同之處呢，平時多思考觀察吧。

⑥．商品部分細節展示

超大局部細節展示+1件商品

總結：

1.超大局部細節展示（因為大牌就是這么自信啊，我細節棒，做工好用料好，不怕你拿放大鏡看我）所以，有些天天喊著我要做大牌感大牌感的廣告，但是，給的商品又是拍攝質量很糟糕的，或者做工很一般的，真想。。。

2.大面積留白，畫面干凈無雜質，商品就是唯一的主角

3.其實是品牌logo稍微醒目點，文案信息字體比較纖細，并且字號很小，處在配角的位置，但是因為往往這種廣告大面積留白，即使字體很小很纖細可視度也很高，也不影響閱讀

4.背景色多為黑，白，灰，色彩也比較單一，總之，就是為了高冷而生

5.這種形式適用于奢侈品彰顯大牌調調的活動，或者數碼電子產品，數碼電子產品也是喜歡走這種高冷路線，因為冷酷，有逼格，讓人覺得擁有它很有面子，那種一般的商品比如衣服有線頭，褶皺，產品用料又不高檔做工不精致的就不要嘗試這種了，因為本來你是想要裝大牌感來著，卻把你的瑕疵缺點展示出來了，就起反作用了

⑦．平面構成圖形化的

這種就是玩構圖，看個人功力了，你看他的平行線，他的切割比例多么美，他的背景色塊的顏色都是從商品的配色吸取的(我好想是在說廢話。。。這樣吧><)不過我要說的是，如果有圓形，矩形，三角形，千萬不要放過它們，因為這幾個基本圖形很容易玩出構圖來

⑧．結合商品本身特點的

結合商品本身的特點排版+從文安里找靈感+2件以上商品

這個廣告一看就是想表達這只拖鞋有多么“色“，這就是結合商品本身的特點和文案去聯想去發揮想象力，其實往往這種特質比較明顯的商品是很容易讓設計師發揮的，我們的設計很多時候就是想辦法與商品產生關聯，比如商品是質感，顏色，紋理，圖案，形狀都是我們可以提取的元素

雨傘和雨鞋可以做的這么乖，撲通??！是不是很像一個小胖孩打著傘，好形象，有親和力，好喜歡，買買買?。?！

所以說，有些比較討巧的商品就是可以擺放成這樣去賣萌，獲取用戶好感，然后。。。讓你忍不住想要買買買?。。?/p>

總結：把商品排版玩轉了，距離走向人生巔峰也就不遠了（你信么？）其他的很多信息都只是順帶提一下，要講的太多，暫時先蔣這些。

4配色:

做電商就是賣貨，因此主要的設計需求都以產品為主，所以我們就可以根據產品的顏色以及運營需求的風格基調這2個方面來配色，用一句話來闡述就是：以產品的顏色為基準（基色），以運營需求為方向（目標）。最終的圖片效果與運營需求基調相匹配。

如何選色？可以從產品圖中直接取色，這個方法很多做過一段時間設計工作的童鞋都會自行領悟，在一些設計書中也是不約而同地提到。因為從產品選出的色彩可以很好的與產品色相呼應，視覺上可以相互關聯。 是最簡單的選色方法.

案例：

產品：男士襯衫。關鍵詞：時尚，潮流帥氣，活躍。文案：潮流風尚，夏裝八折上線。

以下的幾種配色方案主要以藍色（模特身上的衣服）為基色，然后圍繞藍色展開。

4.1.1鄰近色

4.1.2間隔色

4.1.5暗色調

4.1.6暗色調+高純度

4.2.配色比例

日本設計師 曾經針對色彩的配色提出比例原則70%，25%與5%的配色比例方式，其中的底色為大面積使用的底色，大家可以從上面的海報中自己分析下，哪個是主色，哪個是輔助色，哪個是強調色。

5.字體

5.1字體的基礎應用

5.2字體的高級使用：

5.2.1男性字體

5.2.2女性字體

5.2.3孩童

5.2.4中性

5.2.5促銷型

關鍵詞：粗，大，顯眼，傾斜，文字變形等，例如 “造字工房力黑”等

5.2.6品牌調性字體

關鍵詞：纖細，小，優美，干凈利落

一般用筆畫細的字體，字號也比較小，多用英文搭配，更加時尚。

5.2.7文藝、名族風

關鍵詞：纖細，優美，復古等

一般用筆畫細的字體，如:宋體等，字號也比較小或毛筆字體（用于標題），而且常采用豎向排版。

6.小元素呈現

四．鉆展圖的審核標準

1．因地制宜

根據位置、尺寸等信息采取合適的布局和表達，契合鉆展位置的尺寸特征。

2．主題明確：

經常會看到一些鉆展圖片，要么內容很多，信息量很大，但是讓人摸不著頭腦，不知道主訴求點是什么；要么創意天馬行空，不知所云。鉆展圖片需要在有限的空間和時間內，快速吸引客戶的興趣并使其點擊，清晰明確的主題是圖片成功的第一要求。

如何讓設計出的鉆展圖主題清晰呢？首先，建議與提設計需求的人充分溝通，在明確推廣主題后再進行設計，其次，鉆展圖片的概念一定要在強調自身主題的前提下去設計。最后要進行內部檢驗，即在內部研討設計好的圖片，看看退隊成員能否通過設計出來的圖片來確認鉆展主題，另外，鉆展的主標題盡量控制在6字以內，緊扣消費者訴求，講大白話，直擊要害，能感知打動用戶，一聽就明白。

3．形式美觀：

鉆展圖片是有結構和層次的，不同布局呈現出來的是不同的視覺焦點，如果視覺焦點不統一或者布局不理想，很容易形成信息錯亂，造成原先應該重點呈現的要素卻被客戶忽略的結果。圖片布局最常見的問題有兩個，一是信息散落，設計師試圖將信息點以均分形式平均到整個鉆展上，二是缺乏抓住用戶實現的能力。那么如何讓鉆展圖片的設計布局更為合理呢？

3.1文案排列越整齊，越便于閱讀。

3.2要基于用戶的閱讀習慣進行排版，將內容歸類，可以嘗試字、圖分離的設計方式。用戶遵循的是從左到右，從上到下，先主圖再文字的順序。

3.3好的鉆展圖片布局應遵循兩條簡單的定律：一是適當留白。二是采用黃金分割法。

3.4根據商品、活動的特性，用戶人群的特點，渲染適合主題的有張力的畫面氛圍。

3.5色系不超過三種，灰度、純度對比平衡。

3.6文字搭配，平衡比例，合理控制圖片重心、視平線和視覺比重。