怎么做出高逼格Banner設(shè)計(jì)

　　有人對(duì)我說(shuō)做設(shè)計(jì)一定不要直接用圖片，一定要摳圖，不要偷懶，不摳圖是做不好設(shè)計(jì)的，可是到后來(lái)我發(fā)現(xiàn)有時(shí)候我們不用摳圖，也可以做出好看的設(shè)計(jì)或好的設(shè)計(jì)，我就有個(gè)疑問(wèn)：為什么做設(shè)計(jì)一定要摳圖才行呢?

　　所以這次我們可以試著捋一下在不摳圖的情況下可以怎么玩設(shè)計(jì)，看能不能帶來(lái)一些啟發(fā)，這次我也依然會(huì)以Banner設(shè)計(jì)來(lái)舉例說(shuō)明。

　　攝影與Banner設(shè)計(jì)之間的聯(lián)系是什么?

　　一般來(lái)說(shuō)，如果攝影師和設(shè)計(jì)師能配合溝通一起去做設(shè)計(jì)是最好的，尤其當(dāng)涉及到很多產(chǎn)品或模特拍攝的時(shí)候，無(wú)論是在電商行業(yè)還是在廣告行業(yè)，前期都需要溝通好策劃方向以及構(gòu)圖色調(diào)等，因?yàn)閿z影部分的工作做得越到位，設(shè)計(jì)部分的工作量就越小，項(xiàng)目也越順暢，如果攝影部分的工作不到位，到設(shè)計(jì)那一步就麻煩大了，有可能需要返工重拍或者花費(fèi)大量時(shí)間精力去修改和調(diào)整，這樣子就得不償失了。

　　首先，商業(yè)攝影涉及到的工作內(nèi)容和知識(shí)點(diǎn)有哪些呢?

　　比如，拍攝目的/創(chuàng)意策劃/選道具或選模特/構(gòu)圖/配色/修片等

　　其次，Banner設(shè)計(jì)涉及到的工作內(nèi)容和知識(shí)點(diǎn)有哪些呢?

　　比如，活動(dòng)目的/文案策劃/風(fēng)格確定/選圖或選模特/構(gòu)圖/修圖/配色等

　　所以其實(shí)原則上來(lái)講，攝影和做Banner設(shè)計(jì)是沒(méi)什么區(qū)別的，攝影是把一堆東西放置在取景框里，最終出來(lái)一張照片，這個(gè)照片可以傳遞某種信息或情感，可以吸引到別人的注意或某種欲望和共鳴。

　　而B(niǎo)anner設(shè)計(jì)則是將所有的文案信息/產(chǎn)品或模特/背景/點(diǎn)綴物等，放置在一張畫(huà)布里，最終出來(lái)一張圖片，這張圖片也是要傳遞某種信息或情感的，也可以吸引到別人的注意或某種欲望和共鳴。

　　(是的，我又把這個(gè)重復(fù)了八百遍的圖放出來(lái)了～～)

　　所以，我們其實(shí)可以將Banner視作是一張照片+幾排文字。接下來(lái)我們先看幾個(gè)示例：

　　還有我之前發(fā)過(guò)的一組日本的Banner圖設(shè)計(jì)：

　　看完是不是覺(jué)得超簡(jiǎn)單?仿佛就是攝影師把圖拍好，都不用設(shè)計(jì)師摳圖調(diào)色修圖什么的，設(shè)計(jì)師啪啪啪打幾個(gè)字，一個(gè)Banner就這么出來(lái)了呢對(duì)不對(duì)?!!!～

　　好了，我知道很多設(shè)計(jì)師巴不得每次做個(gè)Banner就跟打字那么容易就好了，那么這個(gè)其實(shí)也不是不可能，我們還是先來(lái)看下這類(lèi)Banner都有些什么共同特點(diǎn)吧，我們先把它們摸個(gè)遍，哦不對(duì)，把它們先摸透徹～～下次我們也就知道該怎么做了。

　　那么怎么分析呢?我們主要從以下幾個(gè)方面去分析：

　　(1)照片類(lèi)型

　　(2)適合的品類(lèi)

　　(3)適合的活動(dòng)主題

　　(4)排版樣式

　　(5)字體選擇

　　接下來(lái)我們一個(gè)個(gè)來(lái)看：

