1. 首页

设计排版如何打造节奏感?高手告诉你啥是节奏

倾斜的文字编排在电商里是出现得比较多的,微微倾斜文字就可以强调这种活泼的节奏感。总结一下今天我们讲的,我们今天讲的是文字编排中的节奏感,在一开始,我分别给大家讲了从生活节奏、音乐节奏、再到设计的节奏去理解什么是节奏感,然后我还讲了关于文字节奏感对于画面的重要性,无论是对信息的传达还是对气质的表现,它的影响是非常大的。

我们在做设计的之后总是会看到,要切记「节奏感」。关于节奏感这个词,大多数人似懂非懂,可能清楚它是哪个意思,但是在设计中都必须注意这些节奏感,却还没有一个非常清晰的想法。我们都明白音乐是有不同类型的,有复古音乐,有乐队美术等,它们之间的不同,很多之后是节奏给我们带来的体会不同。在设计上也有一样的,掌握节奏感才能控制场面的差异和个性的传达。

什么是节奏感

先理解哪些是节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们常说的生活节奏,可以理解为,假如你在规定时间里,你只应该上学和回来两点一线的生活。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而当你有了儿子必须去幼儿园接送,晚上必须去健身等,这样就是生活节奏加快了。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们常见到的节奏感也许是来源于音乐的。

不同节奏感的音乐会给人不同的体会,就像音乐1这种,会给你一种安静舒缓的觉得。音乐2这种经常有种非常喧闹、比较可爱的觉得。

设计排版如何打造节奏感?高手告诉你啥是节奏

说到设计的中的节奏感,从绘画里也可以看出,这是吴冠中的油画佳作,看似很简洁的场景,但是这些水流的蜿蜒的觉得让这个场景更加灵动起来。

设计排版如何打造节奏感?高手告诉你啥是节奏

去掉那些流动的线以后,整个场景就显得很安静了。失去了这种蜿蜒流潺的觉得。

设计排版如何打造节奏感?高手告诉你啥是节奏

在我们这些图像网站里都用了这些瀑布流的方法,不仅是为了便于不同尺寸的照片的载入,在这些之后某些形式,相对于平铺的照片放置会更让人舒服而不枯燥。

节奏与韵律

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

设计排版如何打造节奏感?高手告诉你啥是节奏

我们可以看海报去理解,第一张海报那几条鱼摆放的位置是没什么规律的,但是它却能产生节奏感。那么在第二张海报,我们能清晰地感得到它的节奏与韵律的差异。所以节奏是有规律以及无规律的差异的,韵律是有规律的差异的。

设计排版如何打造节奏感?高手告诉你啥是节奏

比如去百度百科查找相关信息只是表达类似这种的含义。

设计排版如何打造节奏感?高手告诉你啥是节奏

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

文字编排

现在我们要讲的是文字编排里的节奏感。在文字编排上我们为什么要把握节奏感呢?

设计排版如何打造节奏感?高手告诉你啥是节奏

我们在看一些纯文字的书籍的之后,很容易犯困。

设计排版如何打造节奏感?高手告诉你啥是节奏

这就是由于书籍的文字编排几乎没有节奏感,所以相对来说是枯燥的。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

有一些不同的书籍设计以及杂志会在上面加入照片、对文字与版式进行处理,使他们更加有差异性,就会调节这些节奏感。让场面阅读不再枯燥。当然了,画面左边是由于长期的信息的传达不合适做过多的差异,否则阅读过程会有妨碍。这只是按照不同类型的信息能够掌握不同节奏感的结果。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而在这个场景里标题是节奏感非常强的,在确保阅读性的同时也做到了装饰性。那么由于下方信息量非常多,这些文字又必须被迅速传达,所以这种文字的编排就会趋于于阅读性。

设计排版如何打造节奏感?高手告诉你啥是节奏

掌握文字编排的节奏感对场景传达的个性的妨碍是十分大的。就像这两张剧照,它们的背景图片气质是很像的,都是天空的大留白,但是,完全不同的文字编排,就让第一张剧照表现出俏皮活泼的觉得,第二张剧照表现出平淡安静的觉得。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们可以理解为,随着几乎没有节奏感到节奏感非常弱再到节奏感强,它的场景是可以展现出由静止到舒缓再到动感的。

设计排版如何打造节奏感?高手告诉你啥是节奏

在文字编排中有相当多的对比,是一个特别大的平台,今天我们主要去梳理一下文字编排时的一些影响因素,以及在文字编排上一些必须留意的细节。(我们最近会讲这种影响我们文字编排的节奏感,字体类型、大小、长短、位置、疏密、颜色、组合图案和方向。)

1.字体类型

