解鎖新姿勢(shì)!我有100種方法教你撩出一個(gè)滿意的Banner

2 評(píng)論 19236 瀏覽 86 收藏 23 分鐘

不管是做Banner設(shè)計(jì)還是做其他設(shè)計(jì),其實(shí)主要在于你能了解你擅長的是什么/你的需要定位是什么/你目前所處的環(huán)境因素有哪些限制,從而得出最優(yōu)的執(zhí)行方案。

寫這篇文章的意義在于,很多人表示不知道如何動(dòng)手開始做一個(gè)Banner,拿到需求腦袋里是懵的,那么歸根結(jié)底還是看的太少,做的太少了,所以今天我就給大家總結(jié)梳理一下我們目前市面上的Banner有哪些品種(表現(xiàn)形式和手法)好了。因?yàn)樵谖铱磥?,電商設(shè)計(jì)師是應(yīng)該要保持一個(gè)比較寬的可超控閾值的,就比如說你要能既做得了小清新也做得了重口味,玩得起高冷大牌也受得了特價(jià)清倉大甩賣。

所以,我們這次文章分享的主題就是:“解鎖新姿勢(shì),我有一百種方法教你撩出滿意的Banner!”

接下來,我一條條地給大家講解咯(文章越到后面會(huì)越精彩,所以耐心點(diǎn)咯~):

一、目前主流的Banner表現(xiàn)形式有哪些?

我姑且舉例這幾種:合成、3D建模、手繪、手工DIY、剪紙、攝影、插花、混搭、模擬以及跨界等。

下面我分別給大家舉例展示下:

合成

cac957fdee40a84a0d304ffb1832.jpg

(圖片來自站酷推薦設(shè)計(jì)師杰克)

3D建模

99db57fdee66a84a0d304f2ce584.jpg

純手繪

80d157fdee7fa84a0d304f6da031.jpg

手工DIY

剪紙、捏軟陶、拼貼和針線活兒等,都需要有拍照協(xié)助完成。

剪紙(FRaU, The April Issue, Promotional Posters on Behance)

d5c957fdeecea84a0e282b964566.jpg

捏軟陶

6d0557fdeee9a84a0e282bdc041a.jpg

(針線活兒,來自羊毛氈達(dá)人莫莫)

攝影(自己搭場景)

插花

c80757fdefd8a84a0e282bf8f315.jpg

02cb57fdeff6a84a0d304f780c8c.jpg

攝影+繪畫

f69357fdf019a84a0d304f65e21a.jpg

攝影+手工

攝影+手工+繪畫

模擬:這里的模擬指的是,當(dāng)我們知道Banner有這么多種表現(xiàn)形式之后,其實(shí)我們是不受限制的,比如說前面提到的手工diy,攝影等等形式的Banner我們都可以通過3D建?;蛘咂矫孳浖踔潦鞘掷L來完成。

同樣地,我們平時(shí)經(jīng)常都是用一些作圖軟件/手繪/3D建模去做一些效果deBanner,但其實(shí)我們也可以動(dòng)起手來,通過DIY/攝影搭建場景等方式去實(shí)現(xiàn),比如下面這樣:

b62857fdf05ea84a0e282b32b383.jpg

不得不說的一點(diǎn)是,看了很多behance上的作品,發(fā)現(xiàn)外國人確實(shí)比我們更愿意去動(dòng)手做實(shí)踐,可能跟他們從小受到的教育有關(guān),整個(gè)環(huán)境都是提倡她們從小要?jiǎng)邮郑覀円恢苯邮艿慕逃褪撬烙浻脖硲?yīng)試教育,不過現(xiàn)在隨著互聯(lián)網(wǎng)地逐漸普及,我們也有機(jī)會(huì)看到更多新奇的方法和思維,所以不妨也可以試一試另一種方式去達(dá)到我們的目的(不覺得每天就對(duì)著電腦玩鼠標(biāo)有點(diǎn)太單調(diào)枯燥了嘛?不想再玩點(diǎn)兒刺激的嘛?哈哈)。

以上說的有點(diǎn)跑題了,我們回到正題繼續(xù)講怎么撩出一個(gè)Banner之模擬。

模擬折紙鏤空效果

模擬物品擺拍效果