　　(1)照片類(lèi)型：從上面幾個(gè)示例可以看出，其實(shí)基本上任何色調(diào)任何類(lèi)型的照片都是可以直接加文字做出一張Banner，不過(guò)這種照片(加上文字后其實(shí)就是一張Banner)最好還是能簡(jiǎn)潔時(shí)尚點(diǎn)，講求構(gòu)圖和留白，允許設(shè)計(jì)師有加文字的空間，更重要的一點(diǎn)是，照片中能有個(gè)主體，無(wú)論是產(chǎn)品還是模特。

　　我們可以將Banner文字去掉看下，如下圖所示：

　　(2)適合的品類(lèi)：服飾箱包/美妝護(hù)膚/珠寶首飾/奢侈品/母嬰食品保健等等任何能拍成照片的品類(lèi)都可以，因?yàn)檫@類(lèi)Banner往往比較時(shí)尚簡(jiǎn)潔，所以任何允許將Banner做的比較時(shí)尚簡(jiǎn)潔的品類(lèi)都可以。

　　(3)適合的活動(dòng)主題:這種照片類(lèi)Banner適合好幾種活動(dòng)主題，比如時(shí)尚類(lèi)/森女系/日系/大牌新品上市等等不是特別火熱低價(jià)促銷(xiāo)類(lèi)型的Banner設(shè)計(jì)。

　　不過(guò)如果你能將場(chǎng)景搭建得比較有熱鬧氣氛然后直接拍一張照片，最后配合一些俏皮的文字其實(shí)也是可以的，比如下面這樣的Banner其實(shí)都可以通過(guò)手工搭場(chǎng)景或3D建模的方式得到(這個(gè)話題方向我們后面再單獨(dú)講一下，如果感興趣的話)：

　　下面這個(gè)是今年京東618的某個(gè)活動(dòng)Banner，雖然是用PS+AI做的，但是用手工搭建場(chǎng)景+攝影的方式或者3D建模的方式其實(shí)也是可以做出來(lái)的。

　　(4)排版樣式：基本就是左右排版/上下排版或劇中排版了(其實(shí)說(shuō)實(shí)話不管怎么樣排版都可以，拍的時(shí)候給這張照片足夠的留白空間就好了即使不留白也可以通過(guò)加蒙層或者虛化的方式添加文字)，下面我給大家演示下：

　　(5)字體選擇:字體是分氣質(zhì)的，字體的選擇跟Banner的氣質(zhì)其實(shí)也是有關(guān)聯(lián)的，比如女性化的字體會(huì)纖細(xì)瘦長(zhǎng)一點(diǎn)，男性化的會(huì)粗獷尖銳一點(diǎn)，中性化的字體適用范圍會(huì)比較廣所以不會(huì)有太明顯的傾向性等等，大家可以簡(jiǎn)單看下下方的示例：

　　當(dāng)然還有英文手寫(xiě)體在我們的Banner設(shè)計(jì)中也常常會(huì)用到，會(huì)讓畫(huà)面更加時(shí)尚隨性，如下圖中的英文字體enjoy：

　　不過(guò)需要注意的是，很多好看的字體都是有版權(quán)的，如果私自商用都是會(huì)侵權(quán)的，所以要么用免費(fèi)字體，要么購(gòu)買(mǎi)字體版權(quán)要么就自己設(shè)計(jì)或自己寫(xiě)了，下面有一些免費(fèi)字體可以給大家看下(由灰晝前輩二次整理的)。

　　好了，以上給大家講的是如何啪啪啪打幾個(gè)字就能用一張照片出一張Banner，那么其實(shí)我們還可以有更多玩法的，比如同樣是不用摳圖，但是我們可以把一張圖剪裁一下，模糊處理一下，或者旋轉(zhuǎn)一下，疊加處理一下，再或者是多張圖片混在一起玩等等這些情況又可以出來(lái)很多種花樣，適合的品類(lèi)和活動(dòng)主題就又多了起來(lái)，同樣的，先看幾個(gè)實(shí)例：

　　(1)將1張照片通過(guò)剪裁，制造時(shí)尚感：

　　(不知道誰(shuí)截的圖，直截了一部分，大家先將就著看下好了～)

　　看完以上示例我們會(huì)發(fā)現(xiàn)這種照片的玩法有什么規(guī)律呢?

　　(1)照片要求：照片背景要干凈簡(jiǎn)潔，且照片所占面積要夠大，色彩明度等要與背景區(qū)分開(kāi)，形成對(duì)比。

　　(2)適合的品類(lèi)：任何適合往時(shí)尚方向作圖的品類(lèi)，比如服飾箱包/美妝護(hù)膚/進(jìn)口食品/母嬰保健等

