【文章】设计中如何打造节奏感?

成都/设计爱好者/5年前/690浏览
【文章】设计中如何打造节奏感?
Herene

在设计工作中常听说的“节奏感”到底是什么?又该怎么去实现呢?本篇文章详细介绍了关于如何设计出具有节奏感作品。

我们在做设计的时候总是会听到,要注意「节奏感」。关于节奏感这个词,大多数人似懂非懂,可能明白它是什么意思,但是在设计中都应该注意哪些节奏感,却还没有一个比较清晰的思路。我们都知道音乐是有不同种类的,有古典音乐,有摇滚音乐等,它们之间的不同,很多时候是节奏给我们带来的感受不同。在设计上也是一样的,掌握节奏感就能控制画面的变化和气质的传达。


什么是节奏感?

假如你在规定时间里,你只需要上班和回家两点一线的生活。

但是当你有了孩子还要去幼儿园接送,晚上还要去健身等,这样就是生活节奏加快了。


节奏与韵律

在平面设计里,我们在学习平面构成的时候节奏与韵律是常常放在一起说的。

我们可以看海报去理解,第一张海报那几条鱼摆放的位置是没什么规律的,但是它却能形成节奏感。那么在第二张海报,我们能清晰地感受到它的节奏与韵律的变化。所以节奏是有规律或者无规律的变化的,韵律是有规律的变化的。

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

文字编排

我们在看一些纯文字的书籍的时候,很容易犯困。这就是因为书籍的文字编排几乎没有节奏感,所以相对来说是枯燥的。

有一些不同的书籍设计或者杂志会在里面加入图片、对文字与版式进行处理,使它们变得具有变化性就会调节这种节奏感。让画面阅读不再枯燥。当然了,画面左边是因为大量的信息的传达不适合做过多的变化,否则阅读过程会有阻碍。这也是根据不同种类的信息从而把握不同节奏感的结果。

掌握文字编排的节奏感对画面传达的气质的影响是非常大的。就像这两张海报,它们的背景图片气质是很像的,都是天空的大留白,但是,完全不同的文字编排,就会给人不一样的感觉。就让第一张海报表现出活泼可爱的感觉,第二张海报表现出平静安静的感觉。