像這種是很常見的一種手法,如果你沒有拍攝條件,但是你又有很多種產(chǎn)品可以拿來當(dāng)素材,那么不妨試下這種方式:圍繞著畫布框,錯(cuò)落有致地有序地?cái)[放好,然后再空白處居中加上自己的文案就好了。

309757fdf0aaa84a0d304f8a69c2.jpg

模擬手工DIY

比如下面這種捏的軟陶小人兒,用3D建?;蛘咂矫孀鲌D軟件甚至手繪都是可以做出來的,重點(diǎn)在于光影和材質(zhì)的模擬打造。

574a57fdf0c7a84a0e282b133c82.jpg

模擬插花效果

喜歡插花或者玩花藝的人可能會(huì)對(duì)這種Banner手法比較感興趣。

269357fdf0e5a84a0d304f2a2d12.jpg

跨界

其實(shí)就是指你可能以前是做其他設(shè)計(jì)行業(yè)的,現(xiàn)在開始做電商做Banner了并不意味著你該放棄以前所學(xué)的知識(shí),而是可以繼續(xù)利用以前的知識(shí)(比如你以前是廚師/電焊工/茶藝師什么的等等都可以利用起來啊)。

比如前段時(shí)間很火的一位烏克蘭建筑師Dinara Kasko,跨界做蛋糕的帖子就刷爆了朋友圈:他的這些蛋糕造型簡直就是刷新了我們對(duì)蛋糕造型的認(rèn)知,實(shí)在是太像精致的迷你建筑了。

二、如何在實(shí)際需求中運(yùn)用這些Banner形式?

任何一種形式不可能適用所有Banner設(shè)計(jì)需求,但是我們可以將它們歸類出來,方便以后運(yùn)用,那要怎么運(yùn)用呢?我們先問自己以下幾個(gè)問題:

  1. 你最擅長哪種形式?
  2. 你處在什么樣的條件下?
  3. 你的需求適合哪種表現(xiàn)形式?

為什么先要問自己這幾個(gè)問題呢?因?yàn)樗鼈兎謩e代表了自身的能力/外部環(huán)境因素/需求定位方向,我們做設(shè)計(jì)的時(shí)候方向方法有很多種,但是最終都是要權(quán)衡這三點(diǎn)之間的平衡來找到最佳的一種形式去表現(xiàn),接下來我一個(gè)一個(gè)問題給大家分析解答:

1、你最擅長哪種形式?

這里主要包括軟件技能和風(fēng)格形式2個(gè)方面,技能呢就比如你是擅長Ps/Ai/c4d/手繪/手工DIY/攝影/合成/玩構(gòu)圖等等其中的一種還是其中的好幾種;風(fēng)格形式就好比你是適合做小清新/卡哇伊/多彩炫酷/文藝森女系/時(shí)尚新潮/高冷大牌等等。

一般來說,每個(gè)設(shè)計(jì)師都會(huì)有自己最擅長的東西和喜好,全能的任何工具任何風(fēng)格都能駕馭的設(shè)計(jì)師算是鳳毛麟角了。

比如,我知道自己擅長的是講故事+創(chuàng)意+攝影+構(gòu)圖,喜歡動(dòng)手做手工,但是手繪能力比較弱,雖然也會(huì)畫一些,所以我會(huì)優(yōu)先考慮用講故事的形式去執(zhí)行我的設(shè)計(jì),手繪雖然我也會(huì),但手繪的形式永遠(yuǎn)都不會(huì)是我的首選,比如我以前為京東情人節(jié)《愛簡單.卻不凡》拍的這一組照片,就感動(dòng)了不少人:

你是我以后的生活

每天和你說早安

對(duì)不起寶貝,我又惹你生氣了

我要結(jié)婚了,我們分手吧

你說過,不喜歡屋里有煙味

愛讓我們更有勇氣

我們有屬于自己的浪漫啊

讓我嫁給你吧

2、你處在什么樣的條件下?

這個(gè)條件主要是指外部條件,比如你有多少執(zhí)行時(shí)間、經(jīng)費(fèi)預(yù)算和人員配備等。一般來說,當(dāng)然是執(zhí)行時(shí)間多,經(jīng)費(fèi)預(yù)算多,以及人員配備多這些條件同時(shí)滿足的情況下會(huì)有更多發(fā)揮空間跟容易產(chǎn)出高質(zhì)量作品了,但現(xiàn)實(shí)情況是我們大多數(shù)設(shè)計(jì)師處在一種執(zhí)行時(shí)間短、基本無經(jīng)費(fèi)預(yù)算、人員配備基本沒有的條件下做設(shè)計(jì)。

