位置:首页>>设计作品>>平面设计>>正文

平面设计趋势:切片文字和排版设计

来源:设计前沿网 作者:CARRIE COUSINS 时间:2018-06-12T10:13:28

纯粹主义者说你永远不应该改变印刷术。字体应按字体设计师的意图显示,或者您应该完全选择其他字体。虽然这基本上是真实的,但例外情况在切片文本趋势中。

漂亮的效果使得类型元素看起来像是用精确工具剪切的,并且可以为标识,标题和简单文本块添加视觉兴趣。切分的文字效果可以从超微妙(例如缺少的一小部分字母)到完全缺失的主要部分。

使用切片文本时要记住的一点是,单词必须始终可读- 否则有什么意义? - 你应该密切注意,以防止由于切片而出现无意的字母组合或单词。下面看看如何使它适合你的一些设计实例。

“传统”切片

切片的文本

切片文本包含几乎分层的外观,其中包含一个文本元素,例如一个字或一小组字,在两个平面上切割并重叠。这种效果创造了深度,并且可以使一组简单的角色变得有趣。

Resoluut将此效果与“&”符号结合使用,将用户引入设计中心。切片的文字反映了公司关注“数字设计与态度”的消息,因为切片文本确实传递了一种直接刻字的更精细的氛围。

当字符集很简单时(首先想到sans serif字体)和单词有一个自然的断点,可以将它们剪切并保持可读性,这种技术效果最佳。

切片文字和照片

切片的文本

分层效果不限于字体和空间的组合。设计师还可以使用图像和文字创建一个很酷的切片效果,例如上面的The Shift的例子。

单个图像(也切片)与刻字的倾斜切片组合将用户吸引到设计中。

虽然一些词首要难以辨别,但动画之间有足够的时间来轻松找出信息。

这一趋势对于数字代理商和投资组合网站来说非常合适,可以展示现代外观和感觉以及突出创意印章。

切片与动画

切片的文本

切片文字效果也可以与其他时尚设计元素结合使用。用动画混合切片可以产生一个很好的视觉元素。

在上面的例子中,每个切片文本元素实际上是导航。用户可以单击任一元素,但更令人印象深刻的是悬停操作,它将切片文本重新放在一起。

对于标识

切片的文本

切片文本可以是一种有趣的方式来创建一个标志,当你必须使用的唯一元素是文本。有趣的标识可能不仅仅是品牌认知的标志; 它也可以是多种用途的高度图形元素,例如上面的衬衫设计。

使用切片文本时,请注意切片的自然形状和坡度,以便在保持读取方便的同时看起来很有趣。

注意切片创建空白区的方式。上面的设计在其中使用了大量的附加信息。切片更常见的用法往往是细线,但方法(可以从这篇文章中的示例中看到)可以相差很大。

创建交互性

切片的文本

允许用户使用交互式文本和笔刷组合来切分自己的文本,例如上面的示例。虽然文本本身并未完全切片,但效果是在艺术制作过程中创建的。

由于交互式组件的原因,任何允许用户更改设计的工具都可能导致现场时间更长。

切垂直的冲程

切片的文本 垂直切片往往更短,因为每个切片是单个字母的一部分。

尽管大多数设计师似乎都以相同的方式使用趋势,采用更加水平定向的切片,切割也可以是垂直的。

垂直切片往往更短,因为每个切片是单个字母的一部分。制作垂直切片的诀窍是一致性。剪切的方式应该互相模仿,使字母看起来像他们一起走。这种切片方法应该看起来像是几乎是字体的预期部分。(不在上面的示例中,切片的宽度从字母到字母的宽度相同,并且相同的字母具有相同的切片。)

建立可视化流程

切片的文本 裁剪几乎形成了一种阅读紧迫感,因此您可以在字母上翻阅屏幕上的主要视觉效果。

切片文本的一个后果 - 意向与否 - 是它创造视觉流。用户的眼睛将沿着它周围的切片和白色空间的方向。

看看上面例子中的标识。在R和O的Robocath中有切片(加上c的正常缺失部分),从左到右有一个明显的方向拉动。

这个拉力比你与正常阅读(也是从左到右)相关的要强,因为这些切片会迅速推动你穿过角色。裁剪几乎形成了一种阅读紧迫感,因此您可以在字母上翻阅屏幕上的主要视觉效果。

强调刻字

切片的文本

最后 - 也可能是最引人注目的 - 使用切片文字设计趋势的理由是将重点放在刻字或信息上。在设计中缺少部分字符的情况下,切片几乎可以改变任何字母。

上面的MJND使用更多的分层效果来隐藏或切分字母,以帮助增加信息的重点。图像可以很容易地在这里进行通信,但是这种效果有助于将用户带回主消息。这个组合很简单,有效并且视觉上很有趣。

学习资源

有几种方法可以为项目创建切片文本效果,具体取决于您尝试创建的内容。最受欢迎的选项包括使用编辑软件手动创建文本效果或使用CSS为Web项目创建效果。

以下是每个选项的教程,以便您可以尝试创建时髦的切片文本效果:

视频:如何在Adobe Illustrator中创建切片文本使用CSS剪切文本效果代码片段

结论

使用切片文本趋势可能有点棘手,因为它确实涉及改变类型元素。重要的是可读性不会丢失,或者您可能会因此而失去用户。