专栏名称: 优设
优设官方帐号，学设计从这里开始。
目录
相关文章推荐
小易说钱  ·  开始预约！2025蛇年金邮票！2克纯金！发行 ... ·  17 小时前  
小易说钱  ·  春节复工首日！雷军给小米员工发蛇钞！ ·  23 小时前  
小易说钱  ·  用“钱”打卡“钱上的风景” ·  2 天前  
小易说钱  ·  看到即赚到，财神钞驾到！天下第一钞！ ·  3 天前  
小易说钱  ·  它才是中国“最美”纪念钞！ ·  5 天前  
51好读  ›  专栏  ›  优设

如何学会2021最流行的字间留空排版？这里有8个方法+案例

优设  · 公众号  ·  · 2020-12-14 20:00

正文

字间留空是近年来非常流行的一种排版设计技巧，这种排版设计方式大多应用于海报、Banner图、H5，同时，在动画设计、视频当中也有相当多的应用。今天，我们来深入梳理总结一下这种排版设计技法。

＋

字间留空排版的核心特征


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


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

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


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


＋

字间留空排版的4个优点


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

  • 特点显著，执行方便


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

  • 风格百变，样式百搭


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


  • 化线为面，层级增加

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

  • 几何感强，构建骨架


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

＋

字间留空排版的3大缺陷


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

  • 不支持长单词和长句子


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


  • 文本识别度会降低


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

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


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

＋

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


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

01

居中矩形平铺展示


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


下面是排版范例：



02

倾斜透视居中展示


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


下面是范例：



03

结合辅助线条展示


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


参考范例：



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


参考范例：


最后一种是在外边缘，强调框架和边界：


参考范例：


04

结合色块背景来呈现


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


参考范例：




05

压角到出血位来呈现


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



参考范例：


06

和其他元素互相穿插







请到「今天看啥」查看全文

推荐文章
小易说钱  ·  开始预约！2025蛇年金邮票！2克纯金！发行价1880元，1680元抢！
17 小时前
小易说钱  ·  春节复工首日！雷军给小米员工发蛇钞！
23 小时前
小易说钱  ·  用“钱”打卡“钱上的风景”
2 天前
小易说钱  ·  看到即赚到，财神钞驾到！天下第一钞！
3 天前
小易说钱  ·  它才是中国“最美”纪念钞！
5 天前
72变  ·  魅族 Pro6 Plus真的好吗？看完恍然大悟
8 年前
三国演义  ·  你的细节出卖了你的内心——破译八大肢体语言
8 年前
创意铺子  ·  这些甜到你心里的包装设计，剁手都想买买买！
7 年前
神经介入在线  ·  反复脑梗的真凶
7 年前
中国经济网  ·  重磅！这部法律今日终于实施！@每一位中国人
7 年前
Sov5搜索   ·   小百科   ·   今天看啥   ·   移动版
51好读 - 好文章就要读起来!