美工知識，淘寶鉆展banner設(shè)計(jì)思路

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

一．鉆展圖的作用和意義

1.什么是鉆展圖

鉆展圖的全稱為鉆石展位圖，是淘寶網(wǎng)圖片類廣告位競價(jià)投放平臺，是為淘寶賣家提供的一種營銷工具。鉆石展位依靠圖片創(chuàng)意吸引買家點(diǎn)擊，獲取巨大流量。鉆石展位是按照流量競價(jià)售賣的廣告位。計(jì)費(fèi)單位為CPM（每千次瀏覽單價(jià)），按照出價(jià)從高到低進(jìn)行展現(xiàn)。賣家可以根據(jù)群體（地域和人群）、訪客、興趣點(diǎn)三個維度設(shè)置定向展現(xiàn)。

2.鉆展投放的目的和策略

目的：

策略：

①.單品推廣：適合熱賣單品，季節(jié)性單品；適合想要打造爆款，通過一個爆款單品帶動整個店鋪的銷量的賣家；適合需要長期引流，并不斷提高單品頁面的轉(zhuǎn)化率的賣家。

②活動店鋪推廣：適合有一定活動運(yùn)營能力的成熟店鋪；適合需要短時間內(nèi)大量引流的店鋪。

③品牌推廣：適合與明確品牌定位和品牌個性的賣家。

3.鉆展投放的步驟

1、選擇廣告位。

2、根據(jù)廣告位的尺寸設(shè)計(jì)創(chuàng)意并上傳。

3、創(chuàng)意審核通過后，制作投放計(jì)劃。

4、充值。

5、完成投放。

4.鉆展圖投放的位置

路徑：賣家中心-我要推廣-鉆石展位

二．鉆展圖設(shè)計(jì)要求

1.因地制宜

和直通車不同，鉆展的位置眾多且尺寸各異。在鉆展位置方面，僅投放大類就包括天貓首頁、淘寶首頁、淘寶旺旺、站外門戶、站外社區(qū)、無線淘寶等，對應(yīng)的鉆展尺寸更是高達(dá)數(shù)十種，不同的鉆展位置由于針對人群不同，其消費(fèi)特征和興趣點(diǎn)也各不同，不同尺寸的鉆展位置給了我們不同的設(shè)計(jì)發(fā)揮。因此我們在制作鉆展圖片時，要根據(jù)位置、尺寸等信息調(diào)整廣告訴求，并采取合適的表達(dá)方式，這就是鉆展圖片的個性化、定制化合差異化特征。以衛(wèi)浴為例，在pc_網(wǎng)上購物_淘寶我要買_通欄位置上，由于其是細(xì)長條形，設(shè)計(jì)師采用了一字型組合呈現(xiàn)方式，畫面布局簡單時尚，很好地契合了鉆展位置的尺寸特征，如圖所示：

又如在pc_網(wǎng)上購物_淘寶首頁焦點(diǎn)圖右側(cè)banner二的鉆展位置上，下圖潔面乳的圖從色彩上很好地與周邊圖片相呼應(yīng)

是否符合資源位要求在哪查看？

答：賣家中心-我要推廣-鉆石展位-尺寸-資源位圖片要求鏈接

2.主圖突出

鉆展的主圖可以是產(chǎn)品圖片，可以是創(chuàng)意方案，還可以是買家訴求的呈現(xiàn)。無論如何，鉆展主圖的可操作性要比直通車主圖更強(qiáng)，這是因?yàn)橐话沣@展的尺寸要相對大一些，且有多種規(guī)格可選。在這種情況下，要求主圖一定要突出，才能夠吸引更多買家的點(diǎn)擊。如下圖所示，鞋子的品質(zhì)感和做工樣式，令人忍不住想擁有一雙。

3.目標(biāo)明確

相對于直通車主圖更多針對單品引流，核心實(shí)現(xiàn)單品轉(zhuǎn)化的目的而言，鉆展投放的目的可能會有很多種，比如通過鉆展引流到聚劃算款，通過鉆展預(yù)熱大型活動，通過鉆展進(jìn)行品牌形象宣傳，通過鉆展上新等。所以，在鉆展圖片的設(shè)計(jì)制作中，首先需要我們明確自己的營銷目標(biāo)，再根據(jù)它進(jìn)行針對性的素材選擇和設(shè)計(jì)，這樣點(diǎn)擊率才更有保障。如下圖，核心目的是為聚劃算引流，令人一看便知。

4.形式美觀

但凡美的東西總是令人無法抗拒，形式美觀的鉆展圖片，更能獲取客戶好感進(jìn)而實(shí)現(xiàn)高點(diǎn)擊。在素材相同、創(chuàng)意類似的情況下，鉆展圖片的美感就成為了決勝關(guān)鍵。如下圖，這是一款男士棉衣的鉆展圖，設(shè)計(jì)師在排版，配色，字體，標(biāo)簽的使用方面，均符合促銷的主題，對于用戶有極強(qiáng)的拉動力。

三．鉆展圖設(shè)計(jì)形式參考

1.整體排版方式

①．兩欄式：左文右圖or左圖右文

圖片文案兩邊分，最簡單的構(gòu)圖；一般主體占整個畫面的7/10；在文案排版上一定要突出中心點(diǎn)

②．三欄式：中間文字 兩邊圖

圖片以不同大小位置擺放，形成空間感，適合多個產(chǎn)品，或者多色

