30分钟，小白也能搞定一张Banner设计

fruit

　　作为设计师甚至是设计小白，在工作中我们可能会遇到急需一张banner设计的需求。也许对于成熟设计师来说制作banner的方法轻车熟路，但突发的情况总会让小白们措手不及。
　　下面给大家分享一些快速制作banner的方法，希望能帮助到大家。
　　分
　　析
　　01
　　结构
　　banner的结构无非就是三层：背景层、配图层、文案层。背景层会确立整体banner的风格或配色; 配图层起到点题和点缀的作用，并可以控制整体版式的平衡；文案层是核心内容的展示，以展示主要文字为主。三层级互相组合搭配，从而支撑起整个banner。

　　02
　　版式
　　banner的常见版式：①左右排版、②居中排版、③上下版本。
　　受到文案字数限制、所选搭配元素、产品的属性等原因，版式的选择需要根据实际情況进行判断。

　　左右排版

　　居中排版

　　上下排版
　　03
　　构图
　　确定了上面的基本版式后怎么丰富变化呢？背景、配图与文案通常会有下一步的组合形式：常见的banner构图形式组合有：平铺构图、环绕构图、倾斜构图、倾斜构图、放射构图、自由构图、三角构图等。

　　04
　　关联
　　背景层、装饰层、文案层，三者之间有着密切的关系。
　　比如：背景层设计的过于复杂，那么内容文字的处理就要倾向于简洁，反之亦然；而装饰层也并不 是必须要存在于每一个banner当中。当背景层中内容已经很丰富的时候，装饰的内容可以删去。
　　05
　　背景
　　背景的种类大致分为图形、图片、颜色和文字四种。
　　图片包括写实图片和卡通图片等；颜色分为纯色或渐变；文字放大也可以当做背景；矢最图包含的组合有很多。简单的圆形、方形。甚至是点、线的组合都可以运用在背景中。

　　图片背景

　　图形背景

　　颜色背景

　　文字背景
　　06
　　点缀
　　点缀应该是锦上添花，不能盲目的因为视觉效果而添加过多的装饰，这样反而会误导用户，造成混乱的感觉。不利于文案内容的传达。适当的点缀和修饰，可以让页面避免单调；也可以使 banner 的元素之间达到平衡，视觉效果更加和谐。同时，文字的运用也是装饰点绷的关键。
　　添加阴影—增强立体感、空间感
　　添加小插画—生动有趣、丰富画面

　　点—丰富画面、点缀

　　线—分割、强调、形式感

　　面—着重突出、丰富画面、平衡

　　手绘风格插图—生动有趣、丰富画面

　　07
　　文字
　　banner 的目的是高效传达信息，吸引用户注意力，区分好文案标题和其他文案的信息层级，高效传达主体信息非常重要。文案字数的多少也至关重要。过多字数或复杂的内容不易于传达信息。
　　总之，banner文字设计思路有以下几点：
　　1、突出标题，区分好层级关系—更好的传达信息
　　2、灵活采用不同的对齐方式—根据不同需求选择合适的对齐方式
　　3、必要时可不同字体混排—拉开不同层级文案的差异
　　4、中英文混排—丰富文案，增加设计空间
　　08
　　配色
　　这里我推荐两个配色网站：① https://colorhunt.co/　　②https://coolors.co
　　这是我日常做banner设计总结的一些经验，希望能帮助到大家～