2021年最流行的字间留空排版

池州/设计爱好者/4年前/218浏览
2021年最流行的字间留空排版

字间留空是近年来非常流行的一种排版设计方式,应用于海报、Banner、H5,动画、视频等。

字间留空排版的核心特征

在设计的时候,将标题、短句或者单词中间的字间距放大,变为充满呼吸感的留白,借此将文本变成疏松、分散的字符片,化线为面。

逻辑上,只要你能保证对比度,字间留空可以随意使用衬线和无衬线字体,无论粗细都可以,不过为了保证形式感和识别度,多数的设计当中,加粗的无衬线字体是首选。在具体的排版应用上,字间留空可以搭配的手法非常之多,我们后续会详细说明。

值得一提的是,最近2年在油管上超级火的频道 The First Take ,就将字间留空和纯白简约的布景设计结合到一起,形成了极具识别度的频道特色:




The First Take 讲究的是开放空间,一镜到底,话筒、乐器和表演者大多和镜头呈90度角,大量的留白和这种侧面视角充满了强烈的平面感,可以说是和字间留空形成了堪称完美的搭配。

undefined

字间留空排版的4个优点

字间留空这一设计手法的优点可以归结为4点:

  • 特点显著,执行方便

超大的字间距让这种设计手法极具识别度,而且执行起来上手也很快,只要把字间距拉开,将每个字母或者文字快速地重新排布,就可以呈现出极具视觉识别度的版式。

  • 风格百变,样式百搭

字间留空本身只是诸多排版技巧中的一种,多数时候它会呈现出一种整饬的平面感,不带有明显的情绪,这使得它可以搭配各种不同版式,对称或不对称,规整或错落,都问题不大。

undefined

  • 化线为面,层级增加

将留白填充进词汇、短句、标题之后,原本在视觉上类似单一线条的文本元素,就变成了一片富有呼吸感的视觉层,由于它本身的强烈呼吸感,这个层可以清晰透出底下的视觉信息。

  • 几何感强,构建骨架

在重新排列字母和文字的时候,可以构成紧凑的「点」,完全铺开则是「面」,如果沿着特定的轨迹排布还能凸显一些特定的「路径」,在视觉上,它可以作为一个框架来使用。

字间留空排版的3大缺陷

字间留空这种手法也是有缺陷的,使用的时候要注意下面3点:

  • 不支持长单词和长句子

太长的句子和单词,被拆分开之后,要么是留白不足,显得呼吸感不足,要么是信息量太大,显得形式感不足。只有短句和短单词更容体现它的特征。

undefined

  • 文本识别度会降低

这种排版方式和日常阅读习惯相左,太长的单词被留白分割、又被跳转分段之后,基本就不存在什么识别度了,而如果是中文短句使用字间留空,阅读也不会像原本那么顺畅。

  • 过多视觉层级下会显得混乱

由于字间留空这种技法涉及大量「留白」,如果底层的背景元素太复杂了,或者层级太多了,会很容易和前景的文字杂糅到一起,无法分辨。

字间留空排版的8种玩法技巧

由于字间留空的玩法很多,我们这里将最为典型的几种字间留空排版方式总结梳理出来

1、居中矩形平铺展示

采用笔触超粗的字体,将文本拆散,拉宽间隙,居中均匀平铺成一片整齐的矩形,作为视觉主体,同时,控制好前景和背景之间的对比度,就能呈现出不错的效果:

undefined

下面是排版范例:

undefined

undefined

2、倾斜透视居中展示

将留空的文本以倾斜或带透视的方式来排布,能够让整体更加富有动感和空间感,营造出具有倾向性和趋势感:

undefined

下面是范例:

undefined

undefined

3、结合辅助线条展示

在字间留空的排版中加入辅助线,能够让排版的形体感、结构感更强,让视觉上更加饱满,装饰性更强。辅助线的呈现方式通常分3种,一种是在行列之间强化分割:

undefined

参考范例:

undefined

undefined

一种是在文字中「穿针引线」作为视觉引导:

undefined

参考范例:

undefined

undefined

最后一种是在外边缘,强调框架和边界:

undefined

参考范例:

undefined

4、结合色块背景来呈现

为文本添加或大或小的色块背景,可以更好地控制文本的对比度。加入纯色的背景可以让文本完全不受背景影响,而用半透明的色块则可以更好地调和前后关系,又确保对比度:

undefined

参考范例:

undefined

undefined

undefined

5、压角到出血位来呈现

这种呈现方式更加具有张力,将整个版式纳入到字里行间的「留白」当中,这个时候还可以结合更加具有性格的字体风格来呈现:

undefined

参考范例:

undefined

undefined

6、和其他元素互相穿插

让分散的文字元素和其他的元素,互相穿插交叠,形成彼此交叠、融入的感觉,这样的排版方式也非常的有趣:

undefined

参考范例:

undefined

undefined

undefined

7、多组文本组合穿插

将多个采用字间留空排版的文本,有主次地组合起来使用,也可能让整体风格统一又层次丰富,可以说是一种进阶玩法:

undefined

参考范例:

undefined

undefined

8、结合不同的样式风格

除了版式上的花样之外,还可以在字体样式和风格上玩出更多花样,比如可以制作出失真的效果:



可以将填充样式的文本改成描边样式:


还可以针对笔触进行处理,比如缺省,或者进行修饰,强化设计感:


结语

字间留空是一种泛用性很强的排版设计手法,这里所列举的案例花样已经很多。


本文非原创,转摘分享仅供参考交流作用,若涉版权,请留言删除处理。谢谢。


3
阅读原文
|
Report
|
4
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
工作渲染
Homepage recommendation
相关收藏夹
文章
文章
文章
文章
作品收藏夹
版式设计
版式设计
版式设计
版式设计
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
大家都在看
Log in