如何设计一款不落俗套的背景板?

阅前叨逼叨：找背景板设计的参考时， 搜索具体品牌的会议，要比直接搜“背景板”这个关键词有效。

背景板是指线下会议的背景画面，也常做会议宣传主视觉使用，如产品发布会、周年庆、招商会、年会、颁奖典礼等等都需要设计背景板，会议具有一定的仪式感、且受众会比较多，所以作为形象传播的重要元素，在设计上不能太唐突处理。前段时间举办的第31届电影金鸡奖颁奖典礼，就因为背景板的设计太土太丑，遭到了全国网友的吐槽。

当然，除了这次金鸡奖，其实我们平日里看到的大部分背景板也是很土很丑的。

为什么那么多会议的背景板都设计得这么丑呢?难道非得这么接地气才行吗?老实说想设计一款不落俗套的背景板确实不容易，首先，设计师会受到客户以及自己传统思维的限制，其次，背景板的设计既要考虑整体的美观新颖，又要保证文字信息不被遮挡、画面不能太复杂太抢眼(毕竟只是个背景、人才是主角)等等。但是好看的背景板设计依然有不少，我上网搜了一些大牌以及互联网品牌发布会的背景板，就发现其中有很多优秀的设计。

不好意思搞错了，是下面这些。

所以说，没有做不好的设计，只有做不出好设计的设计师。那么他们是如何做到的呢?葱爷给大家整理了几条思路，一切从解决基本问题开始。

巧妇难为无米之炊，动手设计第一步要解决的就是用什么元素来设计的问题，很多巧妇(设计湿)都会被这一步难住，所以我把背景板设计中元素的提取方法也总结出来了。

a.根据会议关键词设计视觉元素。

会议的关键词通常会出现在会议主题里，大部分的会议都会有主题，不过主题与会议名称不同，例如在下图的背景板设计中，“共享设计”是主题，“全球创新设计大会”是会议名称。

所以该主题的的关键词就是共享和设计，那么哪些元素可以代表这两个词呢?两个交叉的圆可以代表共享，点线面可以代表设计，这个并不难想到，然后我们再用这两个元素进行各种组合的尝试，组合出来的图形尽量不要太单薄、太常规，最终得出两个由线组成的交叉球体图形。

有时候会议关键词也会在会议名称中体现，例如在图的全球网络技术大会背景板中，关键词是标题中的全球和网络技术，所以设计师用数据与地球结合设计了该主视觉。

地球是一个很经典很好用的元素，会被经常被用在规模比较大(也可能只是吹得比较大)的会议背景板设计中，也正式由于被用得太多，很多设计师会觉得地球是一个很老土、很旧的元素，其实通过结合新的元素、变换新的设计风格，排版考究一点，同样可以设计出时尚新潮的效果。

b.以数字作为主视觉元素

如果设计对象是周年庆，或者是会议名称中写明了是哪一年、第几届这样的会议，那么直接用这些具体的数字作为画面的主要元素也是一种常见的做法。当然，这个数字最好要进行加工再设计，使其视觉更丰富、更贴合对应品牌或这次会议的调性。

在第50届台湾金马奖的海报设计中，就是用数字“50”与电影放映机的光进行创意组合，形成一个很简洁、很有设计感的主视觉。

上图是采用几何色块与直线结合，设计了一个比较抽象的立体数字“6”，使该数字同时具备了文字功能和图片功能。

c.以具体的产品作为主视觉元素

对于一些新品发布会的背景板，也可以把主打产品作为主要设计元素，但是为了制造悬念，产品一般会用比较抽象的风格来表现，而且抽象化的产品形象可塑性更强，更有设计感。

在奔驰轿车上市庆典的背景板设计中，设计师用星光和点，拼接出车的轮廓，以干净、深沉的科技蓝为背景，科技感和尊贵感呼之欲出。

在上图的华为新品发布会中，也是以产品形象来作为背景板的主视觉，利用光线勾勒出的手机轮廓配以鲜艳的大色块，重点在于表达科技感与时尚感。

d.以LOGO或者辅助图形作为主要元素。

对于品牌LOGO或者辅助图形认知度比较高、比较漂亮的品牌，直接以LOGO或辅助图形作为设计的主要元素也是很正确的做法。比较经典的有苹果的新品发布会，几乎每次都是用苹果的LOGO来做文章。

同样也很少直接展示LOGO，而是用一些与主题相关的元素与LOGO进行组合，从而打造一个更具惊艳、更有象征意义的符号。例如在上图iPhone7上市的海报设计中，设计师利用一堆彩色光晕拼成苹果LOGO的形状，寓意新的iPhone拍照效果将更好、屏幕分辨率会更高等信息。

e.以会议举办地点的地标作为主视觉。

如果会议举办地点比较出名，更重要的是那里有比较出名的地标，那么就可以用地标来作为主视觉，这个方法被用得最为普遍，但是大部分的用法都很LOW，主要是因为构图和排版过于传统(多为竖式构图，建筑物在标题下方一排过)、角度常规(多为平视)、风格保守(多为实物或线稿)。

但是如果我们调整一下构图、排版、角度、风格等，也可以做出比较新颖的背景板设计。例如下图的建筑风格虽然也是线稿，但是在构图上使用了左右构图，排版则采用了竖排且加入了直线错位穿插，建筑的角度则使用了仰视，所以整体还是给人一种耳目一新的感觉。

f.直接以主题或会议名称作为主要视觉。

