加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

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

(2022-04-14 14:20:43)
标签:

版式设计

创意设计

海空设计

排版设计

平面设计

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

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图、文氏图、温氏图、韦恩图,是在所谓的集合论(或者类的理论)数学分支中,在不太严格的意义下用以表示集合(或类)的一种草图。)


平面设计中的透明度原则


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


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


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

 

混合透明和不透明元素


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


 

透明度设计示例(以及它们好在哪里)


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


透明字体示例

手写油漆英文字体

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

此图片来自 YouTube上关于文本透明度的教程图


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


笔触(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”相呼应。

 


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


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

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有