你是会员吗?注册要么登录

设计趋势:背景粗体的透明文本

谁说排版一定很无聊?设计师们通过有趣的类型选择获得了很多乐趣,包括超级流行的用有趣的背景、动画和图像分层透明文本元素的方法。

有很多方法可以将这种网站设计趋势融入到一个项目中(或者把你个人的想法也加入到印刷项目中)。

这里有一些想法和灵感,以帮助你开始使用透明文本的雷竞技ios粗体背景。

图标切口

透明的文本的趋势

透明文本的微妙显示可以为图标或形状增加视觉趣味。

当我们谈论的透明度和文本元素,把它看作是比传统的单色文本(光在一个黑暗的背景或深色浅色背景上的)以外的任何其他。

在上面的例子,一个彩色图标内部的透明文本元件允许在背景视频卷轴显现出来。有意思的是,提供一个提示,以颜色有助于吸引眼球运动和动画元素提请注意变化的内容。

滑块图片

透明的文本的趋势

透明文本可以提供一个有趣的预览图像或视频中的背景层。这种技术最好用几个大(甚至是超大的)字母,这样就可以看到足够的背景,它是有趣。

ULTIMA资本(上文)在深色背景上使用透明文本元素后面的全屏图像背景层,几乎像一个窗口切口。你可以看到完整的图像,因为它滑入到位,其余的视觉预览纹理和有趣,同时保持屏幕上的两个大词的可读性。

影子元素

透明的文本的趋势

由于缺乏更好的描述,我们将上述技术称为使用透明排版背后的阴影元素。

看起来像是深色背景上的文字实际上是透明的,有一个蓝色到绿色渐变的气泡漂浮在背景后面。微妙的运动吸引注意力,并连接到前景中的微妙气泡。

这种效果很好,因为它有助于为长文本块和页面设计创建一个视觉焦点,而不需要很多其他视觉花哨的东西。

躲猫猫的图片

透明的文本的趋势

该PEEK-A-BOO图像处理大概是透明的文本潮流的最古老的变化。字母看上去他们已经削减前景进行揭示的背景图像。

很简单,对吧?

你可以在这个概念中添加一个简单的技巧来增加它的冲击力。在这里,当鼠标悬停在字体上时,背景似乎有一点弹跳。

大纲文本

透明的文本的趋势

使用透明文本最简单和最简单的方法是使用大纲字体。寻找一个轮廓笔画比较粗的文本选项,并确保与背景有足够的对比。

轮廓字体的使用颇为流行,以及和这本身就是一种趋势。

使用轮廓字体的好处是它不需要任何技巧。只要选一种你喜欢的轮廓字体就可以了。

动画背景

透明的文本的趋势

如果你喜欢一个轮廓字体的想法,但觉得自己像一个简单的背景是不够的,帮助你的审美,配对轮廓字体,动画背景的影响更大。

上面来自Lyst的例子的简洁之处在于,移动的背景也是基于文本的,你可以通过概述的文本看到运动和颜色的变化。该设计很好地将许多相似但又不同的设计元素进行了分层,从而在没有大量视觉元素的情况下创造出许多视觉趣味。

这种类型的设计可以是伟大的,如果你要启动一个新的网站或设计,没有太多的工作。

视频和层

透明的文本的趋势

常用透明文本是搭配的静态照片,但它也可以与视频层工作。

DAFI采用透明的编号在两个平面 - 一个坚实的背景和视频 - 为用户提供导航信息。什么是特别好,这个治疗是数字,它使用的大纲和透明度,使它们不会在剩下的内容的方式获得的微妙性质。

文字动画

透明的文本的趋势

是的,难民牛仔裤的类型处理正在进行中。文本元素是透明的—您可以通过它看到移动的背景—并且每个字母都充满了动画五彩纸屑。

如果您想使用这样的技术,请谨慎行事。在这里,它之所以有效是因为一切都很简单。文字确实是屏幕上“发生”的唯一事情。

它吸引眼球,给你时间去思考和理解的字母,因为可读性是一个更大的挑战在这里。

动画颜色填充

透明的文本的趋势

你会考虑以两种方式排版对于上面的例子:字母充满了五颜六色的动画或超过动画背景透明的字母。(你可以说如何更好地做你自己的原则。)

无论你喜欢哪种技巧,结果都是一样的,而且对于简短的单词或短语来说,效果都是惊人的。

这里所说的“设计”有这样一个引人注目的设计,你会信任团队背后与几乎任何创造性的需要。

超大皮克-A-嘘

透明的文本的趋势

再来看看另一种字体设计趋势,把它做得很大,然后再加上透明和酷炫的背景图片。

这就是你在这里通过剪切(或透明)来显示背景图像的超大字体所得到的效果。

这种技术的美妙之处在于,每幅图像都很有趣,并且适合于超大的字母。(想想用细字体会有什么不同。)

在规划这样的设计,字体的选择是至关重要的。所以配对每个图像只有通过正确的字母,因此适当的内容节目。

透明层

透明的文本的趋势

透明层几乎相反这里工作的地方。背景层是用梯度颜色叠加的图像。前景层白人了大部分的图像,但透明型的通过带来颜色和图像。

这个设计最好的部分可能是,当它让你看和思考图像,信息和文字难以置信地容易阅读。

结论

所有这些例子都有一个共同点,就是它们都使用简单的字体来达到这种效果。原因是一个简单的字体确保使用的文本作为艺术和可读的元素。

的共同点还不止于此,无论是。大多数这些字体都还衬有更宽,更厚的招SANS。这给了足够的空间,无论设计元素是通过明确显示文本的后面。(也有助于可读性。)

这是一个有趣的趋势,可以用很多不同的方式工作。祝你好运玩弄它!