点线面构成还能这么玩？

之所以写这篇教程，主要还是因为平时有一些同学找我问很基础的问题，比如会有这样的一些疑问：

01.觉得人家文字排的很好看，但是不知道为什么这样编排。

02.想临摹，但是临摹了一些海报之后，发现独立去做，还是开机就迷茫。

03.自己的排版经常被说“呆板”，缺乏变化。

...

诸如此类。

如果我要具体到每个具体细节来讲解的话，中间的技巧，方法，理论会比较繁杂，要注意的小的知识点不胜枚举。

《道德经》中曾讲：道生一，一生二，二生三，三生万物。

所以我打算从这个“一”开始来讲，这就是版面中的点线面构成。

01

点状文本

首先我们先来看一下点状文本。

点状文本的作用很多时候就是作为装饰，因为分散的文字本身阅读性不好，所以一般有两种作用。

01.点作为装饰，活跃版面

02.点作为布局关系，填充版面

我们来做一个简单的文本示例。

我先简单编排一个常规的排版，这个排版时相对来说中规中矩的，从整个版面的构图来看，基本呈现的比较秩序，所以有人会觉得这种编排过于呆板，缺乏变化性，所以这个时候我们尝试加入“点状文本”的概念进来。

然后我们选取一个文本来作点状排版，我这里选择的时人名，只有四个字，就算拉开字间距，阅读起来也是没问题的，同时装饰性足够。

我们也可以尝试将底部的文字分散排列，因为这些文本本身字号较小，分散后实际上也呈现了“点状”的效果。你也可以加入类似的小短线，作为点的形状装饰。

02

线状文本

第二个部分我们来看一下什么是线状文本。

线状文本本身具有更多变化性。可以是水平的线，垂直的线，倾斜的线，弯曲的线，甚至具体形状的线（比如箭头）。

版面中的线状文本作用主要有三个方面：

01.线作为视觉引导，指引视觉焦点。

02.线作为装饰，活跃版面

03.线作为布局关系，填充版面

我们同样做一个简单的文本示例，在这个示例中，我会使用多种形态的线状文本。

首先我们同样先做一个最常规的文本编排。

其实我们在最常规的排列文本的时候，文本本质上就是一连串的线，但是有时候你会发现这种线的形态并不是非常明显，那么我们就要想办法放大这种线条的形态。

我一般会使用两种方法。

第一：增大行距，这样单行字的形态会更独立更明确。

第二：拆分更多的文字小组，排列错落，形成节奏感。

当然你也可以加一些无关重要的文本作为装饰，做一些更复杂的路径文本，这样整个版面中对于线的应用就会更夸张一些。

03

面状文本

面状文本其实本质上就是创造面积感，可以使整个版面更加具有秩序感。

如果单纯依赖于文字创造面积感，实际上对于文本是有要求的，需要的文案较多。

所以有时候我们也会使用色块等方式结合使用。

面状文本作用主要有三个方面：

01.面块营造秩序感

02.面块作为布局关系，填充版面

03.面积作为形状，制造形式感。

我们仍然使用上一个文案进行示例。

先做一个简单的文本编排。

使用文本创造面积感。可以将文字放大，就会自然有面积感。

也可以缩小行距，文本编排更加紧凑一些。

可以使用描边的方式组织文本。

也可以使用色块的方式组织文本。

 

04

点线面图形的使用

线条与点状图案属于非常基础的图形造型，但是往往可以起到点缀画面的作用。善于使用一些简单的图形装饰画面也非常重要。

但是基础的造型，也需要配合版面的风格，色彩，构图等作出不一样的编排，使用点线面图形本身要注重它的有效性，明确这个图形加到版面中是基于什么样的逻辑和原因。

我们做一个书封的案例演示。

首先我把基础的文字编排完成，文字部分我分为封面和腰封两个部分，

书封主要放置了书名及作者译者名字。

书的英文名称对应作者名，书的中文名称对应译者名，完成文字的分组关系。

腰封放置了书籍介绍的两段文字。一般来说，书名作者名放在封面上，腰封其实作为包装中比较冗余的部分，很多时候会被丢掉。我们需要确保重要信息不要丢失。

接下来我们从书封的信息中提取一下关键词。

基于一些简单的词汇，我们可以在使用线条时尽量遵循这个规律。

比如线条对应风，那么线条应该是柔软的，而不是硬朗的。

圆形对应破碎，那么圆形应该是碎裂的，而不是圆润的完整的。

然后我们看一下这个书封的展示效果。

05

点线面图形与图片

版面中有时候不会出现图片，但有时也会出现图片，当图片加入到画面中时，我们同样可以使用点线面的元素配合使用。

我们用第一个案例的文本来做一下完整的海报演示，同样，我先处理文字编排，我们看一下大概的效果。

整体呢，我结合了前面咱们几个案例讲解的一些方法。

大标题使用“面状文本”的做法。

小文字使用了倾斜的做法，突出线的构成变化。

人名则是使用“点状文本的方式”

接下来我们将图片放置进来。

接下来添加色彩，圆形，线条等元素装饰版面，这个画面就完成了。

注意：点线面的组合在整个画面中尽量分布的平衡一些，这样有利于整个版面的构图结构。

我们来看一下海报的展示效果。

这次的教程就到这里了，我们下期再见，告辞！

- END -