点线面构成还能这么玩？

之所以写这篇教程，主要还是因为平时有一些同学找我问很基础的问题，比如会有这样的一些疑问：
01.觉得人家文字排的很好看，但是不知道为什么这样编排。
02.想临摹，但是临摹了一些海报之后，发现独立去做，还是开机就迷茫。
03.自己的排版经常被说“呆板”，缺乏变化。
...
诸如此类。
如果我要具体到每个具体细节来讲解的话，中间的技巧，方法，理论会比较繁杂，要注意的小的知识点不胜枚举。
《道德经》中曾讲：道生一，一生二，二生三，三生万物。
所以我打算从这个“一”开始来讲，这就是版面中的点线面构成。
01
点状文本
首先我们先来看一下点状文本。
点状文本的作用很多时候就是作为装饰，因为分散的文字本身阅读性不好，所以一般有两种作用。
01.点作为装饰，活跃版面
02.点作为布局关系，填充版面
我们来做一个简单的文本示例。
我先简单编排一个常规的排版，这个排版时相对来说中规中矩的，从整个版面的构图来看，基本呈现的比较秩序，所以有人会觉得这种编排过于呆板，缺乏变化性，所以这个时候我们尝试加入“点状文本”的概念进来。
然后我们选取一个文本来作点状排版，我这里选择的时人名，只有四个字，就算拉开字间距，阅读起来也是没问题的，同时装饰性足够。
我们也可以尝试将底部的文字分散排列，因为这些文本本身字号较小，分散后实际上也呈现了“点状”的效果。你也可以加入类似的小短线，作为点的形状装饰。
02
线状文本
第二个部分我们来看一下什么是线状文本。
线状文本本身具有更多变化性。可以是水平的线，垂直的线，倾斜的线，弯曲的线，甚至具体形状的线（比如箭头）。
版面中的线状文本作用主要有三个方面：
01.线作为视觉引导，指引视觉焦点。
02.线作为装饰，活跃版面
03.线作为布局关系，填充版面
我们同样做一个简单的文本示例，在这个示例中，我会使用多种形态的线状文本。
首先我们同样先做一个最常规的文本编排。
其实我们在最常规的排列文本的时候，文本本质上就是一连串的线，但是有时候你会发现这种线的形态并不是非常明显，那么我们就要想办法放大这种线条的形态。
我一般会使用两种方法。
第一：增大行距，这样单行字的形态会更独立更明确。
第二：拆分更多的文字小组，排列错落，形成节奏感。
当然你也可以加一些无关重要的文本作为装饰，做一些更复杂的路径文本，这样整个版面中对于线的应用就会更夸张一些。
03
面状文本
面状文本其实本质上就是创造面积感，可以使整个版面更加具有秩序感。
如果单纯依赖于文字创造面积感，实际上对于文本是有要求的，需要的文案较多。
所以有时候我们也会使用色块等方式结合使用。
面状文本作用主要有三个方面：
01.面块营造秩序感
02.面块作为布局关系，填充版面
03.面积作为形状，制造形式感。
我们仍然使用上一个文案进行示例。
先做一个简单的文本编排。
使用文本创造面积感。可以将文字放大，就会自然有面积感。
也可以缩小行距，文本编排更加紧凑一些。
可以使用描边的方式组织文本。
也可以使用色块的方式组织文本。
04
点线面图形的使用
线条与点状图案属于非常基础的图形造型，但是往往可以起到点缀画面的作用。善于使用一些简单的图形装饰画面也非常重要。
但是基础的造型，也需要配合版面的风格，色彩，构图等作出不一样的编排，使用点线面图形本身要注重它的有效性，明确这个图形加到版面中是基于什么样的逻辑和原因。
我们做一个书封的案例演示。
首先我把基础的文字编排完成，文字部分我分为封面和腰封两个部分，
书封主要放置了书名及作者译者名字。
书的英文名称对应作者名，书的中文名称对应译者名，完成文字的分组关系。
腰封放置了书籍介绍的两段文字。一般来说，书名作者名放在封面上，腰封其实作为包装中比较冗余的部分，很多时候会被丢掉。我们需要确保重要信息不要丢失。
接下来我们从书封的信息中提取一下关键词。
基于一些简单的词汇，我们可以在使用线条时尽量遵循这个规律。
比如线条对应风，那么线条应该是柔软的，而不是硬朗的。
圆形对应破碎，那么圆形应该是碎裂的，而不是圆润的完整的。
然后我们看一下这个书封的展示效果。
05
点线面图形与图片
版面中有时候不会出现图片，但有时也会出现图片，当图片加入到画面中时，我们同样可以使用点线面的元素配合使用。
我们用第一个案例的文本来做一下完整的海报演示，同样，我先处理文字编排，我们看一下大概的效果。
整体呢，我结合了前面咱们几个案例讲解的一些方法。
大标题使用“面状文本”的做法。
小文字使用了倾斜的做法，突出线的构成变化。
人名则是使用“点状文本的方式”
接下来我们将图片放置进来。
接下来添加色彩，圆形，线条等元素装饰版面，这个画面就完成了。
注意：点线面的组合在整个画面中尽量分布的平衡一些，这样有利于整个版面的构图结构。
我们来看一下海报的展示效果。
这次的教程就到这里了，我们下期再见，告辞！
- END -
赞 (0)

相关推荐