设计排版如何打造节奏感?高手告诉你啥是节奏

文字特点就是我们对文字的类型进行分类,在字体类型里通常分成了衬线体与非衬线体,但是在英文里,我认为主要由这五大类构成,分别是粗体,宋体,楷体,圆体与草书体。

设计排版如何打造节奏感?高手告诉你啥是节奏

比如字体家族里的不同字重。

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然是这种,对于同一个字体我们还分常规体、窄体、扁体。

设计排版如何打造节奏感?高手告诉你啥是节奏

一段文字只选取前面的所说的差异就早已可以有众多种了。我拿了一段英语公式装❌。这里我们算出有105种。所以文字编排时稍微不留意就会有很多的差异性。

设计排版如何打造节奏感?高手告诉你啥是节奏

更别说我们一直在版面里加入其它国家语言的文字,这些都会影响文字的节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而我们要学会控制这些节奏感,一般来说我们日常比较常见的就是粗体配无衬线体,宋体配衬线体。并且在字重上我们都要留意协调。尽量使他们看一起是一样的粗细度。

设计排版如何打造节奏感?高手告诉你啥是节奏

不同的字体搭配出来是有一定难度的。这种节奏感就好似不同色调的音乐的结合,它们之间的衔接与整合会比纯粹的某一种色调的音乐制作出来更难。

设计排版如何打造节奏感?高手告诉你啥是节奏

这些不同种类的文字的配色,对于排版和利用的素养有一定要求,运用不好经常传达不了场景的个性与信息。在电商里的例子是非常多的。在我看见的这张图里,它同时用了无衬线体与衬线体的结合,画面没有清晰显现出精确的个性。大家或许会说它是时尚奢华风,但是这是一个大范围,在风格优雅里有现代的端庄,有古典的优雅,还有一些与众不同的高贵等。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们尝试把上面的衬线体换成无衬线看看。是不是有种现代都市的个性?

设计排版如何打造节奏感?高手告诉你啥是节奏

如果都统一成衬线的话,是不是一种优雅的潮流感就回来了呢。统一此类文字的特点能非常准确地传达画面的气质。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

刚刚我们也说到字体的风格会造成混乱和恐怖感,要慎用,但是即使我们的画画就必须这种似乎呢,当然就可以用这些特征来刻意塑造一种神秘感,当场景的字体类型越多的之后,所塑造起来的节奏感会更强烈。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们看这个场景也有这么的,周围的好多图形和各类各种样的字体种类让这个场景更加可爱调皮。

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然去掉了周围的图形,文字这传达出去的可爱感觉也一直存在。

设计排版如何打造节奏感?高手告诉你啥是节奏

接下去我们用这个文案来做一个实例演示下,由于经常很多都是用同一种种类字体搭配,那么这一次就挑战一下,我就准备做一稿用不同类型字体的版面。看看会有哪些样的效果。

设计排版如何打造节奏感?高手告诉你啥是节奏

首先我在版面中界定版块,填上相应的文字,在此处可以看见,我同时用了衬线与无衬线的字体,还用了带有手写性质的字体。不仅如此,所有的文字我都用了窄体而不是常用的常规体来提高这些恐怖的节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

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

设计排版如何打造节奏感?高手告诉你啥是节奏

为了避免影响,我把照片遮住单看文字组,我把这种字体都成为黑体了,对比可以看到,还是原本的文字组更有搞笑神秘的节奏感。右边这个由于板式与图形的完整性因而它看上去并没有巨大的弊端,但是它的确是缺乏了像上面这些古典与现代结合的节奏感。

2.大小

设计排版如何打造节奏感?高手告诉你啥是节奏

文字的大小节奏可能会有人理解为这么,但是我们通常不会这样做。

设计排版如何打造节奏感?高手告诉你啥是节奏

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

设计排版如何打造节奏感?高手告诉你啥是节奏

节奏变化非常大的文字组会给人一种冲击力,让人能够忽略标题的存在,就似乎我在大声告诉你一句话的觉着,会非常强硬与喧闹。

设计排版如何打造节奏感?高手告诉你啥是节奏

节奏非常平缓的文字组表现出一种时尚、安静的觉得。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们把他们放在场景里看下,这个标题与内文的对比很大,并且在这个版面中占据一定的大小,这种之后有没有认为这个场景展现出一种,好像在播放新闻的觉得,好像在说这个小岛有哪些重大新闻一样。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而当标题变小时,整个场景展现出非常缓慢的节奏感,很符合画面传达下来的平静舒缓的觉得。

设计排版如何打造节奏感?高手告诉你啥是节奏

