设为首页 加入收藏

手机版 郑州清新教育-郑州电脑设计培训学校典范,专业课程包括:室内家装建筑装饰设计培训学习班,平面广告网页美工动漫设计培训,淘宝开店美工运营推广网站手机开发培训等课程
郑州清新教育电话

当前位置:首页 > 网页美工设计

网页美工设计

网页设计中模糊背景图设计的应用技巧

编辑: 时间:2018-08-25 08:25:04

   如果你留意了近期的网页和平面设计风格,可能会注意到这是近年来的趋势。你可能会看到模糊图片,它们被用在网站的背景中、标题背景或者其他图文版面中。不仅是要紧随设计趋势,或只是为了尝试新的外观,还因为它们具有改善设计的功能性和美观性,这应该是模糊照片会流行的主要原因。

  那么,如何使用模糊图像来增强自己的设计呢?让我们来看看下面的10种应用技巧:

  01. 创建一个干净的背景

  模糊图像最常见的用途之一是用来做背景图。一般来说,摄影背景图可以吸引到观众,但是虚化背景往往视觉效果更好。一个画面图复杂清晰的背景图,有时会使其他的设计元素,特别是文本,很难看清。因此,根据图像的复杂程度,应用模糊效果可以帮助创建一个干净的背景,不会减弱内容的易读性。

  创建干净的背景图,常见的一种模糊技巧:整体模糊,既把整张图做模糊处理;而另一种是局部模糊处理技巧,是下一项我们要谈到的,它是通过把部分图像进行模糊处理,来改变图像中的视觉焦点。

  在摄影中,这个概念被称为“景深”。即使你对这个术语不熟悉,但你在现实中可能也看过这种效果。在景深浅的图像中,焦点区域非常狭窄:例如,对于肖像,主体的脸部可能是焦点,但他们的周围是完全模糊的。另一方面,在景深较宽的图像中,焦点面积较大,整个图像可能从前到后都很透明,如风景摄影。

  02. 关注重要信息

  模糊可以被添加到图像中以达到某种效果或目的,但也可以使用它来去除或强调一部分图像。通常情况下,你用模糊来确保你的视觉焦点是清晰的。如果你想让观众关注你形象的某一方面——也许是你正在推销的产品——那么你不希望它们被周围不重要的画面分散注意力。

  下图系列中的六个包装形象,就使用了局部模糊效果(通过控制景深来实现),以确保广告中的产品处于视觉焦点上。但是,这些图像的焦点之外的部分并非就成了无用的空间:景深可以逐渐虚化,所以其他的物体仍然可以辨认(而且这些物体也代表了饮料口味)。

  

3.png

 

  这里还有另外一种景深的使用方式(除背景之外,前景也没有对焦),但它仍然将注意力引向设计的主体——请帖上的这对幸福夫妇。

  

4.png

 

  03. 传递丰富的信息内容

  为什么我们将图像添加到我们的设计中?一般来说,它是为了说明和强调需要传达的信息。即使它们可能不够清晰或详细,但模糊的图像仍然可以填补这一角色;通常它只是以一种更低调的方式,而不是视觉焦点——就像杂志版面上的图片一样。

  04. 为文本选择一个背景图

  对于以文本为焦点的设计(可能是标志、社交媒体图形或某种手绘文字),背景图的应用就可以更好地展示它们。有时候,可以应用一个普通的白色、黑色、彩色背景图,或者一个带纹理的背景图,但使用模糊的图像作为背景图,可以增强某些文本的设计效果。

  对于初学者来说,上面提到的一、三项内容可能是你需要背景虚化的原因,其目的是弱化背景以突出设计需要传达的信息。下面的模糊图像为品牌宣传起到了一定作用,从logo和广告语上,并没看出它属于什么类型的业务,而是通过图像暗示了一些缺失的信息:这是一所家具设计公司。不需添加额外的、解释性的文本,并让图像留出大量空间,这种方法使设计简化。

求学问答专业答复,快速响应
电话:0371-63218905
手机:13613841515
QQ:
有问题需要老师在线解答? 立即提问 马上回复
更多 热门课程排行榜
郑州清新教育电脑学校

室内家装设计知识平面广告设计知识网页美工设计知识

模具机械设计知识电脑办公文秘知识游戏动漫设计知识

郑州清新教育电脑学校

清新教育新闻资讯清新教育报班选课清新教育就业服务

关于清新教育联系清新教育清新教育乘车路线

关于我们 版权所有:郑州清新教育(www.qingxinedu.cn)备案号:豫ICP备11011661号