用讲故事的方法掌握这5种Banner背景设计的套路

编者按：一直有人问Banner 背景怎么做，其实设计Banner 和讲故事一样，都是用来烘托主体的，所以也有套路可循。今天@TTTing1这篇好文就总结了5种常用的Banner 背景设计，简单易懂，案例丰富，建议阅读。 写在前面 我们先回顾下banner由哪些部分组成：主要由文案、商品图或模特、背景、点缀物组成，如下图所示：
（这张图的出现频率很高，大家估计都已经烂熟于心了吧，哈哈～）我们可以看到，一个Banner的主体始终是文案或商品模特，文案为主的情况居多，而背景始终是个配角，它是用来烘托主题，渲染气氛，突出主体的。
二、如何用讲故事的思维理解Banner设计及背景的制作呢？
那么，在讲banner的背景制作之前呢，我们先看一段小故事场景描述（描述1）:

阿呆是一名电商设计师，今天他发工资了，因为约好了请几个哥们儿晚上一起吃饭，所以忙完手上的事情，他匆忙地收拾了东西就钻进了电梯，目光一下子就被一位打扮靓丽手提2016秋冬最新款prada包包的年轻女士吸引住了，他定睛一看，没想到就是他的前女友！～ “几年不见，她的变化已经这么大了？？简直就是标准的白富美啊！”他心想着，看着电梯按键面板上已经亮着的按键“-2”，他默默的按下了按键“1”。到了1楼电梯门开了，他礼貌性的对这位变化巨大的前女友点了点头就走出了电梯，刚一出大楼门口，电话突然就响了，只见他从3年前在京东上花了89元买的帆布包包里掏出了他心爱的小米1，是他哥们儿发语音催他了“你小子怎么还没到啊？大伙儿人都齐了！～”，“快了快了。。这会儿堵车呢”他一边小跑一边气喘吁吁地说道。此时，外面的天已经是漆黑了，街上什么人都没有，他看了看时间：22时22分，“又要迟到了！”他悻悻地骂道。

好，看完这段话有什么感触呢？这里我就用到了对比和烘托的手法，将主人公写的挺落魄的（貌似有好几家公司无辜躺枪），你们是不是也许可以想象到类似于下面这样一个画面：当然，我也可以直接像下面这样描述（描述2）：阿呆是一名电商设计师，他非常勤俭节约，工资也不高，并且还是个经常加班的单身汪。这种描述虽然直截了当，但是就非常平淡无趣，你可能会联想到下面这样的画面：你们感受一下，哪个更有场景代入感，更让你觉得落魄？其实，我还可以在原来的基础上给他加上更多的描述（描述3）：我可以在描述1的基础上把他每天干啥，七大姑八大姨全加进来，但是你肯定会觉得我非常啰嗦，修饰过多就分不清主次了，这样就会起到相反的效果，所以我们对环境和细节的描述要克制（做设计何尝不是呢？）。现在你们对比下哪个描述让你有更进一步了解这个男主人公的欲望呢？哪个主人公形象更生动突出呢？我想答案应该是描述1吧。如果用简单的图形来表现这三个描述的话，打比方是下面这样：红色区域代表主人公，其他颜色区域代表他人或者与他相关的介绍，哪个更合理？主人公突出同时整体有氛围？是不是描述1？
（2太单调，3太累赘，1比较合适）举完描述这个主人公的例子，我们不难发现，通过有节制的对比、烘托的手法可以让主体人物更加突出，整体感染力更强。同样的，在设计当中，尤其是电商设计中，假设文案是一个故事里面的主人公，商品或模特是配角，那么背景就相当于这个主人公所处的环境，我们需要迅速快捷的给消费者传达出某种信息，引导和激发他们的购买欲望，所以我们也会用到讲故事里的这些手法：对比和烘托。