这些形式众多作品都有,这种标题和内文的对比,或者说是文字在版面的占比非常大时,就可以表现出这些很强烈的节奏,让人很难忽略这种文字内容。同时场景也更易于传达出一种力量感。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

通常想要营造那种安静感的之后,比较强调场景整体的觉得,就不应该太多的文字变化,甚至为了区分文字层级而必须有的文字大小,也尽量地在降低对比。

3.长短

设计排版如何打造节奏感?高手告诉你啥是节奏

我们都清楚音频都是这样长短不一的声波图,因为这些长短不一的差异感受会给人增添节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而还有以此类方式来编排文字,表现节奏感的系列广告作品。

设计排版如何打造节奏感?高手告诉你啥是节奏

它非常频繁发生在居中对齐的文字组上。

设计排版如何打造节奏感?高手告诉你啥是节奏

然而我们要切记的是,你会看到很少情况在两个极端之间直接过度,比如说一长一短。

设计排版如何打造节奏感?高手告诉你啥是节奏

在没有文字大小的对比情况下,如果文字的长短对比太小,我们先不说节奏感,我们也许会有种问题,它究竟是想两端对齐还是居中对齐的呢?于是这些两端模棱两可的状况最好导致。不能模棱两可,对比太大又会不够美观,所以我们去创造节奏感的之后要切记这些问题。

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然它不是让人阅读时间很长的文字,所以我们就必须调节这些节奏让它看上去美观并且不枯燥。

设计排版如何打造节奏感?高手告诉你啥是节奏

这是我随意在网购网站图片的,你会看到他们的文字编排都很注意我今天说的短长短的节奏感。

4.位置

设计排版如何打造节奏感?高手告诉你啥是节奏

我找了两张都是白色背景以及配图比例也差不多的海报作对比表明这个问题。

设计排版如何打造节奏感?高手告诉你啥是节奏

由于图像的干扰我就同时除去了照片,还有也把左边绿色的字成为了黑色,它们之间的对比更加清晰了,左边的文字规划在版面中变得更有魅力,右边版面的文字集中在一块,就像我们中间提到的电影书籍内页一样。这样的文字编排在阅读上会比上面的缺乏节奏感。但是我在此处要说的一点是,左边海报本身的图像没有左边的有冲击力与魅力,所以我们即使要真正做对比的话。

设计排版如何打造节奏感?高手告诉你啥是节奏

用上面的图像放置在两个不同的版面来作对比,这样你们应当能感到到差距。左边的版面虽然没有体现尤其强的节奏感到,但是起码版面不是非常乏味的。至于后面的我们会认为很优雅,配合这些条纹的背景比上面更压抑。这就是文字编排在版面的影响。

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然是文字组之间,标题的有意放置不同的位置就可以塑造这些节奏感,是由于它仍然可以促使我们的阅读视野出现变化。

设计排版如何打造节奏感?高手告诉你啥是节奏

比较随便编排的文字组也会比,比较内敛正式的文字组看上去更有节奏、更活泼。

设计排版如何打造节奏感?高手告诉你啥是节奏

接出来我们用实例来演示。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

首先选取纤细的宋体会比较符合这个场景的个性,很多人也许把文字组放在场景四个角就算大功告成了,但是这个场景既没有一个看点吸引我们,而且场景里的元素都十分得散,没有表现出一点可爱的味道。

设计排版如何打造节奏感?高手告诉你啥是节奏

这个之后我们可以效仿刚刚我们发现的标题的做法,拉开距离,调整位置让它有上下浮动的节奏感,包括文字上我都做了一些切割移动让他们活泼,再加上线条让他们更有联系感。这个场景都会比今天活泼多了。

设计排版如何打造节奏感?高手告诉你啥是节奏

案例完成。

5.疏密

设计排版如何打造节奏感?高手告诉你啥是节奏

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

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

这些人也许没太去注意这种文字编排的小细节,这两版里哪一个更符合平缓的节奏感呢?答案是以下这个。第一张那样做也没错的,但是我们想让文字也能相应地展现出一种透气感的话,第二张的会变得符合。

6.颜色

设计排版如何打造节奏感?高手告诉你啥是节奏

颜色的难题大家必须知道了这些了,这里就简单提一下,就像我们在塑造一种氛围的之后选择的气球颜色都是十分重要的,我们选取饱和度非常高,颜色种类比较多的气球的之后,是想塑造一种热闹活泼的觉得的。但是即使想塑造一种甜蜜安静的气氛时就用了这些条纹以及白色调的色调。

设计排版如何打造节奏感?高手告诉你啥是节奏

就像这个banner一样,中间不同形状的文字为这个场景增加了很强的节奏感。变得很可爱。

设计排版如何打造节奏感?高手告诉你啥是节奏

