4000-888-103

资讯动态背景设计有哪些讲究?资讯详情

背景设计有哪些讲究?

2019-11-11 14:16:15

 

我们都很关心画面主体的设计,相关的文章应该也看了不少,其实背景也是画面很重要的一部分,即使是一个纯白色的背景也对设计的整体有很大的影响,而且很多设计师对背景的处理确实存在很多问题,然而我们很少看到有文章专门讲解背景的设计,所以葱爷又来填补市场空白了。

背景设计通常是为了满足以下几个需求:

 

 1.凸显主体

背景之所以为背景,是因为它并不是画面中最主要的东西,它位于所有图层的最后一层,所以背景不能抢了主体的风头,而是要衬托主体,使其更具视觉冲击力、更突出更美观。如何用背景凸显主体呢?其实就是要创造强烈的对比,比如下图的背景与主体是对比色关系:

 

下图为繁简对比:

 

下图为深颜色与浅颜色的对比:

 

很多设计师喜欢把背景做得很复杂、很花哨,以至于主体得不到凸显,如下图:

 

其实我们的重心应该放在主体上,所以需要把背景处理得稍微简单一点、与文字的对比明显一点,主体自然就被凸显出来了。

提示:虽说为了凸显主体,但也不要让背景与主体没有任何关联。

 

 2.增加空间感 

画面的空间感如果比较强,就会显得更立体、更有层次,有些事物会被完整地展现在画面里,这就很适合使用有空间感的背景,比如一个单独放置的番茄,那么通常的处理方式是使它立在“地面”上,因为它上面有受光,于是就会有投影,地面也会因为有前后的关系而呈现出深浅的变化,这么处理整体的效果会比较接近现实。这样的背景就是有空间感的背景。

 

如果把上图的背景变成纯扁平的,画面的空间感就消失了,整体的效果会差很多。

 

视觉主体为符号型的广告设计大多会使用有空间感的背景。

 

提示:把有空间感的图片作为背景也是增强画面空间感的常用方式。

 

3.丰富画面

很多时候画面的主体不适合或不能占据太大的版面空间,由此可能会导致画面比较单薄,这时使用一个合适的背景也可以解决这个问题,例如下图就因为背景太简单,以至于画面显得有点寡。

所以我们需要给这个背景增加一点底纹,当然底纹的图形要在调性或者意义方面与主体相符,例如在上图的产品是帆布鞋,所以我们可以把一张广场的图片作为背景的底纹。

▲把背景做了补充后,画面的整体感觉也丰富了许多。

 

有一个很简单的方法可以有效丰富背景,即把主体复制出来一层,并把图层样式改为正片叠底或柔光叠印到背景里,再把透明度适当地降低,这么做既可以使画面和背景变得更有细节,也能增加层次感。

 

4.增加形式感

背景也不是只有装饰作用,它还可以增强画面的设计感和形式感,比如下图的元素很简单,再加上一个单色的背景,所以看起来会比较普通。

 

但如果把它的背景改成两个斜切的色块后,整个画面的形式感立马增强了很多,所以说背景对形式的帮助也很大。

 

色块具有很强的设计感与形式感,所以经常用在背景里,这样的案例非常多。

提示:画面中的元素和排版不必太受限于色块划分的区域。

 

5.完善场景

有些设计的视觉主体或者设计需求就已经明确了背景的设计方向,比如画面的主体是一个海岛,那它的背景很自然地会想到海洋和天空;

 

如果主体是家电或者家具,就适合以室内作为背景;

 

设计需求是设计一张体现自然健康的奶粉海报,那么蓝天白云、青山绿草就会是很合适的背景。

 

这些背景在设计中的主要作用就是完善场景。

天空是适用性非常广的背景元素,但天空的选择和设计也很讲究,其实很多天空图片虽然好看,但并不适合作为广告画面的背景,比如下图。

 

选择天空通常要注意以下几点:

  • 1.天空的颜色最好有冷暖对比和明暗对比;

  • 2.要有强烈的透视,以增加画面的空间感;

  • 3.天空中的云不宜太多,否则容易显得乱,且会影响到文字的排版。

以下几张天空图片就是不错的背景选择对象。

当然,很多时候需要对现有图片进行后期加工,才能满足我们的设计需求。

 

 6.营造或强化氛围

每一件设计作品都要有它应有的调性,比如可爱、浪漫、欢乐、温馨、科技、时尚等等,那么这些调性是否能够被表现出来,就取决于整个画面的氛围够不够,背景的面积占比通常比较大,所以对氛围的影响也很大。

▲上图是两则促销海报,需要有比较强的促销氛围,所以设计师使用了色彩比较鲜艳、且有些细节的背景。

 

▲上图背景中使用了由点组成的一圈一圈的线,是为了营造科技、互联网的氛围。

 

▲上图背景使用了大小不一的红蓝几何色块,是为了强化时尚氛围。

 

总结

讲完了,最后来总结一下,背景在设计中的主要功能为:突出主体、增加空间感、丰富画面、增加形式感、完善场景、营造或加强氛围。优秀的设计离不开优秀的背景,希望通过这篇文章能够让大家认识到背景的重要性,在今后的设计中能多花点心思在背景的设计上。

 

关键词:带视频的h5页面 淘宝h5页面是什么 h5图文


上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/longyang2.jpg