　　(3)適合的活動(dòng)主題：時(shí)尚促銷(xiāo)/新品上市/時(shí)尚大牌/森女系等非低價(jià)熱鬧促銷(xiāo)的主題。

　　(4)排版樣式：比較注重自由排版，在這里文字已經(jīng)是畫(huà)面里的某一種元素，而不止是傳達(dá)信息的作用。

　　(5)字體選擇：比較適合放一些干凈利落的規(guī)規(guī)矩矩的字體(無(wú)論是有襯線還是無(wú)襯線字體)或者手寫(xiě)體，會(huì)顯得比較時(shí)尚，且氣質(zhì)符合活動(dòng)或品牌產(chǎn)品自身的調(diào)性氣質(zhì)，切忌做一些夸張的字體變形或用一些奇形怪狀的字體。

　　你們可以想象一下明星走紅毯或出席活動(dòng)的各種造型，比如下面這些范冰冰的造型，哪一個(gè)更耐看顯的更高檔時(shí)尚?

　　(女神版范冰冰和ladygaga版范冰冰)

　　哈哈哈哈哈哈，回到正題，我們接著繼續(xù)往下看～

　　(2)2張照片左右拼接，形成對(duì)比：

　　(3)3張照片錯(cuò)落有致(不過(guò)字體效果有點(diǎn)不搭。。)：

　　(4)4張照片排排放，同時(shí)可以有一些傾斜角度或顏色的變化，避免呆板：

　　(5)多張照片并排排列：

　　(6)同樣是多張照片并排排列，但是是作為紋理疊加到背景里：

　　(7)同樣是一張或多張圖片作為紋理疊加到背景里，但是會(huì)在畫(huà)面里加入一些圖形形狀：

　　(8)用文字來(lái)剪裁照片，作為紋理:

　　總結(jié)：

　　以上關(guān)于如何在不摳圖不合成的情況下做出一張高逼格Banner的分享內(nèi)容到這里就結(jié)束了，興許對(duì)你會(huì)有所幫助吧!

　　(3)適合的活動(dòng)主題:這種照片類(lèi)Banner適合好幾種活動(dòng)主題，比如時(shí)尚類(lèi)/森女系/日系/大牌新品上市等等不是特別火熱低價(jià)促銷(xiāo)類(lèi)型的Banner設(shè)計(jì)。

　　不過(guò)如果你能將場(chǎng)景搭建得比較有熱鬧氣氛然后直接拍一張照片，最后配合一些俏皮的文字其實(shí)也是可以的，比如下面這樣的Banner其實(shí)都可以通過(guò)手工搭場(chǎng)景或3D建模的方式得到(這個(gè)話題方向我們后面再單獨(dú)講一下，如果感興趣的話)：

　　下面這個(gè)是今年京東618的某個(gè)活動(dòng)Banner，雖然是用PS+AI做的，但是用手工搭建場(chǎng)景+攝影的方式或者3D建模的方式其實(shí)也是可以做出來(lái)的。

　　(4)排版樣式：基本就是左右排版/上下排版或劇中排版了(其實(shí)說(shuō)實(shí)話不管怎么樣排版都可以，拍的時(shí)候給這張照片足夠的留白空間就好了即使不留白也可以通過(guò)加蒙層或者虛化的方式添加文字)，下面我給大家演示下：

　　(5)字體選擇:字體是分氣質(zhì)的，字體的選擇跟Banner的氣質(zhì)其實(shí)也是有關(guān)聯(lián)的，比如女性化的字體會(huì)纖細(xì)瘦長(zhǎng)一點(diǎn)，男性化的會(huì)粗獷尖銳一點(diǎn)，中性化的字體適用范圍會(huì)比較廣所以不會(huì)有太明顯的傾向性等等，大家可以簡(jiǎn)單看下下方的示例：

　　當(dāng)然還有英文手寫(xiě)體在我們的Banner設(shè)計(jì)中也常常會(huì)用到，會(huì)讓畫(huà)面更加時(shí)尚隨性，如下圖中的英文字體enjoy：

　　不過(guò)需要注意的是，很多好看的字體都是有版權(quán)的，如果私自商用都是會(huì)侵權(quán)的，所以要么用免費(fèi)字體，要么購(gòu)買(mǎi)字體版權(quán)要么就自己設(shè)計(jì)或自己寫(xiě)了，下面有一些免費(fèi)字體可以給大家看下(由灰晝前輩二次整理的)。

