寫在前面
鑒于一直有人問banner背景怎么做屡谐，所以我就想要不寫一篇關(guān)于背景的文章吧筷登。
我們先回顧下banner由哪些部分組成：主要由文案、商品圖或模特先舷、背景艰管、點綴物組成，如下圖所示：
我們可以看到，一個Banner的主體始終是文案或商品模特捺球，文案為主的情況居多缸浦，而背景始終是個配角，它是用來烘托主題氮兵，渲染氣氛裂逐，突出主體的。
二胆剧、如何用講故事的思維理解Banner設(shè)計及背景的制作呢絮姆？
那么，在講banner的背景制作之前呢秩霍，我們先看一段小故事場景描述（描述1）:
阿呆是一名電商設(shè)計師篙悯，今天他發(fā)工資了，因為約好了請幾個哥們兒晚上一起吃飯铃绒，所以忙完手上的事情鸽照，他匆忙地收拾了東西就鉆進(jìn)了電梯，目光一下子就被一位打扮靚麗手提2016秋冬最新款prada包包的年輕女士吸引住了颠悬，他定睛一看矮燎，沒想到就是他的前女友！～
“幾年不見赔癌，她的變化已經(jīng)這么大了诞外？？簡直就是標(biāo)準(zhǔn)的白富美霸制薄峡谊！”他心想著，看著電梯按鍵面板上已經(jīng)亮著的按鍵“-2”，他默默的按下了按鍵“1”既们。
到了1樓電梯門開了濒析，他禮貌性的對這位變化巨大的前女友點了點頭就走出了電梯，剛一出大樓門口啥纸，電話突然就響了号杏，只見他從3年前在京東上花了89元買的帆布包包里掏出了他心愛的小米1，是他哥們兒發(fā)語音催他了“你小子怎么還沒到八拱簟盾致？大伙兒人都齊了！～”名船，“快了快了绰上。。這會兒堵車呢”他一邊小跑著步一邊氣喘吁吁地說道渠驼。
此時蜈块，外面的天已經(jīng)是漆黑了，街上什么人都沒有迷扇，他看了看時間：22時22分百揭，“日了個狗的，又要遲到了蜓席！”他悻悻地罵道器一。。厨内。祈秕。
好，看完這段話有什么感觸呢雏胃？這里我就用到了對比和烘托的手法请毛，將主人公寫的挺落魄的（貌似有好幾家公司無辜躺槍。瞭亮。）,你們是不是也許可以想象到類似于下面這樣一個畫面：
當(dāng)然方仿，我也可以直接像下面這樣描述（描述2）：
阿呆是一名電商設(shè)計師，他非常勤儉節(jié)約统翩，工資也不高仙蚜，并且還是個經(jīng)常加班的單身汪。
這種描述雖然直截了當(dāng)厂汗，但是就非常平淡無趣委粉，你可能會聯(lián)想到下面這樣的畫面：
你們感受一下，哪個更有場景代入感娶桦，更讓你覺得落魄屌絲艳丛？
其實匣掸，我還可以在原來的基礎(chǔ)上給他加上更多的描述（描述3）：
我可以在描述1的基礎(chǔ)上把他每天干啥趟紊，七大姑八大姨全加進(jìn)來氮双，但是你肯定會覺得我非常啰嗦，修飾過多就分不清主次了霎匈，這樣就會起到相反的效果戴差，所以我們對環(huán)境和細(xì)節(jié)的描述要克制（做設(shè)計何嘗不是呢？）铛嘱。
現(xiàn)在你們對比下哪個描述讓你有更進(jìn)一步了解這個男主人公的欲望呢暖释？哪個主人公形象更生動突出呢？我想答案應(yīng)該是描述1吧墨吓。
如果用簡單的圖形來表現(xiàn)這三個描述的話球匕，打比方是下面這樣：紅色區(qū)域代表主人公，其他顏色區(qū)域代表他人或者與他相關(guān)的介紹帖烘，哪個更合理亮曹？主人公突出同時整體有氛圍？是不是描述1秘症？
舉完描述這個主人公的例子乡摹，我們不難發(fā)現(xiàn)役耕，通過有節(jié)制的對比、烘托的手法可以讓主體人物更加突出聪廉，整體感染力更強瞬痘。
同樣的，在設(shè)計當(dāng)中板熊，尤其是電商設(shè)計中框全，假設(shè)文案是一個故事里面的主人公，商品或模特是配角邻邮，那么背景就相當(dāng)于這個主人公所處的環(huán)境竣况，我們需要迅速快捷的給消費者傳達(dá)出某種信息，引導(dǎo)和激發(fā)他們的購買欲望筒严，所以我們也會用到講故事里的這些手法：對比和烘托丹泉。
三、banner設(shè)計中的背景有哪幾種呢鸭蛙？
運用對比摹恨、呼應(yīng)、烘托等手法娶视，主要有以下幾種：
1晒哄、大量留白的背景
2睁宰、點綴物烘托的背景（元素或顏色取之于商品或模特）
3、紋理寝凌、商品柒傻、模特疊加的背景
4、實景拍攝的背景
5较木、軟件合成的背景
接下來我們具體說下這些背景：
1红符、大量留白的背景(什么情況下背景應(yīng)該大量留白呢？）
（1）為了讓主體絕對突出伐债，不需要其他任何干擾
（2）為了讓主體絕對突出预侯，不需要其他任何干擾，同時也為了體現(xiàn)品牌定位偏高端的特性(意思就是沒錢的自動散退~~看看就好)
以上2種情況重點在于峰锁，你的產(chǎn)品圖品質(zhì)一定有足夠的吸引力萎馅，模特表情姿勢動作穿著要足夠吸引人，而不是隨隨便便什么低品質(zhì)就可以這么處理的（比如上圖的模特還有airpods看起來是非常有美感的）虹蒋。
比如下面這樣糜芳，估計就會被某些老板罵：你個死美工，圖還沒做完你就想下班了千诬？ＫＤ俊！還不快滾回座位去做圖徐绑，不做完不準(zhǔn)下班Ｐ巴浴！傲茄！～
（3）當(dāng)你的產(chǎn)品圖很多，并且用到產(chǎn)品圖來構(gòu)圖的時候郁竟，背景也需要盡量簡潔干凈玛迄，以保證產(chǎn)品不被干擾（前景復(fù)雜，背景干凈才有對比咯）棚亩。
2蓖议、點綴物烘托的背景（元素或顏色取之于商品或模特）
這種類型的banner會在背景里加入一些跟商品模特圖或者跟主題有關(guān)的元素虏杰，可以是手繪圖案，也可以是各種圖形（某種程度上文字也可以作為圖形看待）勒虾、光線等元素纺阔，舉幾個栗子：
（1）雨滴元素與標(biāo)題和產(chǎn)品特性相呼應(yīng)
（2）動態(tài)的五顏六色的液體顏料跟標(biāo)題和產(chǎn)品賣點（多彩）相呼應(yīng)
（3）適當(dāng)加入一些光影可以營造一種空間層次感，使畫面更飽滿
3从撼、紋理圖案/商品/模特疊加于背景
這種適用于將文案作為絕對主體突出州弟，同時模特、商品低零、logo等都很多的情況下可以使用這種形式，會看起來很時尚又不失促銷氛圍拯杠。
（1）模特疊加于背景（模特數(shù)量至少1個）
（2）商品疊加于背景（商品數(shù)量至少1個）
（3）文字或者圖案疊加于背景（有規(guī)律的平鋪或者局部疊加）
（4）在不干擾前景文案和商品視覺突出的情況下掏婶，背景適當(dāng)疊加一些相關(guān)的紋理，可以使畫面更加細(xì)膩有質(zhì)感潭陪，比如下面這張圖雄妥，背景就疊加了一些編織物的紋理，跟產(chǎn)品主題相呼應(yīng)依溯。
4老厌、實景拍攝
如果本身就有現(xiàn)成的不錯的實景拍攝照片拿來用，那就最好了黎炉，不過需要注意的一點就是枝秤，我們把照片拿來直接用的時候，一定要保證文字信息的可閱讀性慷嗜，所以在文字部分會適當(dāng)加一些半透明蒙層淀弹、涂抹顏色或者背景虛化的處理，以保證文字的可閱讀性庆械。
(1)背景涂抹+虛化處理
(2)文字背景添加半透明層
(3)暗背景搭配亮色文字薇溃，或者亮背景搭配深色文字，文字信息才可以得到突出缭乘。
5沐序、合成場景
這類背景的制作要義在于整體場景的搭建要注意圍繞著產(chǎn)品特性或者主題去營造相對應(yīng)的氛圍，要注意對光影堕绩、環(huán)境色以及透視等的把握策幼，舉個栗子：
平時我也會偶爾在群里布置設(shè)計練習(xí)，發(fā)現(xiàn)很多人一動手就喜歡玩場景合成逛尚，覺得這是最容易的垄惧，殊不知玩合成是非常需要功力的，而現(xiàn)在普遍的問題在于很多人并沒有很強的繪畫基礎(chǔ)绰寞，甚至對透視到逊、三大構(gòu)成還有基本的素描三大面铣口、五大調(diào)都沒有概念就開始動手做了，那么可想而知出來的效果當(dāng)然是既不美觀也到處都是破綻觉壶。所以說動手之前脑题，還是多看多思考，同時先潛心把這些基本功搞扎實吧~
針對以上這些問題铜靶，我之前已經(jīng)寫了這幾篇文章大家可以看下：
五大步驟細(xì)說Banner圖設(shè)計之平面構(gòu)成的奧秘
六個步驟細(xì)說電商banner圖設(shè)計之色彩的奧秘
總個結(jié)：
背景該怎么做叔遂？以上我只是大概總結(jié)了一下，總體來說我們只要記住争剿，背景他就是個作陪襯的已艰，他不能搶了主角的風(fēng)頭，同時背景他又在整個設(shè)計中起到了烘托主題渲染氣氛的作用蚕苇，所以背景應(yīng)該圍繞著我們的設(shè)計主題來展開制作哩掺，而不是異想天開的。就像講故事一樣涩笤，我們始終需要交代一個故事環(huán)境和背景嚼吞，畫面才會有理有據(jù)，才會飽滿有吸引力蹬碧。
以上就講這么多舱禽，我們下期再見，等我更新岸鞴痢Ｌ苤伞！ｌ片吊！～
－－－－－－－－這里是面條的自我賣力吆喝分界線－－－－－－－－
（大家學(xué)到了沒有？快大聲回答我协屡，你俏脊！們！喜肤晓！歡爷贫！聽！我补憾！講漫萄！故！事盈匾！嘛腾务？！～喜歡就轉(zhuǎn)發(fā)點贊或贊賞跋鞫Ｑ沂荨Ｎ次住！哈哈哈哈～）
（PS：這篇頭條原創(chuàng)文章看完再去看第二條原創(chuàng)文章也同樣精彩噠Ｆ裘痢叙凡！～）
