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

注意事項(xiàng)

* 找出文案中最重點(diǎn)的語(yǔ)句，運(yùn)用粗細(xì)對(duì)比和大小對(duì)比加以強(qiáng)調(diào)和區(qū)分！

* 字體既然要對(duì)比就要對(duì)比分明，把標(biāo)題設(shè)置12號(hào)字，把正文設(shè)置為10號(hào)字毫無(wú)意義，既然用對(duì)比就要大足夠大，小足夠小，細(xì)夠細(xì)，粗夠粗，讓人眼一看就看出來(lái)他們的對(duì)比關(guān)系！記?。∫欢ㄒ獙?duì)比分明！

* 對(duì)比不光會(huì)讓畫面更加美觀，而且也會(huì)增加頁(yè)面的可讀性，不要擔(dān)心對(duì)比后的讀者不會(huì)去讀小字，假如畫面所有文字都一樣大的時(shí)候，沒(méi)重點(diǎn)，沒(méi)邏輯性，顧客往往一瞥而過(guò)。只要你強(qiáng)調(diào)的部分吸引到顧客，顧客也會(huì)下意識(shí)的往下看。

下面通過(guò)一些案例截圖幫助大家更好的認(rèn)識(shí)大小和粗細(xì)對(duì)比！

大家看到?jīng)]，只通過(guò)改變字體的大小和粗細(xì)就能把設(shè)計(jì)變的非常精美！有時(shí)候?yàn)榱藢?duì)比更加明顯，會(huì)降低小字部分的透明度，產(chǎn)生明暗對(duì)比。

下面扯一下疏密對(duì)比

在居中對(duì)齊的排列方法中經(jīng)常還會(huì)運(yùn)用疏密的對(duì)比手法。

疏密對(duì)比中很多新人容易犯的一個(gè)毛病就是字符間距不寬不緊，給人的感覺(jué)很松垮，有時(shí)候可以嘗試把字距調(diào)整為負(fù)值，更加緊湊一點(diǎn)。疏的夠疏，密的夠密，不要半疏不密的給人感覺(jué)會(huì)不穩(wěn)定。

最后總結(jié)

一般來(lái)說(shuō)一張海報(bào)基本就運(yùn)用這三個(gè)原則，對(duì)齊，對(duì)比，分組。切記一句話，畫面中每一個(gè)元素的存在以及它的擺放都有它的道理！畫面是你設(shè)計(jì)的，你應(yīng)該說(shuō)出你這么做的來(lái)由！

所有帶有震撼視覺(jué)效果的畫面都是源自對(duì)比，如果有人說(shuō)你畫面太平淡了，那么就請(qǐng)運(yùn)用對(duì)比吧！對(duì)比是最有效的改變你畫面的救命草！

一般一個(gè)廣告圖的文案并不多，基本上一套文案就分為兩部分，一是：賣點(diǎn)（這兩樣無(wú)非就是價(jià)格和包郵還有送禮品之類的），二是襯托文字，只要把重要的和次要分清楚，接下來(lái)設(shè)計(jì)的思路就很明確了，賣點(diǎn)要大要粗顏色醒目，襯托文字設(shè)計(jì)小一點(diǎn)排版好看就行了。

3．商品陳列方式

①．疊加的

疊加商品+切邊構(gòu)圖+截取部分商品展示+商品數(shù)量要多

總結(jié)：

將商品按一定的構(gòu)圖規(guī)律沿著banner圖四周環(huán)繞，這就給一副畫加一個(gè)框把它裱起來(lái)一個(gè)道理，既美觀又能聚焦視覺(jué)到畫面中心，只不過(guò)這里是將視覺(jué)聚焦到中間文案，這也是為什么這種構(gòu)圖文案信息都是居中在畫布中間放置的原因，該手法在攝影構(gòu)圖中也很常見(jiàn)

1， 這種構(gòu)圖往往要求所選商品形狀要盡量規(guī)整，比如矩形，方形，圓形，擺放位置和大小要形成一定規(guī)律，有大有小，有高有低，切勿亂擺

2， 因?yàn)檫x擇的是疊加模式，將商品融進(jìn)背景里的處理手法，所以對(duì)商品的顏色并無(wú)太多要求

3， 這種常運(yùn)用于服飾鞋包、美妝美膚等活動(dòng)banner里

還有其他類似手法的我們也一起看下，下次遇到適合這樣處理商品的圖不妨一試，時(shí)尚感立馬提升

②．模擬貨架擺放的

模擬商品真實(shí)擺放場(chǎng)景+三件以上商品

總結(jié)：這種手法主要就是試圖營(yíng)造一種真實(shí)的購(gòu)物場(chǎng)景，一定程度上增加網(wǎng)購(gòu)信任感和親和力

1.這種手法對(duì)于商品的拍攝角度有較高要求，因?yàn)榭瓷先ヒ鎸?shí)，如果透視陰影光線都不對(duì)，就穿幫了