3、你的需求適合哪種表現(xiàn)形式?

我們的需求多種多樣,比如我們前面提到小清新、卡哇伊、多彩炫酷、文藝森女、時(shí)尚新潮以及高冷大牌等等表現(xiàn)形式,簡單舉個(gè)例子:

(1)小清新

可以通過合成/手繪/攝影等形式去表現(xiàn)出來。

ba7a57fdf257a84a0e282b379eda.jpg

(2)卡哇伊

可以通過手工DIY/攝影/手繪/3D建模等形式表現(xiàn)出來。

e03e57fdf26ea84a0d304f630686.jpg

(3)多彩炫酷

可以通過攝影、玩構(gòu)圖 、手繪和3D建模等形式表現(xiàn)出來。

ae4257fdf288a84a0e282b1a1232.jpg

(4)文藝森女系

可以通過攝影、合成和手繪等形式去表現(xiàn)出來。

726e57fdf2b5a84a0d304f943d76.jpg

(5)時(shí)尚新潮

可以通過手繪/手工DIY/3D建模/攝影/等形式去表現(xiàn)出來。

15e557fdf2d2a84a0d304f826fd9.jpg

(6)高冷大牌

可以通過攝影/玩構(gòu)圖手工DIY等形式去表現(xiàn)出來。

cbc157fdf2f6a84a0d304fedb6ec.jpg

三、每種形式的Banner都需要掌握哪些知識(shí)點(diǎn)?

合成

  1. 腦洞大開有創(chuàng)意
  2. 會(huì)找合適的可用的素材(這個(gè)比較費(fèi)事)
  3. 需要懂得一些繪畫方面的基礎(chǔ)知識(shí),比如三大面五大調(diào)
  4. 需要扎實(shí)的軟件操作能力

如果你達(dá)不到以上幾點(diǎn)要求,那么你做出來的合成圖估計(jì)大多是這種水平的:

50ad57fdf322a84a0e282b489a85.jpg

圖片來自我設(shè)計(jì)群里的Ahiki

(Ps:剛開始我在群里問誰有合成作品可以給我放文章里當(dāng)案例用下,因?yàn)樗恢牢沂且脕懋?dāng)反面教材的,所以起初他給我發(fā)的都是看著還可以的作品,然后我說:“我是要拿來當(dāng)反面教材呀?!彼缓笳f:“那我還是找找以前的丑的作品吧”,哈哈哈哈,其實(shí)他現(xiàn)在已經(jīng)進(jìn)步蠻大了不是這個(gè)水平的,嗯,我在此說明下咯。)

而能達(dá)到以上幾點(diǎn)要求的,做出來的圖則是這個(gè)樣子的:

358457fdf35ca84a0e282bcbe9a4.jpg

所以,沒有對(duì)比就沒有傷害……

3D建模

  1. 至少你要先會(huì)用3D建模軟件;
  2. 其次你要懂材質(zhì)會(huì)渲染打光;
  3. 最重要的是,三大構(gòu)成(色彩構(gòu)成/平面構(gòu)成/立體構(gòu)成)要懂?。?/li>

0a6357fdf399a84a0e282badfba8.jpg

因?yàn)槲沂菍W(xué)工業(yè)設(shè)計(jì)的嘛,所以3D建模軟件我會(huì)好幾樣,比如solidworks/3DMax/Rhino,渲染軟件我比較擅長的是keyshot,不過因?yàn)槲耶厴I(yè)后就去做了UI設(shè)計(jì)師,工作一年后就轉(zhuǎn)做電商設(shè)計(jì)了,所以這些3D軟件我也好幾年沒碰啦,也忘得差不多了。

手繪

  1. 我這里的手繪是指所有需要借助手來畫的東西,無論你是用手繪板/用畫筆在紙上畫還是用鼠標(biāo)鼠繪等等。
  2. 一些基礎(chǔ)知識(shí)比如三大面,五大調(diào)是要掌握的,大家可以自行去百度下。
  3. 平面構(gòu)成和色彩構(gòu)成這個(gè)我在之前就已經(jīng)重點(diǎn)發(fā)文講過啦。