这算最不费脑的一种做法了，但是对字体的选择、字体的设计、排版会要求比较高。

作为国产手机品牌的代表之一，华为荣耀的发布会背景板设计，直接以书法字体书写的会议主题作为主视觉，白底黑字对比鲜明，张力十足。需要注意的是，画面背景并不是纯白色，而是浅灰色的三角色块，这么做主要是为了避免画面太过单调，同时也能体现手机产品的科技属性。

由于会议背景板都是横版的，而且主题的位置一般不会低于画面中部，所以构图的形式不会像普通的平面设计那么随意，比较常用的有：

a.竖式构图

即把主要文字放在版面的最上方，然后把视觉图形放在其下方，如果图片是成排的建筑、延绵的山峦、横跨版面的曲线等这种比较狭长的图片时，采用这类构图是最合适不过的了，因为横排的文字与横向的图片可以合理的运用版面空间。

竖式构图的优点在于视觉流程简单、清晰，并于阅读和传播，而且文字不容易被遮挡。

缺点在于这种构图太过常规，缺乏设计感，不过构图主要是为了把图片和文字以最佳的方式展现出来，对设计调性的影响并不大，字体设计、图形设计、排版、设计风格才是影响调性的关键因素。例如下图的竖式构图背景板就还不错。

上图的图片元素就是山峦，所以采用了竖式构图，但由于在形式上采用了比较时尚的色块、字体的设计也很现代、文字与图片并没有完全的与版面居中对齐、以及漂亮的色彩搭配，使得该设计显得非常时尚且具有很强的设计感。

b.横式构图

即把视觉图形与主题文字左右排列，如图形在左文字在右或者文字在左图形在右，也有可能是文字在中间，图形分布在两侧，相比竖式构图，横向构图会更具设计感一点。

采用横竖构图的背景板，图片元素一般是成方形的，该类构图的优点在于好延展、视觉冲击力强、便于想创意。而美中不足的地方在于，由于图文左右排列，文字信息不能放在版面最佳的中间偏上区域，所以得不到最大化的展示。当然，这一问题也并不要紧，而且也还是有办法可以解决的。例如直接把主题文字作为图片元素：

或者把文字放在版面中间，图片左右分布(适用于尺寸比较长的版面)：

又或者是弱化图片元素，强化文字信息都可以有效解决这一问题。

c.居中构图

居中构图指的是图片和文字元素全部集中在版面正中央，这种构图只在两种情形下成立，一是只有会议主题和名称没有主要视觉图形的时候，二是把图形与文字结合在一起的时候。

居中构图的优点是版面中的图片和文字都得到了最大发挥，且视觉冲击力强。缺点也是缺乏设计感，设计师发挥空间比较小。

地球果然是一个经常被拿来操作的元素啊，你们有想过地球的感受吗?

d.环绕构图

即主要文字在画面中央，视觉元素环绕在四周的构图方式，采用此类构图的背景板，视觉图形通常只是辅助元素，主要作用是装饰和彰显设计氛围，在互联网品牌的会议中用的比较多。

该类构图的优点是文字信息特别突出，画面会比较丰富;缺点是容易造成画面散乱的感觉。

总的来说，没有最好的构图，只有最合适的构图。采用什么构图要根据版面尺寸和画面的元素来选择，不要本末倒置。

设计风格直接影响着设计的气质，所以，针对不同的行业、不同的主题，我们要找到最适合的风格来表现。这里我列举了使用最广泛，也是当下比较流行的三种风格。

a.扁平加渐变色风

扁平风和渐变色都是这几年都是比较流行的设计风格，所以在很多互联网品牌、时尚品牌、娱乐品牌的会议背景板设计中，都喜欢采用。这一风格的优点是年轻、时尚、视觉冲击力强，但是我们要尽量控制色彩的种类，避免画面太过花哨、轻浮。该风格不太适合比较传统的品牌使用。

▲设计行业的背景板设计可以玩得比较大胆。

b.线

线本身就具有比较强的设计感和科技感，如果把线重复排列还能创造节奏感和漂亮的视觉效果，所以几乎在各大会议的背景板中，都能看到曲线风格的设计。它的不足之处在于线的视觉冲击力不是特别强，所以有时候也会与面一起组合使用。

▲通过疏密和方向的变化，线也可以创造出空间感。

▲把具象的元素用线勾勒出来，会更有设计感，也解决了没有实物大图的烦恼。

▲在线中加入面可增强视觉冲击力。

c.矢量图风格

虽然扁平风格也属于矢量图，但是矢量图不一定属于扁平风，矢量图应该是背景板设计中被使用得最为广泛的风格了，它具有简洁、可塑性强、尺寸不受限等特点，所以也被应用的十分广泛。不过对设计师手绘能力的要求会相对高一点，在设计时要注意矢量图的细节处理，避免过于粗糙没质感。

▲有立体感的矢量图可以增加画面的空间，这是扁平风格所不具备的。

结语

如果说背景板设计是一个很难解决的大问题，那我们就把它拆解为：素材提取、图形设计、构图、排版、风格、字体设计、配色等小问题，如果觉得这些问题还是很大，那就继续拆解，当一个一个的小问题被解决了，那么大问题也会迎刃而解。

点击咨询直接了解更多相关资料，我在惠州北大青鸟新方舟等你。

本文内容转载自网络，版权归原作者所有，如有侵权请联系我们进行删除。

标签：惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训