认识达内从这里开始

在网页设计中，我们一般会在网站顶部预留出大概半屏的尺寸用来放置首页的banner图片，一方面是增加宣传力度，另一方面也可以将一些活动进行展示，那么在banner设计中，我们可以使用那些设计方法呢？

banner设计中的背景有哪几种呢?

运用对比、呼应、烘托等手法，主要有以下几种：

1、大量留白的背景

2、点缀物烘托的背景(元素或颜色取之于商品或模特)

3、纹理、商品、模特叠加的背景

4、实景拍摄的背景

5、软件合成的背景

接下来我们具体说下这些背景：

1、大量留白的背景(什么情况下背景应该大量留白呢?)

(1)为了让主体绝对突出，不需要其他任何干扰

(2)为了让主体绝对突出，不需要其他任何干扰，同时也为了体现品牌定位偏高端的特性(意思就是没钱的自动散退~~看看就好)

以上2种情况重点在于，你的产品图品质一定有足够的吸引力，模特表情姿势动作穿着要足够吸引人，而不是随随便便什么低品质就可以这么处理的(比如上图的模特还有AirPods 看起来是非常有美感的)。

比如下面这样，估计就会被某些老板骂：你个死美工，图还没做完你就想下班了?!!还不快滚回座位去做图，不做完不准下班!!!～

(3)当你的产品图很多，并且用到产品图来构图的时候，背景也需要尽量简洁干净，以保证产品不被干扰(前景复杂，背景干净才有对比咯)。

2、点缀物烘托的背景(元素或颜色取之于商品或模特)

这种类型的banner会在背景里加入一些跟商品模特图或者跟主题有关的元素，可以是手绘图案，也可以是各种图形(某种程度上文字也可以作为图形看待)、光线等元素，举几个栗子：

(1)雨滴元素与标题和产品特性相呼应

(2)动态的五颜六色的液体颜料跟标题和产品卖点(多彩)相呼应

(3)适当加入一些光影可以营造一种空间层次感，使画面更饱满

3、纹理图案/商品/模特叠加于背景

这种适用于将文案作为绝对主体突出，同时模特、商品、logo等都很多的情况下可以使用这种形式，会看起来很时尚又不失促销氛围。

(1)模特叠加于背景(模特数量至少1个)

(2)商品叠加于背景(商品数量至少1个)

(3)文字或者图案叠加于背景(有规律的平铺或者局部叠加)

(4)在不干扰前景文案和商品视觉突出的情况下，背景适当叠加一些相关的纹理，可以使画面更加细腻有质感，比如下面这张图，背景就叠加了一些编织物的纹理，跟产品主题相呼应。

4、实景拍摄

如果本身就有现成的不错的实景拍摄照片拿来用，那就最好了，不过需要注意的一点就是，我们把照片拿来直接用的时候，一定要保证文字信息的可阅读性，所以在文字部分会适当加一些半透明蒙层、涂抹颜色或者背景虚化的处理，以保证文字的可阅读性。

(1)背景涂抹+虚化处理

(2)文字背景添加半透明层

(3)暗背景搭配亮色文字，或者亮背景搭配深色文字，文字信息才可以得到突出。

5、合成场景

这类背景的制作要义在于整体场景的搭建要注意围绕着产品特性或者主题去营造相对应的氛围，要注意对光影、环境色以及透视等的把握，举个栗子：

平时我也会偶尔在群里布置设计练习，发现很多人一动手就喜欢玩场景合成，觉得这是最容易的，殊不知玩合成是非常需要功力的，而现在普遍的问题在于很多人并没有很强的绘画基础，甚至对透视、三大构成还有基本的素描三大面、五大调都没有概念就开始动手做了，那么可想而知出来的效果当然是既不美观也到处都是破绽。所以说动手之前，还是多看多思考，同时先潜心把这些基本功搞扎实吧~

达内时代科技集团致力于培养面向电信和金融领域的Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择达内运城it培训，不再孤军奋战，轻轻松松做IT高薪白领。运城达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。