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

用户头像
池州/设计爱好者/5年前/273浏览
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
阅读原文
|
举报
|
4
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
空的平台平面和自然景观
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
金色颗粒质地的平面
古风平面仕女与瓷器
平面设计 吊牌设计
倒计时,海报,平面
金色颗粒质地的平面
中国传统纹样创新图案设计
城市园林平面布局航拍
平面插画设计女孩喝咖啡
平面书法字手写
空的平台平面和自然景观
海底世界插画
金色颗粒质地的平面
平面人物插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
城市园林平面布局航拍
平面插画情侣/矢量
平面男孩喝咖啡插画设计
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册