在视觉设计中使用透明度的8个理由

在1890年，弥尔顿·布拉德利公司（Milton Bradley Company）出版了一部具有历史意义的关于向孩子传授色彩的手册，名为 《Color in the School-room: A Manual for Teachers》。对于一本关于幼儿水平教育的教科书来说是非常科学的，它解决了诸如色盲之类的问题，并且整整一章专门讨论“对确定的颜色如何科学命名”。

在第4章“光与色理论”的早期某个地方，可以找到以下段落：“应记住，没有物质是完全透明的，没有物质是绝对不透明的。”

在设计中，我们通常将透明度和不透明度称为相似的事物。本质上，不透明度是通过有多少光穿过物体来衡量的。透明度较低的对象可以让更多的光线通过，因此变得更“透明”。物体越坚固-可以通过的光线越少-转换为更高的不透明度。

因此，要建立直接连接：不透明度的水平与对象的透明性直接相关。

设计师经常使用不透明性，通过将物理透明性的效果转换为线条，形状，图像，纹理和颜色的层以实现图形透明性，从而在设计中产生深度感，从而实现制作两个或多个表面或对象的预期结果同时可见。

我们设计透明的原因有很多：创造视觉趣味，对比元素，创造深度。让我们看一下这8个原因：

1.融合色彩和图像

从米尔顿·布拉德利（Milton Bradley）的教科书中汲取灵感：尝试使用透明度通道是将色彩引入图像的最简单方法之一。想要拍一张黑白照片吗？添加颜色叠加。是否需要标准化产品的视觉品牌？同上。

与纯色背景相比，透明的颜色叠加看起来更柔和，同时也增加了深度。在下面的示例中，将红色叠加层添加到一系列照片中，以保留产品（ESPN）的品牌色彩，而不是让团队的品牌色彩争夺注意力。

2.传递多维情绪

使用色彩通道来产生单色调/双色调图像，全息图，噪点和图像失真也被认为是2019年的设计趋势。使用透明度覆盖同一主题的多次曝光，设计人员可以探索不同的表达，塑造多层次的情绪表达并看起来更灵动。

3.创造景深

使用多层透明度的明显好处是可以堆叠元素以创建空间感。对不同的颜色，照片和形状进行分层不仅可以创建有趣的视觉效果，还可以让您在其他平坦的介质中营造出前景色和背景感。

当涉及动效时，这种空间感会增强，从而使设计人员可以从观看者向不同方向推拉内容。

4.区隔空间

有时，我们在设计时的内容太多，排版上显得拥挤。透明度可用于在设计中添加其他图层，在图像和文本之间创建额外的对比度，或同时在两者之间：通过对比不同的不透明度，允许多个元素占据同一空间。您的背景或图像是否太忙于文本？在顶部覆盖第二个半透明层，以创建所需的对比度。

5.区分状态

当你重叠的元素越多，其不透明的程度就越大。例如，在UI设计中将“几乎没有”按钮与完全不透明的按钮配对，可以轻松传达功能的开/关或选择/取消选择状态之间的差异。

随着新拟态设计风格的出现，以在UI设计中创建干净，简单的外观，调整透明度是传达过渡的一种简单的方法。

6.直透商品

在消费者包装设计中，利用不透明程度不同的材料是展示包装内部内容的好方法，从而使产品有机会进行自我销售。与提供FDA有关成分标签透明性的方法相比，有比提供与包装的物理内容有关的“透明度”更好的方法。这是一种传统上也应用于印刷设计的技术。例如，透明的包装分层，以增强设计的深度，并且展示了内容

7.建立焦点

这是利用透明性（或任何设计原则）的一个显而易见的原因，并且可能是最重要的原因：创建一个视觉焦点。通过创建供人观看/浏览的切口或窗口来引导观众的视线，或使用透明性在设计的某个区域上形成对比以引起人们的注意。这就像添加一个大箭头，说：“看着我！我很重要。”

8.文字和图像叠加

这或许是设计师最喜欢的透明度使用方式之一。能够多次叠加颜色的能力是丝网印刷过程中最令人兴奋的功能之一，数字设计人员经常利用这种透明度来创建无限的可能性。

在这些示例中，线条，形状，颜色和纹理的相互作用都被体现在了作品中，并且由于背景/前景关系的不稳定性而引起的深度增加了图像和文本的相等焦点。

最后，在设计中使用透明度之前，要请考虑使用透明度的原因。并且请记住“没有物质是完全透明的，没有任何物质是绝对不透明的”。