2016-12-25 藍(lán)藍(lán)設(shè)計(jì)的小編
在我看來，電商設(shè)計(jì)師是應(yīng)該要保持一個(gè)比較寬的可超控閾值的，就比如說你既能做得了小清新也做得了重口味，玩得起高冷大牌也受的了特價(jià)清倉大甩賣，很多人表示不知道如何動(dòng)手開始做一個(gè)Banner，于是就有了這篇文章。
寫在前面
寫這篇文章的意義在于，很多人表示不知道如何動(dòng)手開始做一個(gè)Banner，拿到需求腦袋里是懵的，那么歸根結(jié)底還是看的太少做的太少了，所以今天我就給大家總結(jié)梳理一下我們目前市面上的Banner有哪些品種（表現(xiàn)形式和手法）好了，因?yàn)樵谖铱磥?，電商設(shè)計(jì)師是應(yīng)該要保持一個(gè)比較寬的可超控閾值的，就比如說你要能既做的了小清新也做的了重口味，玩得起高冷大牌也受的了特價(jià)清倉大甩賣。
所以我們這次文章分享的主題就是：“解鎖新姿勢(shì)，我有一百種方法教你撩出滿意的Banner！～”
開始這個(gè)話題之前呢，我先給大家列個(gè)提綱：
1、目前主流的Banner 表現(xiàn)形式有哪些？
2、如何在實(shí)際需求中運(yùn)用這些Banner 形式？
3、每種形式的Banner 都需要掌握哪些知識(shí)點(diǎn)？
4、我寫這篇文章的意義是什么？
5、總結(jié)
接下來，我一條條地給大家講解咯（文章越到后面會(huì)越精彩，所以耐心點(diǎn)咯～）：
我姑且舉例這幾種：合成／3D建模／手繪／手工diy／剪紙／攝影／插花／混搭／模擬／跨界等。
下面我分別給大家舉例展示下：
合成
（圖片來自設(shè)計(jì)師杰克）
3D建模
純手繪
手工diy
（剪紙／捏軟陶／拼貼／針線活兒等，并且都需要有拍照協(xié)助完成）
△ 剪紙（FRaU, The April Issue, Promotional Posters on Behance）
△ 捏軟陶
△ （針線活兒，來自羊毛氈達(dá)人莫莫）
攝影（自己搭場(chǎng)景）
插花
混搭（以上2種或2種以上的混搭結(jié)合）
△ 攝影＋繪畫
△ 攝影＋手工
△ 攝影＋手工＋繪畫
模擬
這里的模擬指的是，當(dāng)我們知道Banner有這么多種表現(xiàn)形式之后，其實(shí)我們是不受限制的，比如說前面提到的手工diy，攝影等等形式的Banner我們都可以通過3D建?；蛘咂矫孳浖踔潦鞘掷L來完成。
同樣地，我們平時(shí)經(jīng)常都是用一些作圖軟件／手繪／3D建模去做一些效果deBanner，但其實(shí)我們也可以動(dòng)起手來，通過diy／攝影搭建場(chǎng)景等方式去實(shí)現(xiàn)，比如下面這樣：
不得不說的一點(diǎn)是，看了很多behance上的作品，發(fā)現(xiàn)外國(guó)人確實(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)[放好，然后再空白處居中加上自己的文案就好了。
模擬手工DIY
比如下面這種捏的軟陶小人兒，用3D建模或者平面作圖軟件甚至手繪都是可以做出來的，重點(diǎn)在于光影和材質(zhì)的模擬打造。
模擬插花效果
喜歡插花或者玩花藝的人可能會(huì)對(duì)這種Banner手法比較感興趣。
跨界
其實(shí)就是指你可能以前是做其他設(shè)計(jì)行業(yè)的，現(xiàn)在開始做電商做Banner了并不意味著你該放棄以前所學(xué)的知識(shí)，而是可以繼續(xù)利用以前的知識(shí)（比如你以前是廚師／電焊工／茶藝師什么的等等都可以利用起來?。?。
比如前段時(shí)間很火的一位烏克蘭建筑師Dinara Kasko，跨界做蛋糕的帖子就刷爆了朋友圈：他的這些蛋糕造型簡(jiǎn)直就是刷新了我們對(duì)蛋糕造型的認(rèn)知，實(shí)在是太像精致的迷你建筑了。
任何一種形式不可能適用所有Banner設(shè)計(jì)需求，但是我們可以將它們歸類出來，方便以后運(yùn)用，那要怎么運(yùn)用呢？我們先問自己以下幾個(gè)問題：
（1）你最擅長(zhǎng)哪種形式？
（2）你處在什么樣的條件下？
（3）你的需求適合哪種表現(xiàn)形式？
為什么先要問自己這幾個(gè)問題呢？因?yàn)樗鼈兎謩e代表了自身的能力／外部環(huán)境因素／需求定位方向，我們做設(shè)計(jì)的時(shí)候方向方法有很多種，但是最終都是要權(quán)衡這三點(diǎn)之間的平衡來找到最佳的一種形式去表現(xiàn)，接下來我一個(gè)一個(gè)問題給大家分析解答：
（1）你最擅長(zhǎng)哪種形式？
這里主要包括軟件技能和風(fēng)格形式2個(gè)方面，技能呢就比如你是擅長(zhǎng)Ps／Ai／c4d／手繪／手工diy／攝影／合成／玩構(gòu)圖等等其中的一種還是其中的好幾種；風(fēng)格形式就好比你是適合做小清新／卡哇伊／多彩炫酷／文藝森女系／時(shí)尚新潮／高冷大牌等等。
一般來說每個(gè)設(shè)計(jì)師都會(huì)有自己最擅長(zhǎng)的東西和喜好，全能的任何工具任何風(fēng)格都能駕馭的設(shè)計(jì)師算是鳳毛麟角了。
比如我知道自己擅長(zhǎng)的是講故事＋創(chuàng)意＋攝影＋構(gòu)圖，喜歡動(dòng)手做手工，但是手繪能力比較弱，雖然也會(huì)畫一些，所以我會(huì)優(yōu)先考慮用講故事的形式去執(zhí)行我的設(shè)計(jì)，手繪雖然我也會(huì)，但手繪的形式永遠(yuǎn)都不會(huì)是我的首選，比如我以前為京東情人節(jié)《愛簡(jiǎn)單.卻不凡》拍的這一組照片，就感動(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)形式，簡(jiǎn)單舉個(gè)例子：
小清新，可以通過合成／手繪／攝影等形式去表現(xiàn)出來。
卡哇伊，可以通過手工DIY／攝影／手繪／3D建模等形式表現(xiàn)出來。
多彩炫酷，可以通過攝影／玩構(gòu)圖 ／手繪／3D建模等形式表現(xiàn)出來。
文藝森女系，可以通過攝影／合成／手繪等形式去表現(xiàn)出來。
時(shí)尚新潮，可以通過手繪／手工DIY／3D建模／攝影／等形式去表現(xiàn)出來。
高冷大牌，可以通過攝影／玩構(gòu)圖手工DIY等形式去表現(xiàn)出來。
合成
1、腦洞大開有創(chuàng)意
2、會(huì)找合適的可用的素材（這個(gè)比較費(fèi)事）
3、需要懂得一些繪畫方面的基礎(chǔ)知識(shí)，比如三大面五大調(diào)
4、需要扎實(shí)的軟件操作能力
如果你達(dá)不到以上幾點(diǎn)要求，那么你做出來的合成圖估計(jì)大多是這種水平的：
圖片來自我設(shè)計(jì)群里的Ahiki
（Ps：剛開始我在群里問誰有合成作品可以給我放文章里當(dāng)案例用下，因?yàn)樗恢牢沂且脕懋?dāng)反面教材的，所以起初他給我發(fā)的都是看著還可以的作品，然后我說：“我是要拿來當(dāng)反面教材呀”，他然后說：“那我還是找找以前的丑的作品吧”，哈哈哈哈，其實(shí)他現(xiàn)在已經(jīng)進(jìn)步蠻大了不是這個(gè)水平的，嗯，我在此說明下咯。）
而能達(dá)到以上幾點(diǎn)要求的，做出來的圖則是這個(gè)樣子的：
所以。。嗯，沒有對(duì)比就沒有傷害。。。。。
3D建模
1、至少你要先會(huì)用3D建模軟件。
2、其次你要懂材質(zhì)會(huì)渲染打光。
3、最重要的是，三大構(gòu)成（色彩構(gòu)成／平面構(gòu)成／立體構(gòu)成）要懂?。。?！～
因?yàn)槲沂菍W(xué)工業(yè)設(shè)計(jì)的嘛，所以3D建模軟件我會(huì)好幾樣，比如solidworks／3DMax／Rhino，渲染軟件我比較擅長(zhǎng)的是keyshot，不過因?yàn)槲耶厴I(yè)后就去做了UI設(shè)計(jì)師，工作一年后就轉(zhuǎn)做電商設(shè)計(jì)了，所以這些3D軟件我也好幾年沒碰啦，也忘得差不多了。
不過如果我想要撿起來應(yīng)該也是相當(dāng)容易的事情，畢竟我辣么聰明漂亮又能干對(duì)不對(duì)！?。」?
手繪
1、我這里的手繪是指所有需要借助手來畫的東西，無論你是用手繪板／用畫筆在紙上畫還是用鼠標(biāo)鼠繪等等。
2、一些基礎(chǔ)知識(shí)比如三大面，五大調(diào)是要掌握的，大家可以自行去百度下。
3、平面構(gòu)成和色彩構(gòu)成這個(gè)我在之前就已經(jīng)重點(diǎn)發(fā)文講過啦。
感興趣的話可以看我前面的這幾篇文章：
手工DIY（拼貼／剪紙／捏軟陶／針線活等）
1、不管是什么類型的手工，首先你要有興趣去動(dòng)手做，不同的手工難度不一樣，材質(zhì)和傳遞的感受也不一樣。
2、你得有一些導(dǎo)演策劃能力提前把角色什么的都構(gòu)思好
3、手工做好后需要借助拍攝這一步才算最終完成
4、不可缺少的三大構(gòu)成知識(shí)（色彩構(gòu)成／平面構(gòu)成／立體構(gòu)成）
（國(guó)外的設(shè)計(jì)師好喜歡動(dòng)手做手工發(fā)現(xiàn)沒有，自己用卡紙搭房子做場(chǎng)景，而我們估計(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ǎng)的軟件工具能夠執(zhí)行出自己的想法
2、有創(chuàng)意腦洞大開
3、對(duì)不同的行業(yè)都有一定的了解，或者善于學(xué)習(xí)總結(jié)
4、不可缺少的三大構(gòu)成知識(shí)（色彩構(gòu)成／平面構(gòu)成／立體構(gòu)成）
混搭
1、會(huì)混搭的前提是以上所有方法你都能上手
2、了解各種方法的優(yōu)缺點(diǎn)并能將它們?nèi)诤显谝黄?
△ 像這種剪貼畫效果也是很贊的
△ 實(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í)主要在于你能了解你擅長(zhǎng)的是什么／你的需要定位是什么／你目前所處的環(huán)境因素有哪些限制，從而得出最優(yōu)的執(zhí)行方案。
你們不覺得現(xiàn)在的banner都是合成?。掷L?。媹D啊什么的很單調(diào)都視覺疲勞了嗎？所以不妨試試其他方式呢？比如離開自己的辦公位置去做手工去拍照片去玩點(diǎn)新花樣，一定非常好玩有意思呢！～
歡迎關(guān)注小婷姐的微信公眾號(hào)「TTTink-D」，一個(gè)干貨與文筆俱佳的美女設(shè)計(jì)師：
微信公眾號(hào)簡(jiǎn)介：專注開拓電商設(shè)計(jì)思維，不定期分享一些個(gè)人見解干貨，當(dāng)然也會(huì)分享一些創(chuàng)意、攝影、人生感悟方面的好文啦。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://yvirxh.cn