新浪博客

#海空设计#|解读透明度及在设计中实际应用示例

2022-04-14 13:55阅读：

http://blog.sina.cn/dpool/blog/u/1241880347

书籍鉴赏文章来源于“海空设计”微信公众号【海平面】解读透明度及在设计中实际应用示例

#海空设计#|解读透明度及在设计中实际应用示例


许多原则构成了伟大设计的基石。其中一些，比如平衡或对齐，是相当基础的——对任何初步了解设计的人来说都知道。但对于那些认为自己是非设计专业人士来说，其他设计原则可能是一个问号——而这些原则之一？ 就是 透明度。
透明性可能不像一些更基本的设计原则那样广为人知，但这并不意味着它不重要！
下面，让我们深入了解透明度——它是什么，为什么它很重要，以及如何在平面设计中使用透明度：

什么是透明度？

#海空设计#|解读透明度及在设计中实际应用示例


在我们开始讨论如何在平面设计中使用透明度之前，让我们快速介绍一下平面设计中的透明度到底是什么。
透明度有时也称为不透明度。不透明度与穿过物体的光线量有关。不透明度越低——或者可以穿过物体的光越多——物体就越亮、越透明。不透明度越高——或者可以穿过所述物体的光线越少——物体的色彩就越稳固坚实。
换句话说，不透明度越低，物体的透明度就越高。

为什么透明度在平面设计中如此重要？

#海空设计#|解读透明度及在设计中实际应用示例
像这张在亚马逊出售的透明胶片，可以用作各种用途的彩色滤镜
因此，透明度是关于设计中任何特定元素的“透视”程度。但这究竟为什么如此重要呢?
透明度在设计中创造了一种深度感。你可以将设计元素(如字体、照片和形状)分层，而不是将它们分开。这增加了深度，并使设计更具视觉趣味性。
例如，假设你正在设计一个活动海报。你可以通过使用一张更透明的照片作为海报的背景来创造深度。然后，你可以在照片的顶部用不同的透明度来分层不同的设计元素，以创造一种深度感和视觉兴趣。
透明度还可以让设计元素以新颖有趣的方式交互。例如，假设你将许多透明的圆层叠在一起，就像维恩图（请看下面注解）一样。它们相交的区域会产生一种完全不同的、更不透明的阴影——这又是一个视觉上有趣的设计。 #海空设计#|解读透明度及在设计中实际应用示例
维恩图图例

 （维恩图（英语：Venn diagram），或译Venn图、文氏图、温氏图、韦恩图，是在所谓的集合论（或者类的理论）数学分支中，在不太严格的意义下用以表示集合（或类）的一种草图。）

平面设计中的透明度原则


通过上述，你了解到了什么是透明度，以及为什么它很重要，让我们介绍如何在平面设计中使用透明度的基本原则。

在设计中使用不同层级的透明度


说到透明度，如果你想增加视觉上的兴趣，你应该计划合并不同透明度层级的元素。 例如，如果你在1到10的层级上评估一个设计元素的透明度，你不希望设计中的每个元素都是透明度层级6或层级2。相反，你需要一个混合的透明度层级级别。
这样做出的透明度的多样性给设计带来了一种深度感，也会让你的所有设计在视觉上更有趣。

混合透明和不透明元素


对比是设计的另一个基本原则。它适用于颜色，但也适用于透明度。为了让透明元素创建最大的影响力，他们需要不透明元素来提供一种对比感。
例如，如果你在设计中添加了一个透明的颜色框，那么将纯文本图层放在上面。或者如果你有一个纯色框，请尝试使用透明字体。这是因为，实心和透明之间的对比增加了视觉趣味，并且将最大限度地提高设计中透明度的效果。

透明度设计示例（以及它们好在哪里）


你知道什么是透明度。你知道为什么这很重要。你知道它背后的原则以及如何在设计中使用它。现在，让我们来看看实际的透明度应用示例：

透明字体示例

手写油漆英文字体
#海空设计#|解读透明度及在设计中实际应用示例
Simon Stratford 的这个笔刷脚本应用于图像并降低其透明度

好在哪里：如前所述，透明度的核心原则之一是对比。这种受手写启发的字体在每个字母中使用不同层级的透明度；字母的某些部分几乎完全不透明，而其他部分几乎完全透明。这模仿了画布上画笔的外观和感觉——当与大写字母风格相结合时，营造出都市外观，为其背后的城市景观照片增添前卫感。
欧塞尔剧院的海报


#海空设计#|解读透明度及在设计中实际应用示例
欧塞尔剧院（Au Theatre D'Auxerre）的海报


好在哪里：透明度在设计中产生如此多的视觉兴趣的原因之一，是它允许不同的设计元素以新的和意想不到的方式进行交互。在这个设计中，透明字体、不透明字体、醒目的颜色和摄影元素的组合，创造出一系列具有视觉冲击力的海报，一定会吸引受众的注意力。
YouTube 上的透明度教程图
#海空设计#|解读透明度及在设计中实际应用示例
此图片来自 YouTube上关于文本透明度的教程图

好在哪里：在完全透明的字体和围绕文本的略微透明的框之间，这个设计包含了一个两个透明度，每个透明元素创造了更多的视觉趣味，并与工业风格的背景照片形成了更多的对比效果。

笔触（Brushtroke）字体
#海空设计#|解读透明度及在设计中实际应用示例
这个设计中的字体模仿了一支干枯的笔书写的效果

好在哪里：如前所述，不透明和透明之间的对比使笔触字体非常有效。在此示例中，黑色笔触字体叠加在纯白色背景上——进一步形成对比度，有助于字体突出。

透明图片示例

Sarah Champion的作品
#海空设计#|解读透明度及在设计中实际应用示例


好在哪里：这些明信片上鲜艳的红色、粉红色、蓝绿色和柠檬绿色圆圈在黑白背景下真的很凸显。但是因为每个圆都略微透明，你仍然可以看到照片背景图——所以照片的影响（加强了圆圈内的冒险灵感）不会丢失。
日本制造
#海空设计#|解读透明度及在设计中实际应用示例
这张日本海报是2016年Échirolles平面设计月展览中展示的系列作品的一部分

好在哪里：这张日本海报中使用的红色、白色和蓝色色调不仅创造了一个有趣的调色板，而且当透明的红色字体覆盖在蓝色图形上时，它创造了一种深度感和阴影感，增强了 整体设计的视觉冲击。
Seeker's Base
#海空设计#|解读透明度及在设计中实际应用示例
这个标识使用了不同层级透明度的黄色

好在哪里：使用透明度最有趣的方法之一，是将相同颜色的不同阴影分层，这会产生更多的阴影——正如设计师在这个标识设计中使用黄色阴影所做的那样。
伦敦的形状
#海空设计#|解读透明度及在设计中实际应用示例
伦敦的形状

工作原理：从大胆的调色板到透明的伦敦地标，再到分层产生的层次感（营造出深度和阴影感），伦敦天际线的这种抽象设计充满了视觉冲击力。
TrainXtra 标识
#海空设计#|解读透明度及在设计中实际应用示例
TrainXtra标识

好在哪里：在许多设计中，以不同方式使用透明度实际上可以增加每个元素的视觉冲击力。分层的透明圆圈（以不同深浅的绿色作为此标识设计的抽象图视觉焦点）与标识字体中透明的“I”相呼应。


去实践，让你的设计变得透明


现在你知道了如何在平面设计中使用透明度(以及在实际操作中如何有效地使用透明度)，那么你要做的就是？去开始尝试应用透明度来设计吧！

我的更多文章

下载客户端阅读体验更佳

APP专享