各種網站banner設計表現形式

寫在前面

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

所以我們這次文章分享的主題就是:“解鎖新姿勢,我有一百種方法教你撩出滿意的Banner!~”
開始這個話題之前呢,我先給大家列個提綱:

1、目前主流的Banner 表現形式有哪些?
2、如何在實際需求中運用這些Banner 形式?
3、每種形式的Banner 都需要掌握哪些知識點?
4、我寫這篇文章的意義是什麼?
5、總結

接下來,我一條條地給大家講解(文章越到後面會越精彩,所以耐心點~):

1、目前主流的Banner表現形式有哪些?

我姑且舉例這幾種:合成/3D建模/手繪/手工diy/剪紙/攝影/插花/混搭/模擬/跨界等。
下面我分別給大家舉例展示:

合成

banner 201610121

(圖片來自設計師傑克)

3D建模

banner 201610122

純手繪

lobsanglift1

手工diy (剪紙/捏軟陶/拼貼/針線活兒等,並且都需要有拍照協助完成)

banner 201610124

banner 201610125

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

banner 201610126

△ 捏軟陶

banner 201610127

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

攝影(自己搭場景)

banner 2016101281

 banner 2016101210

banner 201610129

banner 201610128

插花

banner 2016101212

混搭(以上2種或2種以上的混搭結合)

banner 2016101213

△ 攝影+繪畫

banner 2016101214

△ 攝影+手工

banner 2016101215

banner 2016101216

△ 攝影+手工+繪畫

模擬

這裡的模擬指的是,當我們知道Banner有這麼多種表現形式之後,其實我們是不受限制的,比如說前面提到的手工diy,攝影等等形式的Banner我們都可以通過3D建模或者平面軟體甚至是手繪來完成。

同樣地,我們平時經常都是用一些作圖軟體/手繪/3D建模去做一些效果deBanner,但其實我們也可以動起手來,通過diy/攝影搭建場景等方式去實現,比如下面這樣:

banner 2016101215

不得不說的一點是,看了很多behance上的作品,發現外國人確實比我們更願意去動手做實踐,可能跟他們從小受到的教育有關,整個環境都是提倡她們從小要動手,而我們一直接受的教育就是死記硬背應試教育,不過現在隨著互聯網地逐漸普及,我們也有機會看到更多新奇的方法和思維,所以不妨也可以試一試另一種方式去達到我們的目的(不覺得每天就對著電腦玩滑鼠有點太單調枯燥了嘛?不想再玩點兒刺激的嘛?哈哈)。

以上說的有點跑題了,我們回到正題繼續講怎麼撩出一個Banner之模擬。

模擬折紙鏤空效果

banner 2016101218

banner 2016101219

模擬物品擺拍效果

像這種是很常見的一種手法,如果你沒有拍攝條件,但是你又有很多種產品可以拿來當素材,那麼不妨試下這種方式:圍繞著畫布框,錯落有致地有序地擺放好,然後再空白處居中加上自己的文案就好了。

banner 2016101220

模擬手工DIY

比如下面這種捏的軟陶小人兒,用3D建模或者平面作圖軟體甚至手繪都是可以做出來的,重點在於光影和材質的模擬打造。

banner 2016101220

 

模擬插花效果

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

banner 2016101222

跨界

其實就是指你可能以前是做其他設計行業的,現在開始做電商做Banner了並不意味著你該放棄以前所學的知識,而是可以繼續利用以前的知識(比如你以前是廚師/電焊工/茶藝師什麼的等等都可以利用起來啊)。

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

banner 2016101223

banner 2016101224

banner 2016101225

banner 2016101226

2、如何在實際需求中運用這些Banner形式?

任何一種形式不可能適用所有Banner設計需求,但是我們可以將它們歸類出來,方便以後運用,那要怎麼運用呢?我們先問自己以下幾個問題:
(1)你最擅長哪種形式?
(2)你處在什麼樣的條件下?
(3)你的需求適合哪種表現形式?

為什麼先要問自己這幾個問題呢?因為它們分別代表了自身的能力/外部環境因素/需求定位方向,我們做設計的時候方向方法有很多種,但是最終都是要權衡這三點之間的平衡來找到最佳的一種形式去表現,接下來我一個一個問題給大家分析解答:

(1)你最擅長哪種形式?

這裡主要包括軟體技能和風格形式2個方面,技能呢就比如你是擅長Ps/Ai/c4d/手繪/手工diy/攝影/合成/玩構圖等等其中的一種還是其中的好幾種;風格形式就好比你是適合做小清新/卡哇伊/多彩炫酷/文藝森女系/時尚新潮/高冷大牌等等。
一般來說每個設計師都會有自己最擅長的東西和喜好,全能的任何工具任何風格都能駕馭的設計師算是鳳毛麟角了。
比如我知道自己擅長的是講故事+創意+攝影+構圖,喜歡動手做手工,但是手繪能力比較弱,雖然也會畫一些,所以我會優先考慮用講故事的形式去執行我的設計,手繪雖然我也會,但手繪的形式永遠都不會是我的首選,比如我以前為京東情人節《愛簡單.卻不凡》拍的這一組照片,就感動了不少人:

banner 2016101227

△ 你是我以後的生活

(2)你處在什麼樣的條件下?

這個條件主要是指外部條件,比如你有多少執行時間/經費預算/人員配備等,一般來說,當然是執行時間多/經費預算多/人員配備多/這些條件同時滿足的情況下會有更多發揮空間跟容易產出高品質作品了,但現實情況是我們大多數設計師處在一種執行時間短/基本無經費預算/人員配備基本沒有的條件下做設計。

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

