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

标签:
版式设计创意设计海空设计排版设计平面设计 |
分类: 海空设计鉴赏 |
https://img.zcool.cn/community/0109ce622f071c11013e89530171b9.jpg
透明性可能不像一些更基本的设计原则那样广为人知,但这并不意味着它不重要!
下面,让我们深入了解透明度——它是什么,为什么它很重要,以及如何在平面设计中使用透明度:
什么是透明度?
https://img.zcool.cn/community/010630622f071c11013f785b91a420.jpg
换句话说,不透明度越低,物体的透明度就越高。
为什么透明度在平面设计中如此重要?
https://img.zcool.cn/community/01dbb5622f071d11013f785bbb0001.jpg
像这张在亚马逊出售的透明胶片,可以用作各种用途的彩色滤镜因此,透明度是关于设计中任何特定元素的“透视”程度。但这究竟为什么如此重要呢?
透明度在设计中创造了一种深度感。你可以将设计元素(如字体、照片和形状)分层,而不是将它们分开。这增加了深度,并使设计更具视觉趣味性。
例如,假设你正在设计一个活动海报。你可以通过使用一张更透明的照片作为海报的背景来创造深度。然后,你可以在照片的顶部用不同的透明度来分层不同的设计元素,以创造一种深度感和视觉兴趣。
透明度还可以让设计元素以新颖有趣的方式交互。例如,假设你将许多透明的圆层叠在一起,就像维恩图(请看下面注解)一样。它们相交的区域会产生一种完全不同的、更不透明的阴影——这又是一个视觉上有趣的设计。
https://img.zcool.cn/community/01a0e6622f07f411013e89536dbe5f.jpg
维恩图图例(维恩图(英语:Venn diagram),或译Venn图、文氏图、温氏图、韦恩图,是在所谓的集合论(或者类的理论)数学分支中,在不太严格的意义下用以表示集合(或类)的一种草图。)
平面设计中的透明度原则
通过上述,你了解到了什么是透明度,以及为什么它很重要,让我们介绍如何在平面设计中使用透明度的基本原则。
在设计中使用不同层级的透明度
说到透明度,如果你想增加视觉上的兴趣,你应该计划合并不同透明度层级的元素。
这样做出的透明度的多样性给设计带来了一种深度感,也会让你的所有设计在视觉上更有趣。
混合透明和不透明元素
对比是设计的另一个基本原则。它适用于颜色,但也适用于透明度。为了让透明元素创建最大的影响力,他们需要不透明元素来提供一种对比感。
例如,如果你在设计中添加了一个透明的颜色框,那么将纯文本图层放在上面。或者如果你有一个纯色框,请尝试使用透明字体。这是因为,实心和透明之间的对比增加了视觉趣味,并且将最大限度地提高设计中透明度的效果。
透明度设计示例(以及它们好在哪里)
你知道什么是透明度。你知道为什么这很重要。你知道它背后的原则以及如何在设计中使用它。现在,让我们来看看实际的透明度应用示例:
透明字体示例
手写油漆英文字体
https://img.zcool.cn/community/0179ca622f081811013e8953bdb3a6.jpg
Simon Stratford 的这个笔刷脚本应用于图像并降低其透明度
好在哪里:如前所述,透明度的核心原则之一是对比。这种受手写启发的字体在每个字母中使用不同层级的透明度;字母的某些部分几乎完全不透明,而其他部分几乎完全透明。这模仿了画布上画笔的外观和感觉——当与大写字母风格相结合时,营造出都市外观,为其背后的城市景观照片增添前卫感。
欧塞尔剧院的海报
https://img.zcool.cn/community/011cba622f071d11013e8953f8214c.jpg
欧塞尔剧院(Au Theatre D'Auxerre)的海报
YouTube 上的透明度教程图
https://img.zcool.cn/community/0100de622f071d11013f785b99de5d.jpg
此图片来自
好在哪里:在完全透明的字体和围绕文本的略微透明的框之间,这个设计包含了一个两个透明度,每个透明元素创造了更多的视觉趣味,并与工业风格的背景照片形成了更多的对比效果。
笔触(Brushtroke)字体
https://img.zcool.cn/community/01f244622f071e11013f785b34cb4d.jpg
这个设计中的字体模仿了一支干枯的笔书写的效果
好在哪里:如前所述,不透明和透明之间的对比使笔触字体非常有效。在此示例中,黑色笔触字体叠加在纯白色背景上——进一步形成对比度,有助于字体突出。
透明图片示例
Sarah Champion的作品
https://img.zcool.cn/community/017fef622f071e11013e895305679a.jpg
日本制造
https://img.zcool.cn/community/015c97622f071e11013e895396e25d.jpg
这张日本海报是2016年Échirolles平面设计月展览中展示的系列作品的一部分
好在哪里:这张日本海报中使用的红色、白色和蓝色色调不仅创造了一个有趣的调色板,而且当透明的红色字体覆盖在蓝色图形上时,它创造了一种深度感和阴影感,增强了 整体设计的视觉冲击。
Seeker's Base
https://img.zcool.cn/community/01d402622f071e11013f785bcf41e3.jpg
这个标识使用了不同层级透明度的黄色
好在哪里:使用透明度最有趣的方法之一,是将相同颜色的不同阴影分层,这会产生更多的阴影——正如设计师在这个标识设计中使用黄色阴影所做的那样。
伦敦的形状
https://img.zcool.cn/community/0126c7622f071f11013f785b387cb2.jpg
伦敦的形状
工作原理:从大胆的调色板到透明的伦敦地标,再到分层产生的层次感(营造出深度和阴影感),伦敦天际线的这种抽象设计充满了视觉冲击力。
TrainXtra
https://img.zcool.cn/community/018695622f071f11013e89531b94ba.jpg
TrainXtra标识
好在哪里:在许多设计中,以不同方式使用透明度实际上可以增加每个元素的视觉冲击力。分层的透明圆圈(以不同深浅的绿色作为此标识设计的抽象图视觉焦点)与标识字体中透明的“I”相呼应。
去实践,让你的设计变得透明
现在你知道了如何在平面设计中使用透明度(以及在实际操作中如何有效地使用透明度),那么你要做的就是?去开始尝试应用透明度来设计吧!