作为一个设计师，你经常会遇到下午给的方案，下班前就必须出图，也许我们对制作banner的方法轻车熟路，但是对于突发情况总是会让我们措手不及。
措手不及的结果就会导致我们产出的图质量有所下降，毕竟，对于一个设计师来说，合理的时间保障对设计师来说是非常重要的。
下面提到快速制作banner的方法，需要我们平时的积累，以及对设计软件合理的运用。公司设计师用几个小时完成了高质量的banner制作套路让人惊讶。
分析：
1、结构
banner的结构大致分为三层:背景层、装饰层、文案层。背景层会确立整体 banner的风格或配色;装饰层起到点缀作用,并可以控制整体版式的平衡;文案层是核心内容的展示,以展示主要文字为主。三层级互相组合搭配,从而支撑起整个 banner。
2、版式
banner的常见方式：左右排版；居中排版
收到文案字数限制，所选搭配元素，产品的属性等原因，版式的选择需要根据实际情况进行判断。
3、样式
常见的banner构图组合有：平铺样式、环绕样式、倾斜样式、斜切样式、放射样式、三角样式。
4、关联
背景层、装饰层、文案层,三者之间有着密切的关系。
比如:背景层设计的过于复杂,那么内容文字的处理就要倾向于简洁,反之亦然;而装饰层也并不
是必须要存在于每一个 banner当中。当背景层中内容已经很丰富的时候,装饰的内容可以删去。
banner中背景是图片，而且细节丰富，那么文案就可以做简洁处理。
当背景为纯色时，需要适当的添加缀物，而且可以对文字进行处理增加吸引力，避免整体的单调。
5、背景
背景的种类大致分为适量图形、字体、颜色和图片四种。图片包括写实图片和卡通图片等;颜色分为纯色或渐变;字体放大也可以当做背景;矢量图包含的组合有很多。简单的圆形、方形。甚至是点、线的组合都可以运用在背景中。每当节日临近,也可以匹配一些节日风格的适量图形进行设计。
6、装饰
装饰的点缀应该是锦上添花的。不能盲目的因为视觉效果而添加过多的装饰,这样反而会误导用
户,造成混乱的感觉。不利于文案内容的传达。
适当的点缀和修饰,可以让页面避免单调;也可以使 banner的元素之间达到平衡,视觉效果更加
和谐。同时,文字的运用也是装饰点缀的关键。
根据产品属性的不同,举例说明:金融类的 banner可以使用较小或较细的字体进行搭配。同时,
使用点状分布排列营造高端感;电商类的 banner可以使用渐变的圆形或线条进行修饰。目的是搭建出欢快的、促销的感觉,吸引用户点击。
7、文案
① banner的设计当中,文案字数的多少也至关重要。过多字数或复杂的内容非但不能让用户清楚文案要表达的事情,反而会让用户感到麻烦。我明白交给设计师内容的小伙伴想把活动解释清楚的初衷。但在注重用户体验的当下,人们的耐心显然是无法接受过多文字的图片。
因此,当我们接收到的文案字数过多的话,要第一时间果断提出自己的想法。文案中的卖点和痛点是最重要的两个部分,其他内容都可以省略。同时,过多的字数也是我们设计当中的困难。较小尺寸的图片,可能单单放几行文字就已经无法再安排其他的布局设计了。
②字体方面主要分为衬线字体和非衬线字体。衬线字体的笔画有修饰,且粗细不同,参考宋体;而非衬线字体就比较横平竖直,笔画粗细相同。衬线字体大多用在古典风格或民族风格的 banner设计当中。非衬线字体适用的范围就比较广,可以说绝大多数的 banner中都可以运用。
③文案分为主标题和副标题。主标题自然是最精简也是最抢眼的部分,而副标题可以是主标题的解释说明,也可以是接主标题的新文案。区别搭配有助于用户第一时间分辨出文案的主次,让页面更加协调。
8、配色
好的配色需要一定的配色基础以及日常练习的积累。但是当遇到特殊状况时,显然并不会在颜色上留给我们有太多的时间。所以,我们就需要一些辅助的方式来完成颜色的搭配工作。
9、尺寸
当 banner设计完成后,我们的工作可能并没有就此结束。在设计APP产品之初,如果我们在不同页面的很多地方都设计了不同尺寸的,便于运营做推广的 banner区域的话,那么后期我们在修改这些尺寸的时候就会非常头疼。可能一张图我们需要改成七八张 banner。并且有的图片的尺寸并没有规律可言。
因此,我们在设计APP之初,就要想到这样的情况。在设计 banner时,设定好统一比例,方便后期
更改;同时,要运用 photoshop中的智能对象等功能,快速修改尺寸。
以上,是我在设计 banner时的一些思考和简单分析。我们将 banne拆分细化,会发现其中
的一些规律和套路。这样我们在赶制图片时不至于手足无措,方便我们对整体设计的把控。
2、方法
1、搜集
要在极短的时间內设计岀效果不错的 banner,除非能力强悍或是胸有成竹,我能想到的方法就在于平日的“积累”。文中提到的背景、装饰,都是碎片化可拼接的內容。我们在工作或平日里可以设计出足够的素材,那么在时间紧迫的时候进行拼接就好。文字字体方面我们可以分析出平时所给文案中的一些“套路”;分析里面总是会提到的几个字或者是相似度很高的标题,来进行字体的设计。无论是简单也好、复杂也好,把平日里制作的元素素材进行整理归纳,建立自己的素材库。这样,在面对措手不及的任务时才不至于慌乱。花瓣或者 Eagle就是两个不错的素材整理工具。
2.临摹
提到临摹,我们就不得不提到另一个词“抄袭”。其实,抄袭的认定是见仁见智的。每个人都有自己的认定界限。而我能想到的避免抄袭的方法,就是“刻意改变”。以下面的小人为例。
这种卡通的插画风格近年来非常流行和普遍。我们需要在设计制作中加入自己的风格元素以及变化刻意改变”与参考元素在风格上拉开距离,提取元素细节特点进行设计。
3.模板
和日常的元素搜集整理一样,模板也需要我们提前进行准备。我们需要找准产品定位,和往期
banner的规律为其量身设计模板。可以参考原型图的形式制作黑白排版样式。
4、批量
上文中提到的尺寸问题，我们可以用置入链接智能对象方法，快速修改banner尺寸。
作为设计师而言，我们也要为突发状况做准备，以确保在时间紧迫下也能保证我们图的质量，因此，日常的收集和积累很重要。
欢迎大家关注云和数据西安，云和数据专注设计师培养。