在文字编排中有非常多的对比,是一个非常大的系统,今天我们主要去梳理一下文字编排时的一些影响因素,以及在文字编排上一些需要注意的细节。(我们今天会讲这些影响我们文字编排的节奏感,字体类、大小、长短、位置、疏密、颜色、组合形状和方向。


1. 字体种类

文字种类就是我们对文字的类别进行分类,在字体种类里一般分成了衬线体与非衬线体,但是在中文里,我觉得主要由这五大类组成,分别是黑体,宋体,楷体,圆体与书法体。

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

不仅是这样,对于同一个字体我们还分常规体、窄体、扁体。

版面里加入其他国家语言的文字,这些都会影响文字的节奏感。

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

这种不同类型的文字的搭配,对于排版和运用的能力有一定要求,运用不好就会传达不了画面的气质与信息。在电商里的反例是比较多的。在我看到的这张图里,它同时用了无衬线体与衬线体的结合,画面没有清晰呈现出准确的气质。大家可能会说它是简约高贵风,但是这是一个大范围,在简约高贵里有现代的高贵,有复古的高贵,还有一些与众不同的高贵等。

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

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

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


刚刚我们也说到字体的混搭会产生混乱和怪异感,要慎用,但是如果我们的画画就需要这种感觉呢,当然就可以用这种特性来故意营造一种怪异感,当画面的字体种类越多的时候,所营造出来的节奏感会更强烈。


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

首先我在版面中划分版块,填上相应的文字,在这里可以看到,我同时用了衬线与无衬线的字体,还用了具有手写性质的字体。不仅如此, 所有的文字我都用了窄体而不是常见的常规体来增强这种怪异的节奏感。

最后加上一些图形处理一下负空间,这个案例就完成了。

为了减少影响,我把图片遮住单看文字组,我把这些字体都变成黑体了,对比可以发现,还是原来的文字组更有搞怪奇异的节奏感。右边这个因为板式与图形的完整性使得它看起来并没有很大的问题,但是它的确是缺少了像左边这种古典与现代结合的节奏感。


2. 大小

文字的大小节奏可能会有人理解为上图这样,但是我们一般不会这么做

我们更多地是用在标题与内文的对比。

节奏变化比较大的文字组会给人一种冲击力让人无法忽视标题的存在,就好像我在大声告诉你一句话的感觉,会比较强硬与喧闹。

节奏比较平缓的文字组表现出一种精致、安静的感觉。

我们把它们放到画面里看下,这个标题与内文的对比很大,并且在这个版面中占据一定的大小,这种时候有没有觉得这个画面呈现出一种,好像在播放新闻的感觉,好像在说这个小岛有什么重大新闻一样。

但是当标题变小时,整个画面呈现出比较平缓的节奏感,很符合画面传达出来的安静舒缓的感觉。

这种方式很多作品都有,这种标题和内文的对比,或者说是文字在版面的占比比较大时,就可以体现出这种很强烈的节奏,让人很难忽视这些文字内容。同时画面也更容易传达出一种力量感。

往往想要营造这种安静感的时候,比较注重画面整体的感觉,就不需要太多的文字变化,甚至为了区别文字层级而需要有的文字大小,也尽量地在减少对比。


3. 长短

你会发现在两个极端之间直接过度,比如说一长一短。

在没有文字大小的对比情况下,如果文字的长短对比太小,我们先不说节奏感,我们可能会有种疑问,它到底是想两端对齐还是居中对齐的呢?所以这种两端模棱两可的情况最好避免。不能模棱两可,对比太大又会不够美观,所以我们去创造节奏感的时候要注意这些问题。

毕竟它不是让人阅读时间很长的文字,所以我们就需要调节这种节奏让它看起来美观而且不枯燥。

这是我随便在购物网站截图的,你会发现它们的文字编排都很注意我刚刚说的长短的节奏感。


4. 位置

我找了两张都是黑色背景并且配图比例也差不多的海报作对比说明这个问题。

因为图像的干扰我就同时去掉了图片,还有也把右边红色的字变成了白色,它们之间的对比变得清晰了,左边的文字规划在版面中显得更有活力,右边版面的文字集中在一块,就像我们前面提到的小说书籍内页一样。这样的文字编排在阅读上会比左边的缺少节奏感。但是我在这里要说的一点是,左边海报本身的图像没有右边的有冲击力与活力,所以我们如果要真正做对比的话。

用左边的图像放置在两个不同的版面来作对比,这样大家应该能感觉到差别。左边的版面虽然没有表现特别强的节奏感觉,但是至少版面不是特别压抑的。至于右边的我们会觉得很沉静,配合这种黑色的背景比左边更压抑。这就是文字编排在版面的影响。


接下来我们用案例来演示。

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

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


5. 疏密

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

很多人可能没太去注意这些文字编排的小细节,这两版里哪一个更符合平缓的节奏感呢?答案是右面这个。左边这样做也没错的,但是我们想让文字也能相应地呈现出一种透气感的话,第二张的会更加符合。


6. 颜色

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

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

这个画面就会变得很沉静。

如果,画面文字的粉色变多,它的节奏感又会变得更强。



7. 组合形状

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

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

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

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


8. 方向

随着方向变化越来越多,画面会趋向于更有动感的的节奏。但是节奏感觉也是有度的,一旦变化性很多,那么这个版面就会显得杂乱。我们也可以简单理解为乱的元素占比 决定画面 呈现出来的节奏感强烈。

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

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


我们来看一个比较明显的例子,左图画面只有一个黄色的色块和文字编排以及一个不规则的图形,这个画面却可以呈现出来很活泼的感觉。其实去掉这图形,也并没有影响原有的气质,是因为文字的编排的方向性的对比让它的节奏感增强了。


那么说到这里其实今天的内容也就结束了,总结一下今天我们讲的,我们今天讲的是文字编排中的节奏感,在一开始,分别给大家讲了从生活节奏到设计的节奏去理解什么是节奏感,然后讲了关于文字节奏感对于画面的重要性,无论是对信息的传达还是对气质的表现,它的影响是非常大的。最主要的部分,影响文字编排的节奏都有哪些因素,比如文字类型、大小、方向、长短、文字组合形态等。把握自己要传达的节奏,才能正确传达信息。大家也可以用这种方式去看作品,分析它的节奏感是通过什么方式形成的。久而久之,对节奏感的掌握就会更加熟练与精准。


8
Report
|
21
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
DESIGN NEW WAVE
Homepage recommendation
相关收藏夹
哇!
哇!
哇!
哇!
作品收藏夹
字体设计
字体设计
字体设计
字体设计
作品收藏夹
设计笔记
设计笔记
设计笔记
设计笔记
作品收藏夹
逻辑
逻辑
逻辑
逻辑
作品收藏夹
干货
干货
干货
干货
作品收藏夹
教程
教程
教程
教程
作品收藏夹
大家都在看
Log in