这个万金油式的平面技巧，学会了特别出效果！

色条遮盖应该是排版设计中最常用的设计技巧之一。它有很多游戏玩法，可以作为承载文本和其他元素的衬底，可以用来装饰和合理选择风格。色条遮盖可以使简单的布局迅速成为辉煌而有趣的设计。从某种意义上说，用于覆盖和穿插的色块/色条就像 Ui 设计当中的 「卡片式设计」同样，也是一个近乎「任何东西都可以装进去」容器是一种通用的布局设计元素。

最后一个排版小技巧：

1、增加层次，重新规范内容

与在页面上铺设整个信息不同，色条覆盖可以在前景文本和背景之间增加一个视觉层次。通过明显不同的颜色对比，将原本分散的文本整理成边界，就像 UI 设计中的卡片也成为前景文本的载体。

2、整合信息，协助整理布局

在主要视觉元素(如图片和组)和用于传达意义的文本之间，灵活插入色条衬底，将意义和功能相近的文本存储在一起 ，将其整合成易于消化的视觉意义组，并穿插在布局中使用。这种信息整合方法最大的特点是层次的清晰度和灵活性，可以与不同层次的文本很好地兼容。

3、强化视觉，减少单调布局

色条本身的几何形状本身有很强的身体感。在原有简单的布局中使用时，可以快速赋予布局一种形式感，快速丰富单调的布局。即使使用的元素不多，整个布局也能快速搭配出新鲜感和愉悦感，既不复杂又有效。

4、增加装饰，装饰和丰富角落

色条本身具有很强的装饰性，具有丰富的色彩和风格效果可供选择。无论是在辅助文本和其他元素中展示，还是单独作为设计组件，纯粹作为布局装饰，都可以发挥很好的作用。

1、透明有趣的透明色条

去年年底，我们注意到了「玻璃拟物化」悄然流行，这种应用 UI 事实上，平面设计中的设计趋势已经被广泛应用：

在前景文本和背景图案之间叠加半透明色条和色带。这种设计方法不仅增加了用于分隔的信息水平，而且借用半透明甚至接近亚克力板和羊毛玻璃的纹理，创造了一个透明的设计。

这种透明的设计既有层次感又有视觉美感，充满乐趣，但在设计过程中需要更加注重对比度控制:

2、扎实清晰的实底色条

然而，与透明色条相比，我们在实际设计中使用的更多的是用来划分布局块的实底色条。与以往的透明色条相比，只要选择合适的颜色，实底色条的对比度通常不会有太大的问题。然而，如果你想在布局和视觉上发光，设计师需要更多地关注色条的颜色、位置、字体的配色和风格。

在许多设计中，设计师会选择横跨布局的色条，位于布局中心的色条可以与其它视觉元素相互穿插，增加视觉兴趣：

也可以巧妙地利用留白，借助色条营造出密度对比的节奏感:

此外，色条和切割、错位等效果也可以结合使用:

3、俏皮错落的倾斜色条

使用倾斜色条也是一个非常有趣的选择，这是最容易打破规则的设计——通过角度变化减少水平和垂直的严肃性，使布局看起来有趣。此外，在倾斜的色带上放置文本可以创造一种有趣的倾向感，特别是当倾斜方向相同时。

倾斜色条可以平行于布局中的图片和视觉元素，创造统一的感觉，相反，甚至错开，建立冲突感，这取决于你想要实现的设计目标和你想要呈现的气质：

4、异形色条富有创意

所有的色条都必须是矩形的（或菱形的）吗？当然，不一定，你可以选择更不规则的形状，不同形状的色条。此时的设计，可以根据布局灵活选择。最方便的方法是将色条拼接成各种不同的形状，也可以微调外观轮廓，创造独特的形状：

下面的例子是微调色条的形状，创造出独特的外轮廓：

5、优雅巧妙的镂空色条

如果以上选择不能达到你想要的独特设计，试试镂空色条的设计。这也是一款关系到信息层面性能的游戏。借助剪贴蒙版效果，创造出镂空的视觉效果。这种穿透排版技巧采用正负形，看起来像两层，但能给人一种不落俗套的感觉，印刷品有很强的真实感。

但在处理镂空色条时，也要注意前景色条与背景图片之间的色彩对比度。如果背景变化太大，内容元素太砸，可能会让前景的镂空轮廓看起来不那么清晰，所以要小心。

6、分块色条灵活丰富

除了使用单色条来携带文本外，还可以使用多色条来携带短句等文本，以进一步加强段落和句子的块感。这种块色条最大的优点是灵活性，它不一定是主要的视觉，也可以用于小块的次要文本内容 上，机动性极强。

如果单一颜色的色条对你来说太单调，用不同的色条承载不同的文本进行拼接，你甚至可以在不添加额外视觉元素的情况下构建一个相当丰富的布局。然而，在这种设计中，整个布局的可读性较差，文本和色条共同构成了装饰性强的视觉元素：

7、锦上添花的装饰色条

当你纯粹使用彩色条作为装饰元素时，会有更多的图案。最常见的是直接装饰的小色条，它也可以跨越布局，产生出血效果。这种设计方法相对自由。您可以结合布局的图片和视觉主题进行选择。你根本不需要让它承载文本，只需要让色条与布局中的其他元素一起使用「互动」：

在色条上，还可以添加纹理和图案，玩出更多的图案，这个具体要根据你的需要来选择：

更多的排版文章：