设计背景图的效果主要体现在那几个方面？
设计背景图在整个设计中站的地位效果是很大的，即使是一个纯白色的背景也对设计的整体有很大的影响，如果你对设计背景图这方面话有点欠缺的化不妨看看。
设计背景图的效果主要体现在那几个方面？
1.凸显主体
背景之所以为背景，是因为它并不是画面中最主要的东西，它位于所有图层的最后一层，所以背景不能抢了主体的风头，而是要衬托主体，使其更具视觉冲击力、更突出更美观。如何用背景凸显主体呢？其实就是要创造强烈的对比，比如下图的背景与主体是对比色关系：
下图为繁简对比：
下图为深颜色与浅颜色的对比：
很多设计师喜欢把背景做得很复杂、很花哨，以至于主体得不到凸显，如下图：
其实我们的重心应该放在主体上，所以需要把背景处理得稍微简单一点、与文字的对比明显一点，主体自然就被凸显出来了。
提示：虽说为了凸显主体，但也不要让背景与主体没有任何关联。
2.增加空间感
画面的空间感如果比较强，就会显得更立体、更有层次，有些事物会被完整地展现在画面里，这就很适合使用有空间感的背景，比如一个单独放置的番茄，那么通常的处理方式是使它立在“地面”上，因为它上面有受光，于是就会有投影，地面也会因为有前后的关系而呈现出深浅的变化，这么处理整体的效果会比较接近现实。这样的背景就是有空间感的背景。
如果把上图的背景变成纯扁平的，画面的空间感就消失了，整体的效果会差很多。
视觉主体为符号型的广告设计大多会使用有空间感的背景。
提示：把有空间感的图片作为背景也是增强画面空间感的常用方式。
3.丰富画面
很多时候画面的主体不适合或不能占据太大的版面空间，由此可能会导致画面比较单薄，这时使用一个合适的背景也可以解决这个问题，例如下图就因为背景太简单，以至于画面显得有点寡。
所以我们需要给这个背景增加一点底纹，当然底纹的图形要在调性或者意义方面与主体相符，例如在上图的产品是帆布鞋，所以我们可以把一张广场的图片作为背景的底纹。
▲把背景做了补充后，画面的整体感觉也丰富了许多。
有一个很简单的方法可以有效丰富背景，即把主体复制出来一层，并把图层样式改为正片叠底或柔光叠印到背景里，再把透明度适当地降低，这么做既可以使画面和背景变得更有细节，也能增加层次感。
4.增加形式感
背景也不是只有装饰作用，它还可以增强画面的设计感和形式感，比如下图的元素很简单，再加上一个单色的背景，所以看起来会比较普通。
但如果把它的背景改成两个斜切的色块后，整个画面的形式感立马增强了很多，所以说背景对形式的帮助也很大。
色块具有很强的设计感与形式感，所以经常用在背景里，这样的案例非常多。
提示：画面中的元素和排版不必太受限于色块划分的区域。
5.完善场景
有些设计的视觉主体或者设计需求就已经明确了背景的设计方向，比如画面的主体是一个海岛，那它的背景很自然地会想到海洋和天空；
如果主体是家电或者家具，就适合以室内作为背景；
设计需求是设计一张体现自然健康的奶粉海报，那么蓝天白云、青山绿草就会是很合适的背景。
这些背景在设计中的主要作用就是完善场景。
天空是适用性非常广的背景元素，但天空的选择和设计也很讲究，其实很多天空图片虽然好看，但并不适合作为广告画面的背景，比如下图。
选择天空通常要注意以下几点：
1.天空的颜色最好有冷暖对比和明暗对比；
2.要有强烈的透视，以增加画面的空间感；
3.天空中的云不宜太多，否则容易显得乱，且会影响到文字的排版。
以下几张天空图片就是不错的背景选择对象。
当然，很多时候需要对现有图片进行后期加工，才能满足我们的设计需求。
6.营造或强化氛围
每一件设计作品都要有它应有的调性，比如可爱、浪漫、欢乐、温馨、科技、时尚等等，那么这些调性是否能够被表现出来，就取决于整个画面的氛围够不够，背景的面积占比通常比较大，所以对氛围的影响也很大。
▲上图是两则促销海报，需要有比较强的促销氛围，所以设计师使用了色彩比较鲜艳、且有些细节的背景。
▲上图背景中使用了由点组成的一圈一圈的线，是为了营造科技、互联网的氛围。
▲上图背景使用了大小不一的红蓝几何色块，是为了强化时尚氛围。
设计背景图背景的效果主要体现在：突出主体、增加空间感、丰富画面、增加形式感、完善场景、营造或加强氛围。优秀的设计离不开优秀的背景。
设计背景图的效果主要体现在那几个方面？相关推荐
- H5+CSS3 背景图毛玻璃效果实现方案
方案一.<img> + filter: blur() <div class="container"><img class="backgrou ...
- CSS实现背景图毛玻璃效果和如何保持图片上的文字显示正常
说明 因为我的底子特别的差(大佬勿喷),今天想让文字在图片上方显示,并且给图片模糊,结果当图片模糊之后也就是实现毛玻璃效果后,发现图片上的文字也模糊掉了,这个问题当然可以用伪元素的方式解决,但是由于某 ...
- 一键可以轻松替换人物背景图，效果出乎意料的好（附 Python 代码）
最近发现 BackgroundMattingV2 项目的一些使用上的小缺陷,但是他却可以做到头发丝精细的抠图效果.我将项目稍微魔改了一下,让他在可以选择单一图片的基础上,可以把抠好的图片贴在自定义的背 ...
- Java语言为excel添加水印，使用原生POI, (XSSFWorkbook, XSSFSheet), 真正背景图水印效果，非普通图片张贴
前言 首先致敬以下我参考的博客 https://www.jianshu.com/p/4332f5feab2e 最近接到一个所谓给导出文件excel加水印的需求,但是一番搜索百度之后意识到一个现实:ex ...
- 小程序基于Taro的Canvas写字效果和背景图水印效果
效果图 const SignName: FC<SignNameProps> = ({ dispatch, SignName }) => {const router = useRout ...
- 简单的流星背景图 动画效果
html代码 <div class="star"></div><div class="star pink"></div ...
- 仿QQ个人信息详情界面中背景图的下拉扩展放大功能
一般一些项目中都少不了一些头部背景图,但是如果背景图静态的现实并不能呈现出与用户操作的交互感,所以要想办法让背景图动起来,qq的一些交互感我很喜欢,比如他的个人详情界面的背景图就是可以下拉扩展,并在扩 ...
- vue 项目中使 实现粒子动态 背景图
在vue中,实现粒子动态背景图的效果 首先安装 插件 npm install vue-particles --save-dev 在main.js 文件中进行引用注册 // 动态粒子 import Vu ...
- 微信小程序设置背景图
在网上查了下面的方法 ,然而并不能行.... 经测试使用绝对定位是可以完成的 .wxml .wxss 这样就可以做到平铺填充整个view,做到背景图的效果! 转载于:https://juejin.im ...
最新文章
- 使用K.function()调试keras
- iOS无法引入头文件
- 面试题整理 8 字符串排序扩展题
- Linux之CentOS用ifconfig没显示ip显示了inet6
- 如何在linux系统下对文件夹名有空格的文件
- RabbitMQ系列-顺序消费模式和迅速消息发送模式
- 特征提取——HOG方向梯直方图
- 用limit 实现java的简单分页
- 幻世机器人_2014年科幻动作《幻世追踪/启动机械码》BD中英双字幕
- Mybatis源码解析：sql参数处理（2）
- C++ 继承与组合的区别
- Guacamole 是浏览器查看桌面的VNC
- 下载qq付费音乐的demo
- Bandizip - Bandizip图标制作
- 内蒙古巴丹吉林沙漠锁定2021中国唯一申遗名额
- 软件需求的三个层次——业务需求、用户需求和功能需求的区别
- 仿热血江湖帮战客方.申请人物列表
- 类图 顺序图 活动图 状态图 用法和比较
- 苹果传奇延续？全面对比解析iPad mini
- 安装deepin系统