混合模式详解

好的设计通常与流畅的过渡有关，混合模式可以帮助您轻松实现这一目标。事实上，使用混合模式可以使您的设计更具动态感和视觉趣味性。通过尝试不同的混合模式，您可以创建新的颜色组合和纹理，从而为您的作品增加深度。

今天，我们将带您了解如何在 Sketch 中使用混合模式，并分享如何在您的设计中实现它们的一些见解。

如何在 Sketch 中使用混合模式

您可以将混合模式应用于填充、边框、阴影和内阴影，您可以独立调整它们。例如，您可以将 柔光 混合应用于填充，并将 正片叠底 混合应用于阴影。您只需单击检查器中的混合图标并选择您喜欢的混合模式。

这些混合选项中的每一个都会影响您选择的填充、边框或阴影的基本颜色。但是，无需盲目操作！您只需将鼠标悬停在混合菜单上的每个项目上，即可轻松预览混合模式的外观。

了解混合模式

我们根据混合模式的主要结果将其分为五个部分： 变暗 、 变亮 、 对比度 、 颜色 和 比较 。

变暗

变暗 下的混合模式将帮助您放大设计中的深色。以下是可用选项的快速介绍

• 变暗： 保留混合层和基础层之间最暗的颜色。
• 正片叠底： 仅保留混合层的较暗颜色，并降低浅色颜色的不透明度。结果颜色始终较暗，除非是纯白色。
• 颜色加深： 使用混合层的颜色来加深基础层，并增加两者之间的对比度。与白色混合不会产生任何变化。
• 增加黑色： 类似于 变暗 ，但对中间调的影响更强 。

变暗 混合模式非常适合处理阴影或深色基础层。您可以使用它们来创建更逼真和动态的阴影效果，或者为图像添加深度和纹理。

变亮

变亮 下的混合模式将帮助您放大设计中的浅色。让我们来看看此部分中的混合模式。

• 变亮： 保留混合层和基础层之间最亮的颜色。只有当顶层比底层的亮度或照度更亮时，才会变亮。
• 屏幕： 仅保留混合层的白色和较浅颜色，并降低黑色或深色颜色的不透明度。换句话说，它将基础颜色和混合颜色的反色相乘，从而产生较亮的结果，除非是纯黑色。
• 颜色减淡： 使用混合层的颜色来提亮基础层，从而降低两者之间的对比度。与黑色混合不会产生任何变化。
• 增加白色： 类似于 变亮 ，但对中间调的影响更强。

变亮 混合模式非常适合创建发光效果或增加图像的亮度。

对比度

对比度 下的混合模式都是关于让基础层和混合层相互作用的。以下是您可以在此部分中找到的混合模式

• 叠加： 如果基础层较暗，则类似于 正片叠底 ；如果基础层较亮，则类似于 屏幕 。
• 强光： 结合了 正片叠底 和 屏幕 ，使用顶层的亮度值进行计算，而叠加使用基础层。
• 柔光： 类似于叠加，它会根据亮度值应用变暗或变亮效果，但更微妙，没有强烈的对比度。

对比度 混合模式非常适合为您的图像添加深度和动态感。例如，您可以将它们与高斯模糊相结合，并使用它们为肖像照片添加柔和的光晕。当然，它们也非常适合在不需要通过 颜色调整 设置的情况下，为图像添加对比度。

比较

比较 下的混合模式基本上反转白色或浅色。以下是此部分中混合模式的快速介绍

• 差值： 从基础颜色中减去混合颜色，反之亦然，具体取决于哪个更亮。当两个像素相同时，结果将为黑色。
• 排除： 其行为与 差值 非常相似，但由于它不反转中间调，因此图层之间的对比度较小。

比较 混合模式可用于创建微妙的分层效果或反转颜色。您还可以使用它们来测试颜色之间的差异 - 如果您对设计的科学方面感兴趣。

颜色

颜色 下的混合模式可用于处理色调、饱和度和亮度，以帮助您的设计栩栩如生。以下是此部分中混合模式的概述

• 色调： 使用混合层的色调，同时保留基础层的饱和度和亮度。
• 饱和度： 使用混合层的饱和度级别，但保留基础层的色调和亮度。
• 颜色： 使用混合层的色调和饱和度，同时保留基础层的亮度。
• 明度： 使用基础层的亮度，同时保留基础层的色调和饱和度，从而产生与 颜色 相反的效果。

颜色 混合模式非常适合照片编辑。例如，您可以使用它为冷色调照片添加温暖感，或者通过降低颜色的饱和度来创建复古外观。

使用混合模式的最佳实践

好的，我们已经介绍了所有技术方面的内容。但是我们如何才能在我们的设计中实际使用这些混合模式呢？以下是一些示例，向您展示如何充分利用每种混合模式类型 - 但请随意尝试其他选项！

您已经了解了！我们希望这能让您更好地了解如何使用混合模式并释放您的创造力。使用混合模式制作了一些很棒的东西？请使用 #MadeWithSketch 在社交媒体上与我们分享。