您的位置:首页 > 视觉传达

如何打造具有“节奏感”的版式设计?

发布时间:2020-02-10      阅读量:1808次     

老铁们,元宵节好啊!

不能出门的日子

你们都是怎么度过的呢?

贴心的来拯救大家的“无聊”了!

这次带来了版式设计类的干货

——如何用文字打造“节奏感”

一起来用知识充实无聊的时间吧

什么是节奏感?

首先说到节奏感,我们肯定会联想到音乐。由于旋律的不同,每一首音乐都能给人带来不同的感受。

那么,设计当中的节奏感指的是什么呢?

拿以下的作品延展一下

这是吴冠中的绘画作品,看似很简单的画面

但是这种水流蜿蜒的绘制手法

让人从视觉上感受到画面的灵动

然而当去掉这些流动的线

整个画面失去 蜿蜒流潺的感觉

变得平静了

就像很多图像网站的作品排版

一样是采用了这种瀑布流的方式

方便不同尺寸的图片载入的同时

相对于平铺的图片放置

视觉上会更让人舒服而不枯燥

节奏与韵律

在平面构成中,节奏感与韵律是常常放在一起说的。

比如以下的两张海报,左边海报中几条鱼摆放是毫无规律的,但是它却能形成节奏感。右边的则是能清晰地感受到它的节奏与韵律的变化。

所以节奏是有规律或者无规律地变化的,韵律是有规律地变化。

一个版面里的节奏影响是多方向面的,有文字编排、色彩搭配、图像处理等

文字编排

那为什么要在文字编排上掌握节奏感呢?

举个例子:我们在看纯文字的书籍时,很容易犯困

这是因为书籍的文字编排是规整

并且几乎没有节奏感

所以在视觉上容易造成审美疲劳

而在一些不同的书籍设计或者杂志会在里面加入图片、对文字与版式进行处理,使它们通过变化来形成一种节奏感,就会让画面不再枯燥。其中,画面中的标题起得很强的节奏感,并且具有装饰性。

所以,掌握文字编排的节奏感

画面传达的气质影响是非常大的

比如以上这两张海报,它们的背景图片都是采用了天空大量留白对的形式。但风格完全不同的文字编排,左边海报表现出活泼可爱的感觉,而右边的则是平静安逸。

我们可以理解为,随着几乎没有节奏感到节奏感比较弱再到节奏感强,它的画面是可以呈现出由静止到舒缓再到动感的。

在文字编排中有非常多的对比。今天我们主要去梳理一下文字编排时的一些影响因素,以及在文字编排上一些需要注意的细节

● 字体种类

文字种类在字体种类里一般分成了 衬线体与非衬线体,但是在中文里,一般主要由这五大类组成,分别 是黑体,宋体,楷体,圆体与书法体。

包括字体家族里的不同字重

并且同一个字体,我们还细分为常规体、窄体、扁体。

那么按照以上分类的组合,一段文字中的变化就有有105种。所以文字编排时稍微不注意就会有太多的变化性。

更何况我们经常在版面里加入其他国家语言的文字,这些都会影响文字的节奏感。

所以我们要学会控制这种节奏感,一般来说我们日常比较常用的就是黑体配无衬线体,宋体配衬线体并且在字重上我们都要注意协调字体的粗细度。

不同的字体搭配起来是有一定难度的,这种节奏感就好像不同风格的音乐的结合,它们之间的衔接与融合会比单纯的某一种风格的音乐制作起来更难

以下这张图里,它同时用了无衬线体与衬线体的结合。

如果尝试把左边的衬线体换成无衬线看看,是不是有种现代都市的气质?

如果都统一成衬线的话,是不是一种精致的时尚感就出来了呢,

统一这种文字的种类能更加精准地传达画面的气质。

而字体的混搭会产生混乱和怪异感,要慎用。如果想要这种感觉。就可以将多种类 的字体融入在画面中,营造出来强烈的节奏感。比如下图。

接下来我们用一下文案来做个案例演示

首先在版面中划分版块,文案同时用了衬线与无衬线的字体,并且是具有手写性质的字体。 所有的文字我采用了窄体来增强这种怪异的节奏感。

最后加上一些图形处理一下负空间。

单取文案板块来看,当这些字体都变成黑体后。对比可以发现,原先的窄体文字组更有搞怪奇异的节奏感。

● 大小

文字大小是影响节奏感的重要因素,比如像下图中的演示可以明显看出其中的变化。 

下面,我们具体来看看用在标题与内文的对比。 节奏变化比较大的文字组会给人一种冲击力。

其中,标题用较大的字体,就会让人有种喧闹和强硬感,让人无法忽视。

而节奏比较平缓的文字组合,就会呈现精致、安静的感觉。

我们把以上文案放在画面中看看:这种标题与内文的文字大小差距大的,并且标题在版面中占据较大的位置,呈现的是这个小岛有什么重大新闻的视觉感。

但是当标题变小时,整个画面呈现出比较平缓的节奏感,给人安逸舒缓的视觉感。

●长短

我们都知道音频都是这种长短不一的声波图,才会在听觉上带来一定的“节奏感”。

所以也有按照音频形式编排文字,来表现具有节奏感的系列广告作品。

它比较经常出现在居中对齐的文字组上

但是我们要注意的是

你会发现很少情况在 两个极端之间直接过度

比如说一长一短

毕竟它的阅读时间不会太长,所以就需要通过调节节奏,让它阅读起来美观却不枯燥。例如以下某购物网站的文字排版,非常注意短长短的节奏感,视觉上很让人舒适。

●位置

就拿这两种比例相似,并且都是黑色背景的海报来说。 

