纯粹主义者说你永远不应该改变印刷术。
字体应按字体设计师的意图显示,或者您应该完全选择其他字体。
虽然这基本上是真实的,但凡事都有例外:在切片文本趋势中,
漂亮的效果使得类型元素看起来像是用精确工具剪切的,并且可以为标识,标题和简单文本块添加视觉兴趣。切分的文字效果可以从超微妙(例如缺少的一小部分字母)到完全缺失的主要部分。
使用切片文本时要记住的一点是,单词必须始终可读- 否则有什么意义? - 你应该密切注意,以防止由于切片而出现无意的字母组合或单词。下面看看如何使它适合你的一些设计实例。
文末平面学习资料领取:
“传统”切片
切片文本包含几乎分层的外观,其中包含一个文本元素,例如一个字或一小组字,在两个平面上切割并重叠。这种效果创造了深度,并且可以使一组简单的角色变得有趣。
Resoluut将此效果与“&”符号结合使用,将用户引入设计中心。切片的文字反映了公司关注“数字设计与态度”的消息,因为切片文本确实传递了一种直接刻字的更精细的氛围。
当字符集很简单时(首先想到sans serif字体)和单词有一个自然的断点,可以将它们剪切并保持可读性,这种技术效果最佳。
切片文字和照片
分层效果不限于字体和空间的组合。设计师还可以使用图像和文字创建一个很酷的切片效果,例如上面的The Shift的例子。
单个图像(也切片)与刻字的倾斜切片组合将用户吸引到设计中。
虽然一些词首要难以辨别,但动画之间有足够的时间来轻松找出信息。
这一趋势对于数字代理商和投资组合网站来说非常合适,可以展示现代外观和感觉以及突出创意印章。
切片与动画
切片文字效果也可以与其他时尚设计元素结合使用。用动画混合切片可以产生一个很好的视觉元素。
在上面的例子中,每个切片文本元素实际上是导航。用户可以单击任一元素,但更令人印象深刻的是悬停操作,它将切片文本重新放在一起。
对于标识
切片文本可以是一种有趣的方式来创建一个标志,当你必须使用的唯一元素是文本。有趣的标识可能不仅仅是品牌认知的标志; 它也可以是多种用途的高度图形元素,例如上面的衬衫设计。
使用切片文本时,请注意切片的自然形状和坡度,以便在保持读取方便的同时看起来很有趣。
注意切片创建空白区的方式。上面的设计在其中使用了大量的附加信息。切片更常见的用法往往是细线,但方法(可以从这篇文章中的示例中看到)可以相差很大。
创建交互性
允许用户使用交互式文本和笔刷组合来切分自己的文本,例如上面的示例。虽然文本本身并未完全切片,但效果是在艺术制作过程中创建的。
由于交互式组件的原因,任何允许用户更改设计的工具都可能导致现场时间更长。
切垂直的冲程
垂直切片往往更短,因为每个切片是单个字母的一部分。
尽管大多数设计师似乎都以相同的方式使用趋势,采用更加水平定向的切片,切割也可以是垂直的。
垂直切片往往更短,因为每个切片是单个字母的一部分。制作垂直切片的诀窍是一致性。剪切的方式应该互相模仿,使字母看起来像他们一起走。这种切片方法应该看起来像是几乎是字体的预期部分。(不在上面的示例中,切片的宽度从字母到字母的宽度相同,并且相同的字母具有相同的切片。)
建立可视化流程
裁剪几乎形成了一种阅读紧迫感,因此您可以在字母上翻阅屏幕上的主要视觉效果。
切片文本的一个后果 - 意向与否 - 是它创造视觉流。用户的眼睛将沿着它周围的切片和白色空间的方向。
看看上面例子中的标识。在R和O的Robocath中有切片(加上c的正常缺失部分),从左到右有一个明显的方向拉动。
这个拉力比你与正常阅读(也是从左到右)相关的要强,因为这些切片会迅速推动你穿过角色。裁剪几乎形成了一种阅读紧迫感,因此您可以在字母上翻阅屏幕上的主要视觉效果。
强调刻字
最后 - 也可能是最引人注目的 - 使用切片文字设计趋势的理由是将重点放在刻字或信息上。在设计中缺少部分字符的情况下,切片几乎可以改变任何字母。
上面的小编使用更多的分层效果来隐藏或切分字母,以帮助增加信息的重点。图像可以很容易地在这里进行通信,但是这种效果有助于将用户带回主消息。这个组合很简单,有效并且视觉上很有趣。
学习资源领取方法:
关注“老黑” 然后私信回复“学习”即可
私信不要多字,不要少字,不要错字,私信方法:点击我头像,进入主页面,右上角有私信功能,在关注的上方位置。
如果对您有帮助请记得给老黑先来个“评论+转发”吧。
网友评论