　　好了，以上給大家講的是如何啪啪啪打幾個(gè)字就能用一張照片出一張Banner，那么其實(shí)我們還可以有更多玩法的，比如同樣是不用摳圖，但是我們可以把一張圖剪裁一下，模糊處理一下，或者旋轉(zhuǎn)一下，疊加處理一下，再或者是多張圖片混在一起玩等等這些情況又可以出來(lái)很多種花樣，適合的品類(lèi)和活動(dòng)主題就又多了起來(lái)，同樣的，先看幾個(gè)實(shí)例：

　　(1)將1張照片通過(guò)剪裁，制造時(shí)尚感：

　　(不知道誰(shuí)截的圖，直截了一部分，大家先將就著看下好了～)

　　看完以上示例我們會(huì)發(fā)現(xiàn)這種照片的玩法有什么規(guī)律呢?

　　(1)照片要求：照片背景要干凈簡(jiǎn)潔，且照片所占面積要夠大，色彩明度等要與背景區(qū)分開(kāi)，形成對(duì)比。

　　(2)適合的品類(lèi)：任何適合往時(shí)尚方向作圖的品類(lèi)，比如服飾箱包/美妝護(hù)膚/進(jìn)口食品/母嬰保健等

　　(3)適合的活動(dòng)主題：時(shí)尚促銷(xiāo)/新品上市/時(shí)尚大牌/森女系等非低價(jià)熱鬧促銷(xiāo)的主題。

　　(4)排版樣式：比較注重自由排版，在這里文字已經(jīng)是畫(huà)面里的某一種元素，而不止是傳達(dá)信息的作用。

　　(5)字體選擇：比較適合放一些干凈利落的規(guī)規(guī)矩矩的字體(無(wú)論是有襯線還是無(wú)襯線字體)或者手寫(xiě)體，會(huì)顯得比較時(shí)尚，且氣質(zhì)符合活動(dòng)或品牌產(chǎn)品自身的調(diào)性氣質(zhì)，切忌做一些夸張的字體變形或用一些奇形怪狀的字體。

　　你們可以想象一下明星走紅毯或出席活動(dòng)的各種造型，比如下面這些范冰冰的造型，哪一個(gè)更耐看顯的更高檔時(shí)尚?

　　(女神版范冰冰和ladygaga版范冰冰)

　　哈哈哈哈哈哈，回到正題，我們接著繼續(xù)往下看～

　　(2)2張照片左右拼接，形成對(duì)比：

　　(3)3張照片錯(cuò)落有致(不過(guò)字體效果有點(diǎn)不搭。。)：

　　(4)4張照片排排放，同時(shí)可以有一些傾斜角度或顏色的變化，避免呆板：

　　(5)多張照片并排排列：

　　(6)同樣是多張照片并排排列，但是是作為紋理疊加到背景里：

　　(7)同樣是一張或多張圖片作為紋理疊加到背景里，但是會(huì)在畫(huà)面里加入一些圖形形狀：

　　(8)用文字來(lái)剪裁照片，作為紋理:

　　總結(jié)：

　　以上關(guān)于如何在不摳圖不合成的情況下做出一張高逼格Banner的分享內(nèi)容到這里就結(jié)束了，興許對(duì)你會(huì)有所幫助吧!

　　(3)適合的活動(dòng)主題:這種照片類(lèi)Banner適合好幾種活動(dòng)主題，比如時(shí)尚類(lèi)/森女系/日系/大牌新品上市等等不是特別火熱低價(jià)促銷(xiāo)類(lèi)型的Banner設(shè)計(jì)。

　　不過(guò)如果你能將場(chǎng)景搭建得比較有熱鬧氣氛然后直接拍一張照片，最后配合一些俏皮的文字其實(shí)也是可以的，比如下面這樣的Banner其實(shí)都可以通過(guò)手工搭場(chǎng)景或3D建模的方式得到(這個(gè)話題方向我們后面再單獨(dú)講一下，如果感興趣的話)：

　　下面這個(gè)是今年京東618的某個(gè)活動(dòng)Banner，雖然是用PS+AI做的，但是用手工搭建場(chǎng)景+攝影的方式或者3D建模的方式其實(shí)也是可以做出來(lái)的。

　　(4)排版樣式：基本就是左右排版/上下排版或劇中排版了(其實(shí)說(shuō)實(shí)話不管怎么樣排版都可以，拍的時(shí)候給這張照片足夠的留白空間就好了即使不留白也可以通過(guò)加蒙層或者虛化的方式添加文字)，下面我給大家演示下：