首先提去文案部分,并把右边文字的红色改为白色。这样看,它们之间的对比就很清晰了:左边的文字规划在版面中显得更有活力,右边版面的文字集中在一块且平整,就会呈现乏味的视觉感

所以我们如果要真正做对比的话,用左边的图像放置在两个不同的版面来作对比,这样大家应该能感觉到差别。

左边的版面虽然没有表现特别强的节奏感觉,但是至少版面不是特别压抑的。这就是文字编排在版面的影响。

不仅是文字组之间会影响节奏感,标题的摆放位置也会通过改变我妈们的阅读视线,来影响整个画面的节奏感。

接下来我们用案例来演示

首先选择纤细的宋体会比较符合这个画面的气质,很多人可能把文字组放在画面四个角就算大功告成了,但是这个画面既没有一个亮点吸引我们,而且画面里的元素都非常得散,没有体现出一点活泼的味道。

这个时候我们可以效仿刚刚我们看到的标题的做法,拉开距离,整位置让它有上下浮动的节奏感,包括文字上我都做了一些切割移动让它们活泼,再加上线条让它们更有联系感,这个画面就会比刚刚活泼多了。

● 疏密

左边紧凑的文字字距会呈现出一种张力,一种急促的节奏,营造一种紧张感。右边宽松的字距画面会更缓和,不同的字距在版面中有宽松对比,也营造出了一种节奏对比,不会感到枯燥。

很多人可能没太去注意这些 文字编排的小细节,这两版里哪一个更符合平缓的节奏感呢?答案是下面这个。 

第一张这样做也没错的,但是我们想让文字也能相应地呈现出一种透气感的话,第二张的会更加符合。

● 颜色

颜色的问题大家应该了解了很多,这里就简单提一下,就像我们在营造一种氛围的时候选择的气球颜色都是非常重要的,我们选择饱和度比较高,颜色种类比较多的气球的时候,是想营造一种热闹活泼的感觉的。

但是如果想营造一种浪漫安静的氛围时就用了很多白色或者淡色调的颜色

就像这个 banner 一样,中间不同颜色的文字为这个画面增加了很强的节奏感,变得很活泼。

很多时候我们不需要太强的节奏感,所以我们经常给文字做一点的颜色变化,来让画面更鲜活。就像这个 banner,如果它没有了左边那个粉色的颜色的跳跃。

这个画面就会变得很沉静

如果,画面文字的粉色变多

它的节奏感又会变得更强

不仅是因为这个颜色本身的跳跃性比较高,而且也是因为 颜色的不停切换导致这种节奏感的增强。所以不同颜色的占比也是需要考虑的。 

●组合形状

我们在这些变化的图形中替换两个不同形状的图形,可以感觉到替换后的图形里的变化会更多,呈现出来的活泼性更强了,当画面中的不同形状更多,就会趋向于一种混乱。

用不同的图形在版面里,有区分不同信息的作用,但是这种方式也是增加版面节奏感的一种方式,在很多促销的传单会经常看到。

这个画面没有人物图片,仅仅是通过文字的编排就能传达出这种热闹的节奏感。

除了颜色本身的热闹性,其中比较大的影响因素,就是文字在各种不同形状里的编排,让这个画面呈现出热闹的氛围。

● 方向

随着方向变化越来越多, 画面会趋向于更有动感的的节奏,但是节奏感觉也是有度的,一旦变化性很多,那么这个版面就会显得杂乱。

我们也可以简单理解为乱的元素的占比决定着你画面呈现出来的节奏感的强烈。

像第一张海报一样,这些方向不一的文字编排,向我们说明了这不是一个严肃的展览,而是具有活泼的属性,从而吸引不同的观看群体。包括右边这个海报的文字编排都让这个画面的节奏感变得更强了,与人物夸张的肢体语言也相呼应。

倾斜的文字编排在电商里是出现得比较多的,微微倾斜文字就可以强调这种活泼的节奏感。

我们来看一个比较明显的例子,画面只有一个黄色的色块和文字编排以及一个不规则的图形,但是这个画面呈现出来的感觉却很活泼。

其实去掉这图形,也并没有影响原有的气质,是因为文字的编排的方向性的对比让它的节奏感增强了。

●案例演示

那么说到这里其实今天的内容也就结束了,这次的案例就给大家演示下怎么用这些知识去做一张海报。

首先我们要分析这个画面,图片本身是比较具有节奏感的,因为不是我们平常看的袜子的视角,而且人物有一种运动过程的动势。

这个负空间非常不规则,如果文字在这个画面负空间上直接加字的话,可能就会显得比较乱,但是我们又要做出迎合这个图片的节奏但是不乱的画面,应该怎么做呢?

首先不采取直接在图上加字的方式而是把图片缩小,再添加一个深色的底色,这样这张图片和这个画面里就是一个整体了。

由于我们要压住图片的节奏感,不让它太乱,所以在周围的空间编排文字是呈现一个既有文字层级关系,但是整体是呈现矩形的文字组现在这个画面看起来的确不会乱,但是文字还是少了和图片活泼气质契合的节奏感。 

分析一下这个画面,是宇宙系列的感觉,所以就加入了环形的文字,然后再加一点与图片呼应的颜色,这个画面就会比之前更和谐。

最后总结

我们今天讲的是文字编排中的节奏感,无论是对信息的传达还是对气质的表现,它的影响是非常大的。例如文字类型、大小、方向、长短、文字组合形态等都是重要的影响因素。

所以把握自己要传达的节奏,才能正确传达信息。大家也可以用这种方式去看作品,分析它的节奏感是通过什么方式形成的。久而久之,对节奏感的掌握就会更加熟练与精准。