電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

接下來我要給大家講的是“Banner圖設(shè)計之商品圖該怎么玩”(下集),緊接著上篇文章“Banner圖設(shè)計之商品圖該怎么玩”(上集),我們繼續(xù)來講解這個問題。

上集回顧:《電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(上集)》

小婷姐的電商設(shè)計系列好文:

  1. 《新人手冊!聊聊關(guān)于電商設(shè)計的那些事兒》
  2. 《前輩經(jīng)驗!聊聊新人設(shè)計師最容易遇到的12個問題》
  3. 《不怕沒靈感了!SALE 招牌的9種排版設(shè)計方法歸納(附案例)》
  4. 《如何辨別一個BANNER的好壞?(附案例)》

重點來了,上集講了這么多,我們會發(fā)現(xiàn),一個banner圖就是由以下幾個元素組成:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

那么我們看到商品或模特還有文案信息在一個banner圖里的重要性了吧?上面說了這么多,我是不是好像偏題了?才沒有呢,上面相當(dāng)于是先把比賽規(guī)則說清楚,接下來我才具體講這場比賽該怎么玩。

三、那么Banner圖設(shè)計之商品圖該怎么玩?

1、商品擺放有幾種姿勢

(1)疊加的

(2)模擬貨架擺放的

(3)平面構(gòu)成圖形化的

(4)商品部分細(xì)節(jié)展示

(5)商品平飄來飄去

(6)堆放的

(7)手繪商品(全手繪/部分手繪)

(8)拿在模特手上或穿在身上腳上

而往往以上姿勢會一個或多個同時出現(xiàn)在banner里,下面我們看些實踐案例:

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

觀察分析如下:

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

2、因為選擇的是疊加模式,將商品融進背景里的處理手法,所以對商品的顏色并無太多要求。

3、這種常運用于服飾鞋包、美妝護膚等活動banner里。

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

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

模擬商品真實擺放場景+三件以上商品:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

這種手法主要就是試圖營造一種真實的購物場景體驗,一定程度上增加網(wǎng)購信任感和親和力。

觀察分析如下:

1、這種手法對于商品的拍攝角度有較高要求,因為看上去要真實,如果透視陰影光線都不對,就穿幫了。

2、如果有條件在拍攝時就把場景搭建好,那么作圖的時候直接拿來用就好了。

商品堆放+三件以上商品:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

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

總結(jié):

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

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

這種形式不需要太多商品,比較適合推單品的活動,要求商品拍攝角度要好看,45°角最佳,這樣透視感比較容易出來效果,近大遠(yuǎn)小,近景商品為主角。

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

2、將商品堆一堆鋪滿整個畫面,作為多彩的背景,將文案利益點放置在純色底上(背景復(fù)雜,前景肯定要干凈才可以突出文字撒), 最后一步,將折扣信息突出突出再突出,一個banner就完成了,是不是感覺自己在做一道類似于火鍋大雜燴的黑暗料理?設(shè)計跟做菜也

是有相通之處呢,平時多思考觀察吧。

手繪+虛實結(jié)合+1個以上商品:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

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

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

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

總結(jié):

1、硬性指標(biāo):會手繪,有想象力,或者你會照葫蘆畫瓢也行

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

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

4、時間充裕,因為手繪比較費時哦(牛逼的除外)

結(jié)合商品本身的特點排版+從文案里找靈感+2件以上商品:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

超大局部細(xì)節(jié)展示+1件商品:

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

總結(jié):

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

2、大面積留白,畫面干凈無雜質(zhì),商品就是唯一的主角

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

4、背景色多為黑、白、灰、色彩也比較單一,總之,就是高冷。

5、這種形式適用于奢侈品彰顯大牌調(diào)調(diào)的活動,或者數(shù)碼電子產(chǎn)品,數(shù)碼電子產(chǎn)品也是喜歡走這種高冷路線,因為冷酷,有bigger,讓人覺得擁有它很有面子,那種一般的商品比如衣服有線頭,褶皺,產(chǎn)品用料又不高檔做工不精細(xì)的就不要嘗試這種了,因為本來你是

想要裝大牌感來著,卻把你的瑕疵缺點展示出了,就起反作用了。

寫在最后:

到這里,我們的上集和下集就都講完了,今天我們主要是講商品該怎么玩,因為玩商品最保險,“玩”模特一方面找合適的人物比較費時,另一方面往往涉及到肖像權(quán)問題會有很多限制,尤其是大品牌或大的電商平臺更加謹(jǐn)慎,萬一被告不就完了?還有,把商品排版玩轉(zhuǎn)了,距離走向人生巔峰也就不遠(yuǎn)了(哈哈,你信么?),今天就講到這兒了,下次再見,么么噠!~

歡迎關(guān)注小婷姐的微信公眾號「TTTink-D」,一個干貨與文筆俱佳的美女設(shè)計師:

微信公眾號簡介:專注開拓電商設(shè)計思維,不定期分享一些個人見解干貨,當(dāng)然也會分享一些頂級創(chuàng)意、攝影、人生感悟方面的好文啦。

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

「優(yōu)設(shè)2月份優(yōu)秀教程合集」

地圖圖標(biāo)教程:
《PS教程!手把手教你打造一個配色小清新的地圖圖標(biāo)》

卡通動物肖像:
《AI教程!教你繪制六個扁平化風(fēng)格的卡通小動物肖像》

卡通人物肖像:
《AI教程!教你繪制扁平化風(fēng)格的卡通人物肖像(四人組合篇)》

作者:@TTTing1

電商干貨!BANNER圖設(shè)計之商品圖該怎么玩(下集)

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺,專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書:史上最全的設(shè)計師圖書導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計微博:擁有粉絲量104萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com

收藏 93
點贊 13

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。