这些之后我们不必须太强的节奏感,所以我们常常给文字做一点的色调变化,来让场面更鲜活。就像这个banner,如果它没有了上面那些白色的色调的跳跃。

设计排版如何打造节奏感?高手告诉你啥是节奏

这个场景都会显得很沉静。

设计排版如何打造节奏感?高手告诉你啥是节奏

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

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然是由于这个形状本来的跳跃性非常高,而且也有由于颜色的不停切换造成这些节奏感的提高。所以不同颜色的占比只是必须考量的。在此处主要是由于模特身上没有玫红色,所以前面不合适用过多的玫红色,用全黑都会变得很暗淡,所以此处选择用一次玫红色让这个场景鲜活。

6.组合形状

设计排版如何打造节奏感?高手告诉你啥是节奏

我们在这种差异的图形中更换两个不同颜色的图形,我们可以感到到替换后的图形里的差异会更多,呈现出来的内敛性更强了。当场景中的不同颜色更多,就会趋于于一种混乱。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

用不同的图形在版面里,有区别不同信息的作用,但是这些方法也有提高版面节奏感的一种方法。在这些促销的传单会一直看着。

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

这个场景没有人物照片,仅仅是借助文字的编排就能传达出这些热闹的节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

比如色彩原本的热闹性,其中相当大的妨碍因素。就是文字在诸多不同图案里的编排,让这个场景展现出热闹的气氛。

7.方向

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

设计排版如何打造节奏感?高手告诉你啥是节奏

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

设计排版如何打造节奏感?高手告诉你啥是节奏

像第一张海报一样,这种有点古老的作品我们通常会觉得是非常正式和相当认真的,但是这种方向不一的文字编排,向我们表明了这不是一个认真的展览,而是带有活泼的属性,从而引来不同的观看群体。包括前面这个海报的文字编排都让这个场景的节奏感更加更强了,与人物夸张的肢体语言也相呼应。

设计排版如何打造节奏感?高手告诉你啥是节奏

倾斜的文字编排在电商里是发生得非常多的,微微倾斜文字就可以强调这些可爱的节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

我们来看一个非常明显的事例,画面只有一个红色的色调和文字编排以及一个不规则的图形,但是这个场景展现出来的觉得却很可爱。

设计排版如何打造节奏感?高手告诉你啥是节奏

虽然去掉这图形,也并没有妨碍原有的个性,是由于文字的编排的方向性的对比让它的节奏感提升了。

7.案例演示

设计排版如何打造节奏感?高手告诉你啥是节奏

那么说到此处原来刚才的内容也就结束了,这次的实例就给你们演示下如何用这种知识去做一张海报。

设计排版如何打造节奏感?高手告诉你啥是节奏

首先我们要探讨这个场景,图片原本是非常具有节奏感的,因为不是我们平时看的帽子的角度,而且人物有一种运动过程的动势。

设计排版如何打造节奏感?高手告诉你啥是节奏

这个负空间相当不规则,如果文字在这个场景负空间上直接加字的话,可能还会变得非常乱,但是我们又要做出迎合这个图片的节奏并且不乱的场景,应该如何做呢?

设计排版如何打造节奏感?高手告诉你啥是节奏

首先不采用直接在图上加字的方法,把照片缩小,再添加一个黑色的色调,这样这张照片和这个场景里就是一个整体了。

设计排版如何打造节奏感?高手告诉你啥是节奏

因为我们要压住图片的节奏感,不让它太乱,所以我在周围的空间编排文字是展现一个既有文字层级关系,但是整体是展现矩形的文字组。现在这个场景看上去的确不会乱,但是文字而是少了和照片活泼甜美契合的节奏感。

设计排版如何打造节奏感?高手告诉你啥是节奏

分析一下这个场景,是宇宙系列的觉得,所以我就加入了环形的文字,然后再加一点与照片呼应的色调。这个场景都会比之前更和谐。在做的过程通过降低差异与提高变化让场景日益接近自己的预期。

总结一下现在我们讲的,我们现在讲的是文字编排中的节奏感,在一开始,我分别给你们讲了从生活节奏、音乐节奏、再到设计的节奏去理解什么是节奏感,然后我还讲了关于文字节奏感对于场景的重要性,无论是对信息的贯彻还是对个性的体现,它的影响是十分大的。最主要的个别,我讲了影响文字编排的节奏都有什么原因,比如文字种类、大小、方向、长短、文字组合形态等。把握自己要贯彻的节奏,才能恰当传达信息。大家也可以用这些方法去看作品,分析它的节奏感是借助什么方法产生的。久而久之,对节奏感的把握就会变得熟练与准确。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1013

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息