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