高斯模糊的高级用法

给大家讲讲设计中的高斯模糊，包括磨砂玻璃效果、创建图像深度、散景背景，甚至用于其他各种背景技术。来让你们一起来看看，喜欢记得关注UI范，每天更新！全方位给到新鲜的设计干货，打造你的知识武器库，升职加薪指日可待！

· 什么是高斯模糊？

高斯模糊是一个来自图像处理的术语，它使用由 Carl Friedrich Gauss 开发的数学函数。如果你想查一下，有一个相当复杂的公式。

轻微的模糊可以缩小半色调图像中点之间的间隙，而大的模糊可以将几乎任何图像变成带有形状轮廓的彩色斑点。

更简单的解释是高斯模糊是一种平滑和淡化图像部分的技术，通常用于减少噪声或为图像的前景添加焦点。摄影师可以在拍摄图像的过程中创建模糊效果，也可以稍后使用 Adobe Photoshop 等工具添加。

高斯模糊越大，其背后的图像就越难以辨别。轻微的模糊可以缩小半色调图像中点之间的间隙，而大的模糊可以将几乎任何图像变成带有形状轮廓的彩色斑点。

可能在设计中应用高斯模糊的常见位置包括在图像上创建更清晰的前景焦点或创建更立体的效果、清除图像中的噪点、创建背景，作为褪色区域的一部分投影，或隐藏图像中的元素（例如面部或识别元素）。

就当前趋势而言，高斯模糊最常用作开发和创建背景元素的技术。

· 设计趋势的特征

要真正掌握这项技术，您需要在各种图像上使用它，并在基本图像中使用不同的颜色。

这种设计趋势的关键特征是使用模糊的图像和背景。有时您可能知道背景元素的来源，但情况并非总是如此。

你在社交媒体上经常看到这种效果，当图像以背景中复制和模糊的图像为中心时，图像的尺寸不太适合填充框架。

主要平台对这种效果的流行和使用可能是高斯模糊成为各种设计项目流行效果的原因之一。（我们都知道，一旦一个大品牌开始使用一种技术，它就会迅速变成一个大趋势。）

例如（上图），Awwwards 以这种方式使用浅色背景模糊。

模糊的变化可能会有很大差异，但最常见的是你可以在模糊中看到形状的轮廓。这足以创造视觉兴趣，但还不足以让你花时间试图找出背景中的内容。

在处理这种趋势时，这是一条很好的路线。没有足够的模糊，你只会看到一个很难在眼睛上看到的图像。太多的模糊和颜色和形状逐渐消失。

要真正掌握这项技术，您需要在各种图像上使用它，并在基本图像中使用不同的颜色。你可以使用高对比度元素获得更多效果，并以较低的颜色对比度起点获得更柔和的背景。

 

· 使用高斯模糊的 7 种方法

高斯模糊作为一种趋势的有趣之处在于它几乎可以适应任何事物。从完整的背景元素到对单个元素的轻描淡写，有很多方法可以使用这种技术。

1. 作为微妙的背景效果

Moment House 在整个设计中使用模糊的背景效果，并将模糊扩展为页面上没有其他图像的全屏元素。它创造了一种微妙而简单的视觉一致性，并防止导航感觉过于鲜明。

2. 创建图像焦点

高斯模糊最古老的用途之一是淡出图像的背景以提供更多的前景焦点。Adviceline Injury Lawyers 通过结合模糊和从背景中去除颜色将这一点提升到另一个层次，这样焦点就在图像中的女人身上，而不是她身后的东西。

3. 在动画背景中

有时，模糊只不过是一种颜色的漩涡。IDEP 使用这种理念并动画模糊的颜色曲线来创建一些有趣的东西。

4. 显示速度或动作

特别是在摄影中，正确的模糊可以显示速度或运动。World Triathlon 将这一概念用于其主页上的照片，以激发活动的热情。

5. 在画布上创建深度

Gucci 在这里以狂野的方式混合了许多设计元素，特别是在背景中采用了明亮的模糊效果，将图层分开以获得更多的 3D 效果。

6. 对于霓虹灯或阴影效果

高斯模糊阴影是在屏幕上创建深度和维度的另一种方法。Roccat 在阴影中使用模糊来建立多层深度和霓虹灯效果的感觉。所以，实际上这里同时发生了多种模糊效果。

7. 对于微妙的颜色变化

Contra 在此设计的多个位置使用高斯模糊。背景实际缓慢地用模糊动画模拟自然光。有趣的是，这里的模糊与许多人使用模糊的目的相反——其中实际上包含噪声，而不是被模糊掉。

 

· 结论

当你真正开始考虑它时，在设计项目中使用高斯模糊可能是一段时间以来非常流行的渐变色趋势的延伸。这是创建具有更多形状和维度元素的颜色渐变的不同方式。

好消息是稍加练习，你就可以创建恒星高斯模糊，它可以以多种方式用于各种设计项目。喜欢记得关注UI范，每天更新！全方位给到新鲜的设计干货，打造你的知识武器库，升职加薪！