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

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

一．鉆展圖的作用和意義

1.什么是鉆展圖

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

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

目的：

策略：

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

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

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

3.鉆展投放的步驟

1、選擇廣告位。

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

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

4、充值。

5、完成投放。

4.鉆展圖投放的位置

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

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

1.因地制宜

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

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

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

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

2.主圖突出

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

3.目標(biāo)明確

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

4.形式美觀

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

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

1.整體排版方式

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

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

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

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

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

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

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

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

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

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

⑥．純文字+背景

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

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

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

⑧．垂直構(gòu)圖

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

⑨．斜切式

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

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

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

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

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

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

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

2.文字陳列方式

2.1.排版輪廓

2.2對(duì)齊方式

2.2.1.左對(duì)齊/右對(duì)齊

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

2.2.2.居中對(duì)齊

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

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

2.3.內(nèi)容分組

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

看一組案例↓

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

通過什么方式分組呢？其中一個(gè)手段是對(duì)比。

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

首先一起看下面這個(gè)案例↓

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

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