今天给大家讲讲设计中的高斯模糊，包括磨砂玻璃效果、创建图像深度、散景背景，甚至用于其他各种背景技术。
01
什么是高斯模糊？
高斯模糊是一个来自图像处理的术语，它使用由 Carl Friedrich Gauss 开发的数学函数。如果你想查一下，有一个相当复杂的公式。
展开全文
轻微的模糊可以缩小半色调图像中点之间的间隙，而大的模糊可以将几乎任何图像变成带有形状轮廓的彩色斑点。
更简单的解释是高斯模糊是一种平滑和淡化图像部分的技术，通常用于减少噪声或为图像的前景添加焦点。摄影师可以在拍摄图像的过程中创建模糊效果，也可以稍后使用 Adobe Photoshop 等工具添加。
高斯模糊越大，其背后的图像就越难以辨别。轻微的模糊可以缩小半色调图像中点之间的间隙，而大的模糊可以将几乎任何图像变成带有形状轮廓的彩色斑点。
就当前趋势而言，高斯模糊最常用作开发和创建背景元素的技术。
02
设计趋势的特征
要真正掌握这项技术，您需要在各种图像上使用它，并在基本图像中使用不同的颜色。
这种设计趋势的关键特征是使用模糊的图像和背景。有时您可能知道背景元素的来源，但情况并非总是如此。
你在社交媒体上经常看到这种效果，当图像以背景中复制和模糊的图像为中心时，图像的尺寸不太适合填充框架。
主要平台对这种效果的流行和使用可能是高斯模糊成为各种设计项目流行效果的原因之一。（我们都知道，一旦一个大品牌开始使用一种技术，它就会迅速变成一个大趋势。）
例如（上图），Awwwards 以这种方式使用浅色背景模糊。
模糊的变化可能会有很大差异，但最常见的是你可以在模糊中看到形状的轮廓。这足以创造视觉兴趣，但还不足以让你花时间试图找出背景中的内容。
在处理这种趋势时，这是一条很好的路线。没有足够的模糊，你只会看到一个很难在眼睛上看到的图像。太多的模糊和颜色和形状逐渐消失。
要真正掌握这项技术，您需要在各种图像上使用它，并在基本图像中使用不同的颜色。你可以使用高对比度元素获得更多效果，并以较低的颜色对比度起点获得更柔和的背景。
03
使用高斯模糊的 7 种方法
高斯模糊作为一种趋势的有趣之处在于它几乎可以适应任何事物。从完整的背景元素到对单个元素的轻描淡写，有很多方法可以使用这种技术。
1. 作为微妙的背景效果
Moment House 在整个设计中使用模糊的背景效果，并将模糊扩展为页面上没有其他图像的全屏元素。它创造了一种微妙而简单的视觉一致性，并防止导航感觉过于鲜明。
2. 创建图像焦点
高斯模糊最古老的用途之一是淡出图像的背景以提供更多的前景焦点。Adviceline Injury Lawyers 通过结合模糊和从背景中去除颜色将这一点提升到另一个层次，这样焦点就在图像中的女人身上，而不是她身后的东西。
3. 在动画背景中
有时，模糊只不过是一种颜色的漩涡。IDEP 使用这种理念并动画模糊的颜色曲线来创建一些有趣的东西。
4. 显示速度或动作
特别是在摄影中，正确的模糊可以显示速度或运动。World Triathlon 将这一概念用于其主页上的照片，以激发活动的热情。
5. 在画布上创建深度
Gucci 在这里以狂野的方式混合了许多设计元素，特别是在背景中采用了明亮的模糊效果，将图层分开以获得更多的 3D 效果。
6. 对于霓虹灯或阴影效果
高斯模糊阴影是在屏幕上创建深度和维度的另一种方法。Roccat 在阴影中使用模糊来建立多层深度和霓虹灯效果的感觉。所以，实际上这里同时发生了多种模糊效果。
7. 对于微妙的颜色变化
Contra 在此设计的多个位置使用高斯模糊。背景实际缓慢地用模糊动画模拟自然光。有趣的是，这里的模糊与许多人使用模糊的目的相反——其中实际上包含噪声，而不是被模糊掉。
04
结论
当你真正开始考虑它时，在设计项目中使用高斯模糊可能是一段时间以来非常流行的渐变色趋势的延伸。这是创建具有更多形状和维度元素的颜色渐变的不同方式。
好消息是稍加练习，你就可以创建恒星高斯模糊，它可以以多种方式用于各种设计项目。
文章来源：UI范
作者：designshack.net，版权归原作者所有
原文链接：
https://mp.weixin.qq.com/s/-sET5G9yYatkcSbpKdvMow
版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明示或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。
联系微信：Meia_99
▼
点这里，一键进入IXDC2021国际体验设计大会！
👇