我們的需求多種多樣,比如我們前面提到小清新/卡哇伊/多彩炫酷/文藝森女系/時尚新潮/高冷大牌等等表現形式,簡單舉個例子:

小清新,可以通過合成/手繪/攝影等形式去表現出來。

1469175584918

卡哇伊,可以通過手工DIY/攝影/手繪/3D建模等形式表現出來。

banner 2016101236

多彩炫酷,可以通過攝影/玩構圖 /手繪/3D建模等形式表現出來。

banner 2016101237

文藝森女系,可以通過攝影/合成/手繪等形式去表現出來。

banner 2016101238

時尚新潮,可以通過手繪/手工DIY/3D建模/攝影/等形式去表現出來。

banner 2016101239

高冷大牌,可以通過攝影/玩構圖手工DIY等形式去表現出來。

banner 2016101240

3、每種形式的Banner都需要掌握哪些知識點?

合成

1、腦洞大開有創意
2、會找合適的可用的素材(這個比較費事)
3、需要懂得一些繪畫方面的基礎知識,比如三大面五大調
4、需要扎實的軟體操作能力

如果你達不到以上幾點要求,那麼你做出來的合成圖估計大多是這種水準的:

banner 2016101241

圖片來自我設計群裡的Ahiki

(Ps:剛開始我在群裡問誰有合成作品可以給我放文章裡當案例用下,因為他不知道我是要拿來當反面教材的,所以起初他給我發的都是看著還可以的作品,然後我說:“我是要拿來當反面教材呀”,他然後說:“那我還是找找以前的醜的作品吧”,哈哈哈哈,其實他現在已經進步蠻大了不是這個水準的,嗯,我在此說明下。)

而能達到以上幾點要求的,做出來的圖則是這個樣子的:

banner 2016101243

所以。。嗯,沒有對比就沒有傷害。。。。。

3D建模

1、至少你要先會用3D建模軟體。
2、其次你要懂材質會渲染打光。
3、最重要的是,三大構成(色彩構成/平面構成/立體構成)要懂啊!!!~

banner 2016101244

因為我是學工業設計的嘛,所以3D建模軟體我會好幾樣,比如solidworks/3DMax/Rhino,渲染軟體我比較擅長的是keyshot,不過因為我畢業後就去做了UI設計師,工作一年後就轉做電商設計了,所以這些3D軟體我也好幾年沒碰啦,也忘得差不多了。

不過如果我想要撿起來應該也是相當容易的事情,畢竟我辣麼聰明漂亮又能幹對不對!!!哈哈哈哈~~~

手繪

1、我這裡的手繪是指所有需要借助手來畫的東西,無論你是用手繪板/用畫筆在紙上畫還是用滑鼠鼠繪等等。
2、一些基礎知識比如三大面,五大調是要掌握的,大家可以自行去google下。
3、平面構成和色彩構成這個我在之前就已經重點發文講過啦。

lobsanglift1

手工DIY(拼貼/剪紙/捏軟陶/針線活等)

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

banner 2016101247

banner 2016101248

banner 2016101249

(國外的設計師好喜歡動手做手工發現沒有,自己用卡紙搭房子做場景,而我們估計第一時間想到的是用ps或AI畫出來對不對?)

攝影

1、你得會用相機。
2、你得有造型搭配能力,策劃能力和平面構圖等能力
3、你得有設備有時間有預算去執行
4、不可缺少的三大構成知識(色彩構成/平面構成/立體構成)

banner 2016101250

banner 2016101251

banner 2016101252

banner 2016101253

banner 2016101254

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

模擬(3D建模/手工/剪紙/攝影等之間的互相模擬)

1、至少有一種比較擅長的軟體工具能夠執行出自己的想法
2、有創意腦洞大開
3、對不同的行業都有一定的瞭解,或者善於學習總結
4、不可缺少的三大構成知識(色彩構成/平面構成/立體構成)

banner 2016101255

混搭

1、會混搭的前提是以上所有方法你都能上手
2、瞭解各種方法的優缺點並能將它們融合在一起

banner 2016101256

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

banner 2016101257

△ 實物攝影+插畫

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

4、這寫這篇文章的意義是什麼?

通過我以上講的內容,也許能讓你跳出自己的固有思維模式,如果以前你覺得設計師只能坐在電腦前面,只能通過ps軟體才能做出一張Banner或其他設計,那麼現在你應該知道通過手繪/3D建模/手工DIY/攝影/插花/模擬/混搭/跨界等等這些方式都是可以達到目的的,而且不用的方法還可以任意組合,按照高等數學裡的排列演算法是不是不止一百種方法了啊!!!~

所以我說我有一百種方法教你撩出滿意的Banner沒有騙你們對不對!!!~


5、總結

不管是做Banner設計還是做其他設計,其實主要在於你能瞭解你擅長的是什麼/你的需要定位是什麼/你目前所處的環境因素有哪些限制,從而得出最優的執行方案。
你們不覺得現在的banner都是合成啊/手繪啊/畫圖啊什麼的很單調都視覺疲勞了嗎?所以不妨試試其他方式呢?比如離開自己的辦公位置去做手工去拍照片去玩點新花樣,一定非常好玩有意思呢!~

作者:
@TTTing1
 :在我看來,電商設計師是應該要保持一個比較寬的可超控閾值的,就比如說你既能做得了小清新也做得了重口味,玩得起高冷大牌也受的了特價清倉大拍賣,很多人表示不知道如何動手開始做一個Banner,於是就有了這篇文章。
歡迎關注小婷姐的微信公眾號「@TTTing1」,一個乾貨與文筆俱佳的美女設計師

DMC Firewall is developed by Dean Marshall Consultancy Ltd