　　(5)字體選擇:字體是分氣質(zhì)的，字體的選擇跟Banner的氣質(zhì)其實(shí)也是有關(guān)聯(lián)的，比如女性化的字體會(huì)纖細(xì)瘦長(zhǎng)一點(diǎn)，男性化的會(huì)粗獷尖銳一點(diǎn)，中性化的字體適用范圍會(huì)比較廣所以不會(huì)有太明顯的傾向性等等，大家可以簡(jiǎn)單看下下方的示例：

　　當(dāng)然還有英文手寫(xiě)體在我們的Banner設(shè)計(jì)中也常常會(huì)用到，會(huì)讓畫(huà)面更加時(shí)尚隨性，如下圖中的英文字體enjoy：

　　不過(guò)需要注意的是，很多好看的字體都是有版權(quán)的，如果私自商用都是會(huì)侵權(quán)的，所以要么用免費(fèi)字體，要么購(gòu)買(mǎi)字體版權(quán)要么就自己設(shè)計(jì)或自己寫(xiě)了，下面有一些免費(fèi)字體可以給大家看下(由灰晝前輩二次整理的)。

　　好了，以上給大家講的是如何啪啪啪打幾個(gè)字就能用一張照片出一張Banner，那么其實(shí)我們還可以有更多玩法的，比如同樣是不用摳圖，但是我們可以把一張圖剪裁一下，模糊處理一下，或者旋轉(zhuǎn)一下，疊加處理一下，再或者是多張圖片混在一起玩等等這些情況又可以出來(lái)很多種花樣，適合的品類(lèi)和活動(dòng)主題就又多了起來(lái)，同樣的，先看幾個(gè)實(shí)例：

　　(1)將1張照片通過(guò)剪裁，制造時(shí)尚感：

　　(不知道誰(shuí)截的圖，直截了一部分，大家先將就著看下好了～)

　　看完以上示例我們會(huì)發(fā)現(xiàn)這種照片的玩法有什么規(guī)律呢?

　　(1)照片要求：照片背景要干凈簡(jiǎn)潔，且照片所占面積要夠大，色彩明度等要與背景區(qū)分開(kāi)，形成對(duì)比。

　　(2)適合的品類(lèi)：任何適合往時(shí)尚方向作圖的品類(lèi)，比如服飾箱包/美妝護(hù)膚/進(jìn)口食品/母嬰保健等

　　(3)適合的活動(dòng)主題：時(shí)尚促銷(xiāo)/新品上市/時(shí)尚大牌/森女系等非低價(jià)熱鬧促銷(xiāo)的主題。

　　(4)排版樣式：比較注重自由排版，在這里文字已經(jīng)是畫(huà)面里的某一種元素，而不止是傳達(dá)信息的作用。

　　(5)字體選擇：比較適合放一些干凈利落的規(guī)規(guī)矩矩的字體(無(wú)論是有襯線還是無(wú)襯線字體)或者手寫(xiě)體，會(huì)顯得比較時(shí)尚，且氣質(zhì)符合活動(dòng)或品牌產(chǎn)品自身的調(diào)性氣質(zhì)，切忌做一些夸張的字體變形或用一些奇形怪狀的字體。

　　你們可以想象一下明星走紅毯或出席活動(dòng)的各種造型，比如下面這些范冰冰的造型，哪一個(gè)更耐看顯的更高檔時(shí)尚?

　　(女神版范冰冰和ladygaga版范冰冰)

　　哈哈哈哈哈哈，回到正題，我們接著繼續(xù)往下看～

　　(2)2張照片左右拼接，形成對(duì)比：

　　(3)3張照片錯(cuò)落有致(不過(guò)字體效果有點(diǎn)不搭。。)：

　　(4)4張照片排排放，同時(shí)可以有一些傾斜角度或顏色的變化，避免呆板：

　　(5)多張照片并排排列：

　　(6)同樣是多張照片并排排列，但是是作為紋理疊加到背景里：

　　(7)同樣是一張或多張圖片作為紋理疊加到背景里，但是會(huì)在畫(huà)面里加入一些圖形形狀：

　　(8)用文字來(lái)剪裁照片，作為紋理:

　　總結(jié)：

　　以上關(guān)于如何在不摳圖不合成的情況下做出一張高逼格Banner的分享內(nèi)容到這里就結(jié)束了，興許對(duì)你會(huì)有所幫助吧!