散光设计风格真的有这么好吗？杂大厂们都在用！

来来来！速围观！最近有一种流行的设计风在悄悄的刮起来——弥散光。

起初在UI设计中广泛出现，后来在各种平面类设计中也非常流行，不仅出现在今年的阿里巴巴设计新趋势实战篇，最近还出现在网易的测试主流颜色中。

第一：风格特征。

先以下图为例，对弥散光这种风格的特点进行分析和总结。

一，虚实结合。

对渐变风的常规认识，主要还是色彩和色彩之间比较自然的渐进变化，它们的整体气质比较柔和。但是弥散光在此基础上又产生了新的特征，即一些虚实变化。

简而言之，如下图所示。

色边保留了一些比较清晰的轮廓，整体在观感上多了一些动感和变化层次。同样由于其这一特点，无论是作为版面的主视觉，还是作为辅助部分，都能起到很好的效果。

二，噪点纹理。

严格来说，这实际上是弥散光与酸性风格相结合的延展用法。不但在原有的基础上多了些复古气质，而且细节Max。

三，聚焦or层次。

就用法而言，就是以视觉聚焦为背景，提高整体层次。

要领一：视觉聚焦，也是目前比较常见的用法，一般会和重要信息结合起来，即通过色彩对比来吸引眼球，从而聚焦于想要突出的重要信息。

要领二：作为背景，增加整个布局的层次和细节。使用方法与气氛图和底纹相似。

第二：制作方法。

从外观和使用的角度来看，我们知道它的主要特点。接下来，我将通过以上三个案例谈谈三种典型的散光实现方法。

一，单体渐变。

要领：高斯模糊。

这一全弥散状态的渐变实现起来比较简单，方法也很多。其中一种更方便做细节调整的方法是高斯模糊。

制作步骤。

Step1:在画布中创建三个圆形，放置在布局的对角线位置。

Step2:给这三个图形一个高斯模糊(滤镜-模糊-高斯模糊)。

注意：为保持模糊参数的可编辑性，可选择高斯模糊后，在弹出窗口将图形转换为智能图像。

二，组合渐变。

制作要点：模糊画廊。

这里渐变的主要特点是虚实结合。除了模糊画廊，制作方法还有其他实现方法，但是模糊画廊会更方便。

这里以圆形为例，做一些组合。如果你想要更复杂的效果，也可以使用其他图形。

制作步骤。

Step1:新建七个椭圆。调整它的大小和方向。

当然，这里的尺寸和方向，并非一开始就可以设置得很完美，还是以最终呈现效果为准，再去做一些尺寸方向的调整。

Step2：分别对上述图形进行模糊画廊效果。

它可以根据自己的需要改变模糊的方向，也可以创造空间感。

Step3:最后，根据布局的需要，可以制作布局边缘的内部发光效果。

三，背景渐变。

制作要点：渐变叠加+液化。

液化相对自由，可以根据自己的需要进行不同程度的拉扯。

制作步骤。

Step1:创建一个布局大小的矩形，并逐步叠加。

Step2:液化(滤镜-液化)，然后是一套神奇的传统工艺。

返回版面效果。

Step3:此时还可以选择使用柔边画笔，在版面边缘加一点内发光。

最终还可增加一点噪音纹理~可通过添加杂色(滤镜-杂色-添加杂色)，调整到数量5，单色高斯分布即可。

恩~上面介绍了三种比较典型的散光感知实现方法，不得不说还是很有意思的~。

此外，当然还有其它的实现方法，而且，这些方法也可以结合使用，总的来说，怎么用都好用！

第三：实例演示。

或者主题！梦境在黎明破晓的时候~我们再从以上三种形式上做一点改变，表现方式上我们也让它更加切题。

一，梳理基本信息。

在视觉元素方面，我们将上述例子中制作的两种弥散光回收再利用。

二，制作流程。

1.文字编排。

2.主视觉。

在将两种弥散光全部放入布局后，我们先将其组合进行弥散光处理。

Step1:首先统一模糊方向。削弱色彩对比度，使其在布局上更加融合。

总的来说，我们增加了一点质感。其实这个时候整体效果挺好的。再次感叹散光真的很好用！但是可以增加1亿个细节层次！

Step2:我们给背景一个蒙版，加一个深色背景，让整体效果对比更强。

Step3：此时版面上还缺少一个视觉焦点，黎明怎么会没有日出呢？咱们再加点小太阳~。

Step4:不够！让我们给小太阳一些透明的效果！

A:先给一点体积。

B:给人一点光晕的感觉。

C:然后我们对小太阳做了一个若隐若现的半透图，调整图层填充至60。

D:最后是一个亮点~。

三，多尺寸延展。

基本效果出来后，我们来看看它的延展性: