当前位置: 首页 >文章 > 如何用色彩表达视觉中的节奏与韵律——这次题目有点大
收藏
分享

如何用色彩表达视觉中的节奏与韵律——这次题目有点大

举报梁景红梁景红发布于 2021-11-221555阅读2点赞1评论
如何用色彩表达 视觉中的节奏与韵律(视觉音乐感)...


HI,家人们,
不好意思啊!两个月不见了!
开始是因为搬家,后来是因为出差,再后来是因为新书书稿的事拖住了,真是各种原因而没有更新公号。另外,我之前就想对公号做改版,但又没想好怎么做,于是停更了两个多月。

感谢家人们的催更,搞得我不好意思停更下去,赶紧奉上一篇,算是复更啦~

复更就复更,怎么整了这个么大主题呢?纯属意外!纯属意外!其实讨论这个主题,要求色彩感知力,画面审美能力、五感共鸣力都极强,否则讨论半天,不敏感的人或许看不懂我再聊什么。当然总结这样一个话题,还是非常有难度的,也很累。可是,有个学生对此非常迷糊,于是我决定试着去讲一下。配了一些原创的图,希望对五感共鸣能力弱的人有所帮助。欢迎大家一起讨论!

本文标签:色彩 明度 视觉音乐感 节奏 韵律 变奏 双旋律 创作
文:梁景红
如何用色彩表达
视觉中的节奏与韵律(视觉音乐感)

一个有趣而复杂的主题,本文6113个字,77张图,阅读时间至少需要16分钟

目录:

1、明度与音乐节拍的对应

2、音节形成节拍,节拍形成节奏,节奏有强、弱差异

3、视觉音乐感是怎么产生的

4、是否所有画面都能产生节奏与韵律


5、变奏的作用,双旋律创作


所谓节奏,比如每天的生活就是吃饭、工作、睡觉(类似于节拍),重复起来就是一种生活节奏,在生活中找到舒适感,美化它就形成了有韵律感的审美感受。节奏有快、有慢,有强、有弱。类似于快节奏生活、慢节奏生活。由于我们五感相通,平面设计和插画的画面中也可以找到相同的感受。画面中节奏与韵律形成完全离不开色彩的作用。

色彩的韵律感从哪里开始聊比较好呢?


以节拍为单位,有强、弱的感受,重复节拍或自由变化节拍,可以形成一段有韵律感的节奏,这里就具备了审美的条件,有美感的东西我们会说有韵律感,没有美感,我们就会觉得是噪音。我们要先从节拍开始聊起:

1
明度与音乐节拍的对应

明度绝对是建立节奏与韵律的手段之一。明度其实就是光的强、弱变化。明度高,颜色就亮。明度低,就暗。亮、暗与音乐中音节的强、弱很接近。因而利用明度的强度变化,可以表达出节奏感。

黑白灰只有明度变化,没有色相。也称为无彩色。
黑白灰的强弱感变化,可以对应音节中的do re mi fa so la xi do。
这一点可以清晰的感受到。

有彩色(纯色状态)天生明度不同。也就是说。纯色的黄色最为明亮,因此对应最高音。而深蓝色明度最低,对应最低音。

以前有一位一线大厂牌的设计师不太懂这件事,当他设计优惠卡UI界面的时候,要把很多张不同颜色的优惠卡放在一个界面上,然而,因为把同样纯度的不同颜色放一起时候,非常不协调,曾问过我,该怎么办?
实际上就是因为这样颜色天生的明度不同,肯定会有一种跳跃感。就好像他们彼此天生不在一个音调上一样,如果想要他们协调,需要做明度调整才可以。

在单色系中投入白色,颜色会逐渐明亮起来。这种感受与音节变化类似。

试着把黄、红、蓝、紫放在一起,都做等差的明度变化。由于他们的明度起点不同,明度即使做了等差变化,明亮等级实际上并不匹配。也就是说。假设我们定第5列的黄色为do,而第7列的红色才能是do,第6列的蓝色才能是do,以及最后7、8列之间的紫色才能是do。

如图,把上述有彩色转化为灰度图,就可以看到只有这样排列,他们才能接近渐变提升明度的效果。

如图,当我们重新调整明度,才能使颜色在一个“音调”上。换个话说也可以叫做色调一致。但是纯度色调也是一个常用色调,但是你不能说它的音调感一致,他们只是都是纯色而已,明度感受其实非常不同的。上述已经讲得很清楚了。

暗沉色调内部的颜色基本上明度一致。明亮色调的不同颜色的明度也略有差别。因此我们不能用色调完全概括色彩音调感这件事。


2
单音节形成节拍

单音节或多音节组合起来,形成一种节拍。

节拍形成节奏
节拍重复形成节奏。
节奏有强与弱的差异
既然有节奏,就有强弱差别。
我记得一次去金犊奖做评委,在一个空闲时间看到另一位评委老师给一个学生解答问题,什么缘由不记得了,似乎说她不知道画面节奏这件事,于是动手在桌子上敲起来,发出咚、咚、咚咚咚、咚咚、咚……类似的声音。这个片段,一直在记忆里。
明度与音节对应的问题前面讲完了,接下来需要让明度变化形成一个节拍。例如,一大大、二大大……类似这样,但是为了更好说明问题,我们先让两个颜色组合并重复出现。首先感受节拍的强弱这件事。

两个音,比较接近,感觉上会形成较弱的视觉对比,此时感觉到的是,这个节拍比较弱。

两个颜色对比强度大,感觉形成了一个很强的节拍。
加入稍许造型变化,仿佛音之间有了时间上的停顿。或者换了乐器演奏一般,但是音的强弱差别,还是通过明度实现的:

我们试着调整造型,造型变化对画面节奏表达有没有影响?当然。

但是节奏强弱还是依旧很明显的,这是由明度对比确定的。

然而当造型变化加入手,画面出现更多的可以探究的东西,就形成了新的审美感受,此时如果是愉悦的,我们会觉得它是一段有趣的旋律,枯燥感也会消失。

我们试着把单色当做单音节,将他们排列在一起,换成有彩色。就会从画面中感受到一段节奏:

这些图的造型比较板正,单色如同单个音符,他们组合起来虽然没有形成一段自由奔放的旋律,但是可以感受到一个明显的节奏感。不同色相的颜色具有不同的明度,加上色相、面积等元素,画面的音符强弱感也十分鲜明。

比如左边海报的蓝色是一个音,而红色圈圈是一个音,有停顿、有击打,发出一段音乐。右边的海报也是如此,节奏强弱变化,有高音,有低音。形成一小段节奏。

之所以没有感受到旋律,仅仅是一段具有节奏感的内容,是因为色彩音节只是几个音放在哪里,演奏长度不够。所以我们只能感受到一小段由音节组成的优美节奏,还不能说感受到了一段旋律。总之,如同这两幅作品的旋律美感并不强烈,节奏美感是有的。

我们接着把明度节奏的话题讨论完,把纯黑白的抽象造型换成插画:

插画:梁景红

有了造型,有趣的节奏感就更多了。因为明度接近,企鹅造型内部与外部都能形成不同的对比关系,但是总体来说是比较弱的,因此是感受到一个比较轻的节拍。

同时,因为几个企鹅挨着,会专门空出一个位置,就使得这种节奏感更有趣。不仅仅是企鹅自身的,而是企鹅与空白也产生了新的变化。

插画:梁景红

因为明度反差大,就可以形成较强的对比关系,感受上是一个较强的节奏。不仅仅如此,试着做出一个特殊节拍(第二排),会发现有舒缓感,有急促感产生。

海报设计、字体设计

这两张海报设计,都只用到了明度变化。可以让人很容易与音乐相通的韵律感。为什么此处不是单纯的节奏感,而是具备了韵律感了呢?

因为几个节拍形成了一段节奏,而节奏重复或变化的出现,会形成一种有趣的乐曲韵律。比如这里虽然是黑白明度变化,但是变化陪同造型变化,使得变化复杂了。明度虽然仅仅代表高低音,但是造型却增加了各种新节奏的变化。 如同表演方式,音有长、有短、有间隔、有急促,就形成了一段乐曲的感觉。韵律感由此而生。

除了黑白灰可以形成节奏之外,有彩色的作品当然会让画面旋律更丰富,更美妙。

海报设计、封面设计

以上作品的视觉音乐感都特别强,感觉很有趣。

其实造型的出现,可以很好的形成不同乐器呈现的各种特色。
因为音乐除了节奏之外,还有曲调、和声、力度、速度、调式、曲式等表现手段。颜色配合造型才能形成如同交响乐、轻音乐、小调、摇滚乐、鼓声、钢琴、风琴、风铃等等各种各样丰富的审美感受:)


3
视觉音乐感
怎么产生的

音乐感讨论就是旋律、韵律,并非只是节奏。

懂音乐的人知道,真正的音乐不是两个节拍一直重复,而是自由变化组成美好动人的旋律。不好听的音节组合在一起就是一段噪音。同理,这种审美感受在绘画、设计中也是有的,不好看的配色就好像噪音一样。好的画面就好像有了很美的音乐感一样。

音节组成节拍、重复节拍为节奏、自由变化成旋律,然而,当耳根听一段音乐的时候,每个音节出现都是依次出现的。也就是说“阅读”音乐是要有时间过程的。一个五分钟的乐曲,你不可能在同一秒钟获得全部的音符,对吗?

然而,视觉可以一瞬间获得整个画面的信息。

那么好了。这种从画面中获得节奏和韵律感到底怎么产生的?是不是所有的画面都有这种审美感受?

1、造型上建立细碎的物体,填入不同颜色,依靠造型的细碎感形成音符感,并且颜色安排很美妙和谐,你可以从这种造型的细碎上,进行与音乐的音节类似的共鸣,由此感受画面音乐感。

插画师:曾桁

2、阅读画面时候,视线移动,产生了时间长度,此时这种个人主观感受可以转化为类似听音乐一样的缓慢看“色”的雷同感受。类似下图

绘本 be a tree 封面
插画师:felicita sala
如果慢慢的从左阅读到右侧
就会形成时间差,仿佛欣赏音符流动一样
3、造型上具有强而有力的音乐感冲击,比如渐变风格、颜色造型上重复出现形成节奏等,这样也可以形成画面的音乐感。类似下图

4、综合以上几种情况共同制造画面韵律与节奏,形成可以达成听觉共鸣的韵律感

封面设计
颜色的这种飘逸、自在,造型圆形为基础,让人感受到类似很轻快的小调的视觉韵律。

Gebrauchsgraphik international advertising art oktober 1969 B 3149E


杂志插图

这样的画面中有很强的音乐节奏感

并不是枯燥的节奏,而是有一段旋律在其中

插画师:曾桁

线条仿佛音符飘动,节奏舒缓而悠长

拼贴画
色块出现的方式很像一个一个音节,很有韵味

Panther by Brecht Evens

图书封面插画


画面细碎,音符感强烈,并且前景、后景仿佛两手连弹。

海报设计


前景风铃,后景低音炮。






伊朗封面设计


电音感,迷幻特征

复古海报epcot

有一丝小夜曲的感觉
Staatsballett berlin 海报 德国

金属质感的波动造型,形成音乐流动感

不用再举更多例子了。这些作品并非造型上单纯的重复,他们通过颜色、造型形成了各种有趣的节奏。并且我们能够感受这种画面的韵律。其实在绘画中更常见,为了保证篇幅不能过于长,这里就不增加更多案例了。

4

是否所有的画面

都能产生节奏与韵律


肯定不是所有画面都能够明显的节奏和韵律感。

假设作品的造型比较集中,无法造成阅读时间长的情况就很难形成音乐感。仿佛就只是发出一个声音一样,我把它成为单音节画面。

单音节画面

gebrauchsgraphik international advertising art februar 1969

如同一个单音节一样……咚……

然后余音不断


但很难形成一段旋律

kino海报


如同两个单音节,无法形成旋律。

gebrauchsgraphik international advertising art juni 1965

眼睛、嘴巴、耳朵,一眼看过去,信息马上获得。造型过于鲜明,仿佛三个单音节,无法形成一段节奏。


以上三张图就很有效的说明了所谓单音节的视觉感受是什么样的。此外我们再举一例:

这张海报中,如果只有小丑女的形象,就会象是只有一个单音节一样。但脸部出现的小飞人,就形成了细碎的造型,这些造型颜色变化很舒服,形成了音乐感相似的具有旋律的视觉感受。

除了单音节作品之外,还有连音节感都不明显的情况:

旋律不明显画面


根据前文中提示的旋律感产生的感受是因为有假设时间存在,或造型上的流动性形成的。那么有的作品由于造型上比较集中,阅读直观了然,作品的音乐感不是很明显。虽然旋律不明显,也不能说没有。只是由于视觉的冲击更大,没有必要转化为听觉感受。

call me your name 海报 2018年

电影《水形物语》海报

上述两张海报就是这样的情况。主题形象视觉冲击足够,而且直观,完整,造型上没有创造更多节奏感的空间,因而并不是具有很强的视觉音乐感。

单音节与韵律不明显的作品展示:

并不需要刻意追求韵律感与画面节奏感,符合主题需要的形式与配色,就是好的作品。但这与我们本文要讨论的问题不矛盾。

渐变色的音乐性感知


有的作品,对有的人来说是有音乐感的,对有的人来说很难体会到。这种情况下也是很常见的。

必定每个人的五感敏感度就是不同。加上个人经验、喜好、某一种感官敏感度极强,某一种感官极弱。因此审美感受不同是正常的。

台湾灯会2022年海报
比如这张海报,说它节奏旋律不强烈也可以,因为它似乎是三个单音,不断夸大音量的感觉。但是渐变色里面有着舒服的变化,这种变化虽然不如造型细碎的作品更容易感受到音乐感,但是色彩审美敏感的人,可以从中感受渐变色带来的音乐韵律。

你能从这四张作品的色彩与造型中感受到音律吗?

这就讲完了吗?不,重点来了——变奏与双旋律创作。


5
旋律与变奏
变奏与双旋律

只是有个节奏,比如1大大、2大大、3大大,这样跳舞的话,也是没意思的。所以要突然有一些激昂的高潮处理,就好像舞者突然来一个翻跟斗、下腰,弄个劈叉,做个高举……
总之,节奏的重复,其实是提供让变奏产生美感的机会。
变奏可以形成变化与冲突,以及美感。上个图例:

插画师:梁景红

在一个节奏中突然出现一个停顿,或者重音,或者变了一个旋律,就会形成一个很突兀的感觉。在视觉中会形成有趣的对比关系。

如同这里的鱼群飘过与企鹅在的一个图层上就产生了不同的节奏感。

插画师:梁景红
我们其实可以利用这种跳转音来进行信息传达。比如这里,我就是这样出生的,是大自然的恩赐。我足够特别,做个社畜不适合……

但这些类似一个音节凸现出来,算是一种变奏,如下图:

DUNKIRK电影海报

同样的节奏中,突然出现一张完整的脸。于是仿佛出现了一个完全不同的音。这里其实也是明度突然提高了,画面对比加强的一种结果。


永璞 super fd coffee 速溶咖啡

散包装节奏很稳定,突然出现一个完整包装。

插画师:felicita sala
在蓝色沉稳的调子里,出现一个明亮的小脸。总之插画作品这种方式就太常见了。不多举例了。


双旋律创作


如果画面中出现两个特别明显的不同旋律,会给画面增加比单音节变奏更有趣的效果。当然者是很难的。特别说明:这件事你最好全然交托给色彩来完成。仅仅是造型是不能帮你解决这件事的。

海报设计

有的人可能想,单旋律作品想要做出真正具有美感的效果就很难了,咋又提高难度了呢?。其实双旋律不代表特别复杂才能完成。比如这里的黄色就形成了一个旋律,蓝色与文字就形成另一个旋律。二者叠加后,形成了双旋律的设计。

海报设计

再看一张简单的。后景的旋律不明显。但前景橙色形成了如同奏响音符般的旋律感。因而形成了双韵律的效果。

插画师:felicita sala
‍‍‍‍‍‍‍
后景很轻松,前景略显厚重。如同不同高低音发出了不同的节奏。

海报设计

前景如同风铃发出的音乐,后景如同贝斯发出来的旋律。

双旋律的作品展示:


做好了的话,双旋律作品其实很有趣的。


本文原创,未经作者允许不可转载!
更多内容,欢迎关注作者微信公众号:梁景红色彩!


1条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩9天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩9天54人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩26天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证