③．上下式： 上面文字下面圖

產(chǎn)品或者文字占畫面的2/3，主要用于多系列產(chǎn)品促銷活動

④．組合式1：模特+文字+圖

給人感覺畫面豐滿，內(nèi)容較多，特別適合化妝品等頁面設(shè)計(jì)

⑤．組合式2：兩邊模特+文字+圖

左右兩邊模特，上面文字，下面產(chǎn)品，適合多系列產(chǎn)品促銷活動

⑥．純文字+背景

純文字背景，一般適用小圖尺寸，重點(diǎn)突出文字信息，折扣，簡單直白表達(dá)意思

⑦．正反三角形構(gòu)圖

三角構(gòu)圖，立體感強(qiáng)，構(gòu)圖穩(wěn)定自然，空間感強(qiáng)，給用戶心情：安全感極強(qiáng)，穩(wěn)定可靠

⑧．垂直構(gòu)圖

平均分配，各個產(chǎn)品占相同比重，秩序感強(qiáng)，給用戶感覺比較正式，適合多個產(chǎn)品，多色系展示

⑨．斜切式

斜切式構(gòu)圖讓整個畫面富有張力，可以讓主體和需要表達(dá)的內(nèi)容更醒目傳達(dá)！注意：文字一定得更緊斜著的透視對齊

⑩．漸次式構(gòu)圖

多個產(chǎn)品進(jìn)行漸次式排列，各個產(chǎn)品所占比例不同，由大及小，構(gòu)圖穩(wěn)定，次序感強(qiáng)，利用透視指向文案，此類構(gòu)圖給用戶的感覺：穩(wěn)定自然，產(chǎn)品豐富可靠

?．放射性構(gòu)圖

由一個視覺中心點(diǎn)放射出來，極強(qiáng)透視感特別適合大促活動的banner，專題設(shè)計(jì)

?．極端式構(gòu)圖

將文字或圖形的某一元素放大，然后整個畫面的走向圍繞此元素，適合：個性，時尚的類目

2.文字陳列方式

2.1.排版輪廓

2.2對齊方式

2.2.1.左對齊/右對齊

這些都是最常見的電商海報(bào)，基本都采用了左對齊排版方式，對齊是最常見也是最基礎(chǔ)的排列方式。大家可以隨手翻翻身邊的書籍，里面的所有排版都會應(yīng)用對齊。對齊的排版會有一道看不見的線，這條線平行于海報(bào)的邊界線，與海報(bào)的邊相呼應(yīng)，將所有的文案自然而然的串聯(lián)到一起。給人以穩(wěn)重，力量，統(tǒng)一，工整的感覺，是最最常見的排列方式。

2.2.2.居中對齊

居中式的排版在生活中最常見就是房地產(chǎn)和一些珠寶海報(bào)~居中排版會給人正式，大氣，高端，有品質(zhì)感覺。在電商海報(bào)中居中排版經(jīng)常會見到文案直接打在產(chǎn)品上面，文案的遮擋會和后面的產(chǎn)品營造出一前一后的層次感，加上一些光效會讓整張畫面空間感提升許多。

居中對齊并不適合入門的新手，因?yàn)檫@對畫面的布局把控有一定的要求。

2.3.內(nèi)容分組

當(dāng)文案過多的時候就考慮將文案分組，將相同信息的文案擺放到一起，這樣不僅使整個頁面富有條理性，也會看上去非常美觀，更加有利于消費(fèi)者閱讀。

看一組案例↓

如果一個海報(bào)上包含的文案信息太多，不加以整理的話就會顯得雜亂無章毫無秩序，通過分組，就好比寫作文分自然段一個道理。將有同一性質(zhì)的文案分為一組，就會讓版面無論在視覺感官還是閱讀層次上來看都很有條理性。

通過什么方式分組呢？其中一個手段是對比。

無對比不設(shè)計(jì)。人們的眼睛不喜歡看平淡無奇千篇一律的東西，喜歡看有對比的畫面！使用對比的排版技巧可以最有效的增加畫面的視覺效果。對比原則包含的內(nèi)容很多，比如虛實(shí)對比，冷暖對比等等，這次我們只談關(guān)于字體的大小對比和粗細(xì)對比。

首先一起看下面這個案例↓

大家看下使用對比前后的效果，在排版中僅僅運(yùn)用對齊這一個原則是不夠用的，第二步就要用到對比！第一張圖片由于缺少對比，整體顯得很乏味，除了標(biāo)題略大一點(diǎn)下面的文本太長而且沒有吸引讀者的地方。第二張海報(bào)則運(yùn)用對比的手法，使得頁面更吸引人。而且文案的組織結(jié)構(gòu)一目了然，更便于讀者閱讀。

第二張海報(bào)中的主標(biāo)題加大加粗，與引標(biāo)題2014夏裝...形成大小和粗細(xì)對比。下面的正文采用小字，但是價(jià)格部分加粗強(qiáng)調(diào)再次形成對比。最下面的包郵說明部分采用最細(xì)最小的字與順豐包郵又形成一種粗細(xì)大小的對比。還有不要擔(dān)心字小了顧客就不讀，只要標(biāo)題吸引到顧客，自然會讀這些較小的文字。只要將重點(diǎn)文字提煉出來放大加粗之后就能使整個版面信息主次分明，富有層級和組織性，就會在視覺上引導(dǎo)消費(fèi)者向下瀏覽。