2. 如果有條件在拍攝時(shí)就把場(chǎng)景搭建好，那么作圖的時(shí)候直接拿來(lái)用酒好了

商品堆放+三件以上商品

選用左右各45°角商品、中間正視角度商品堆放在畫面左邊，三角形構(gòu)圖，畫面比較穩(wěn)

商品堆放在畫面中間，居中放置，其中一個(gè)商品比重最大，周圍小物體圍繞周邊，形成穩(wěn)定的三角構(gòu)圖

商品堆放在畫面右邊，其中一個(gè)商品比重最大，周圍小物體圍繞周邊，形成穩(wěn)定的三角構(gòu)圖

商品堆放在畫面中間，其中一個(gè)商品在最高點(diǎn)，周圍物體圍繞周邊，形成穩(wěn)定的三角構(gòu)圖

這四個(gè)都是橫向或縱向往一個(gè)軸線堆放，也是穩(wěn)定構(gòu)圖，類似堆積木，做漢堡，唯一要注意的是，商品角度上有點(diǎn)變化可以讓畫面更靈活，如上圖所示

總結(jié)：

雖然都是堆放的形式，但是變化也是可以很多樣化，前面幾種三角堆放商品的形式在食品，服飾鞋包或綜合類目的活動(dòng)中應(yīng)用較多，后面幾種比較適合同類商品的堆放，要求商品形狀是比較規(guī)則的立方體或扁平的物體，想象一下堆積木或疊衣服就知道了

遠(yuǎn)景近景的對(duì)比+2件以上物品

總結(jié)：這種形式不需要太多商品，比較適合推單品的活動(dòng)，要求商品拍攝角度要好看，45°角最佳，這樣透視感比較容易出來(lái)效果，近大遠(yuǎn)小，近景商品為主角

③．手繪商品

手繪+虛實(shí)結(jié)合+1個(gè)以上商品

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

這三種構(gòu)圖前面也講到了，這里就不再多說(shuō)，我要說(shuō)的是，如果你有手繪功底，并且你的活動(dòng)類型是可愛(ài)或者炫酷，或者腦洞大開的，你就發(fā)揮自己的特長(zhǎng)，加點(diǎn)想象力，在實(shí)物圖上手繪幾筆，虛實(shí)結(jié)合，畫面非常有活力，看到的人都會(huì)覺(jué)得，哇！好棒！不信你試一下？

總結(jié)：

1．硬性指標(biāo)：會(huì)手繪，有想象力，或者你會(huì)照葫蘆畫瓢也行

2.要你的活動(dòng)定位愿意讓你這么干，畢竟不是每個(gè)類目都適合這種手法，比如如果是要走國(guó)際高端路線，這種手法就會(huì)太小兒科了，與品牌調(diào)性不一致，這種適合于潮牌服飾鞋包，護(hù)膚美妝，母嬰，韓系日系可愛(ài)風(fēng)

3.你的手繪內(nèi)容應(yīng)該是與商品活動(dòng)有關(guān)的或有聯(lián)系，如果你賣的是女裝，你畫只鴨子合適嗎？

4.時(shí)間充裕，因?yàn)槭掷L比較費(fèi)時(shí)間哦（牛逼的除外）

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

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

左中右布局，商品三角堆放在右邊，模特試穿效果圖左邊，文案在中間，對(duì)稱式構(gòu)圖，穩(wěn)定

左右布局，商品和模特三角堆放在右邊，文案在左邊，左右面積相當(dāng)，畫面穩(wěn)定

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

近景和遠(yuǎn)景布局，文案在前，商品在后，文案信息為主體，多個(gè)商品排排放為遠(yuǎn)景作背景

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

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

總結(jié)：

這種形式需要一個(gè)姿勢(shì)好看或動(dòng)感的模特試穿效果，若是左右的布局，則適合近大遠(yuǎn)小的形式，若為左中右布局，則適合大小相當(dāng)?shù)膶?duì)稱式構(gòu)圖，顏色的選取和形塑造都應(yīng)該遵循產(chǎn)品本身的特點(diǎn)來(lái)，這是比較有依據(jù)的做法

⑤．飄的

飄著的商品+大小對(duì)比+虛實(shí)對(duì)比+3件以上商品

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

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

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

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

按某種規(guī)律平鋪商品+4件以上商品

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

商品圍繞中心主體文案規(guī)則排列，有輕有重的節(jié)奏，錯(cuò)落有致

上下結(jié)構(gòu)布局，商品橫向擺放，商品形狀一致，擺放有大有小有節(jié)奏感，畫面緊湊

左右結(jié)構(gòu)布局，商品置于整齊排列的圓形里，展示部分細(xì)節(jié)，這種適用于商品種類繁多，商品形狀多樣化不規(guī)則的促銷活動(dòng)

總結(jié)：

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

鋪滿整個(gè)畫面+前后景+n多商品