f85d57fdf3d2a84a0d304f7c67a9.jpg

感興趣的話可以看我前面發(fā)布的文章:

用講故事的思維搞定Banner背景的制作,看這篇就夠了!~

干貨分享|不摳圖不合成,教你分分鐘做出一張高逼格Banner設(shè)計(jì)

Banner設(shè)計(jì)之平面構(gòu)成的奧秘

手工DIY:拼貼、剪紙、捏軟陶、針線活等

  1. 不管是什么類型的手工,首先你要有興趣去動(dòng)手做,不同的手工難度不一樣,材質(zhì)和傳遞的感受也不一樣。
  2. 你得有一些導(dǎo)演策劃能力提前把角色什么的都構(gòu)思好
  3. 手工做好后需要借助拍攝這一步才算最終完成
  4. 不可缺少的三大構(gòu)成知識(shí)(色彩構(gòu)成/平面構(gòu)成/立體構(gòu)成)

國外的設(shè)計(jì)師好喜歡動(dòng)手做手工發(fā)現(xiàn)沒有,自己用卡紙搭房子做場景,而我們估計(jì)第一時(shí)間想到的是用ps或AI畫出來對(duì)不對(duì)?

攝影

  1. 你得會(huì)用相機(jī)
  2. 你得有造型搭配能力,策劃能力和平面構(gòu)圖等能力
  3. 你得有設(shè)備有時(shí)間有預(yù)算去執(zhí)行
  4. 不可缺少的三大構(gòu)成知識(shí)(色彩構(gòu)成/平面構(gòu)成/立體構(gòu)成)

(慘絕人寰……一個(gè)Banner直接給拍出來了……)

模擬:3D建模、手工、剪紙、攝影等之間的互相模擬

  1. 至少有一種比較擅長的軟件工具能夠執(zhí)行出自己的想法
  2. 有創(chuàng)意腦洞大開
  3. 對(duì)不同的行業(yè)都有一定的了解,或者善于學(xué)習(xí)總結(jié)
  4. 不可缺少的三大構(gòu)成知識(shí)(色彩構(gòu)成/平面構(gòu)成/立體構(gòu)成)

03c757fdf609a84a0e282bc94aac.jpg

混搭

  1. 會(huì)混搭的前提是以上所有方法你都能上手
  2. 了解各種方法的優(yōu)缺點(diǎn)并能將它們?nèi)诤显谝黄?/li>

44fb57fdf628a84a0d304f73486f.jpg

像這種剪貼畫效果也是很贊的。

3d7c57fdf641a84a0e282b729bc9.jpg

實(shí)物攝影+插畫

受篇幅限制,以上我就先舉例這么多。

四、這寫這篇文章的意義是什么?

通過我以上講的內(nèi)容,也許能讓你跳出自己的固有思維模式,如果以前你覺得設(shè)計(jì)師只能坐在電腦前面,只能通過ps軟件才能做出一張Banner或其他設(shè)計(jì),那么現(xiàn)在你應(yīng)該知道通過手繪/3D建模/手工DIY/攝影/插花/模擬/混搭/跨界等等這些方式都是可以達(dá)到目的的,而且不用的方法還可以任意組合,按照高等數(shù)學(xué)里的排列算法是不是不止一百種方法了?。。?!

所以,我說我有一百種方法教你撩出滿意的Banner沒有騙你們對(duì)不對(duì)?。?!

不管是做Banner設(shè)計(jì)還是做其他設(shè)計(jì),其實(shí)主要在于你能了解你擅長的是什么/你的需要定位是什么/你目前所處的環(huán)境因素有哪些限制,從而得出最優(yōu)的執(zhí)行方案。

你們不覺得現(xiàn)在的banner都是合成?。掷L啊/畫圖啊什么的很單調(diào)都視覺疲勞了嗎?所以,不妨試試其他方式呢?比如離開自己的辦公位置去做手工去拍照片去玩點(diǎn)新花樣,一定非常好玩有意思呢!

 

本文由 @做設(shè)計(jì)的面條 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 但考慮過成本沒?國內(nèi)很少會(huì)這么干的,除非是類似國外的廣告企業(yè)才會(huì)是

    來自廣東 回復(fù)
  2. 不錯(cuò)不錯(cuò) ??

    來自廣東 回復(fù)