【设计干货】如何用色彩表达视觉中的节奏与韵律？
作者：梁景红，来源：梁景红色彩
原标题：如何用色彩表达视觉中的节奏与韵律——这次题目有点大
目录：
1、明度与音乐节拍的对应
2、音节形成节拍，节拍形成节奏，节奏有强、弱差异
3、视觉音乐感是怎么产生的
4、是否所有画面都能产生节奏与韵律5、变奏的作用，双旋律创作
所谓节奏，比如每天的生活就是吃饭、工作、睡觉（类似于节拍），重复起来就是一种生活节奏，在生活中找到舒适感，美化它就形成了有韵律感的审美感受。节奏有快、有慢，有强、有弱。类似于快节奏生活、慢节奏生活。由于我们五感相通，平面设计和插画的画面中也可以找到相同的感受。画面中节奏与韵律形成完全离不开色彩的作用。
色彩的韵律感从哪里开始聊比较好呢？
以节拍为单位，有强、弱的感受，重复节拍或自由变化节拍，可以形成一段有韵律感的节奏，这里就具备了审美的条件，有美感的东西我们会说有韵律感，没有美感，我们就会觉得是噪音。我们要先从节拍开始聊起。
一、明度与音乐节拍的对应
明度绝对是建立节奏与韵律的手段之一。明度其实就是光的强、弱变化。明度高，颜色就亮。明度低，就暗。亮、暗与音乐中音节的强、弱很接近。因而利用明度的强度变化，可以表达出节奏感。
黑白灰只有明度变化，没有色相。也称为无彩色。黑白灰的强弱感变化，可以对应音节中的do re mi fa so la xi do。这一点可以清晰的感受到。
有彩色（纯色状态）天生明度不同。也就是说。纯色的黄色最为明亮，因此对应最高音。而深蓝色明度最低，对应最低音。
以前有一位一线大厂牌的设计师不太懂这件事，当他设计优惠卡UI界面的时候，要把很多张不同颜色的优惠卡放在一个界面上，然而，因为把同样纯度的不同颜色放一起时候，非常不协调，曾问过我，该怎么办？实际上就是因为这样颜色天生的明度不同，肯定会有一种跳跃感。就好像他们彼此天生不在一个音调上一样，如果想要他们协调，需要做明度调整才可以。
在单色系中投入白色，颜色会逐渐明亮起来。这种感受与音节变化类似。
试着把黄、红、蓝、紫放在一起，都做等差的明度变化。由于他们的明度起点不同，明度即使做了等差变化，明亮等级实际上并不匹配。也就是说。假设我们定第5列的黄色为do，而第7列的红色才能是do，第6列的蓝色才能是do，以及最后7、8列之间的紫色才能是do。
如图，把上述有彩色转化为灰度图，就可以看到只有这样排列，他们才能接近渐变提升明度的效果。
如图，当我们重新调整明度，才能使颜色在一个“音调”上。换个话说也可以叫做色调一致。但是纯度色调也是一个常用色调，但是你不能说它的音调感一致，他们只是都是纯色而已，明度感受其实非常不同的。上述已经讲得很清楚了。
暗沉色调内部的颜色基本上明度一致。明亮色调的不同颜色的明度也略有差别。因此我们不能用色调完全概括色彩音调感这件事。
二、单音节形成节拍
单音节或多音节组合起来，形成一种节拍。
节拍形成节奏节拍重复形成节奏。节奏有强与弱的差异既然有节奏，就有强弱差别。
我记得一次去金犊奖做评委，在一个空闲时间看到另一位评委老师给一个学生解答问题，什么缘由不记得了，似乎说她不知道画面节奏这件事，于是动手在桌子上敲起来，发出咚、咚、咚咚咚、咚咚、咚……类似的声音。这个片段，一直在记忆里。明度与音节对应的问题前面讲完了，接下来需要让明度变化形成一个节拍。例如，一大大、二大大……类似这样，但是为了更好说明问题，我们先让两个颜色组合并重复出现。首先感受节拍的强弱这件事。
两个音，比较接近，感觉上会形成较弱的视觉对比，此时感觉到的是，这个节拍比较弱。
两个颜色对比强度大，感觉形成了一个很强的节拍。
加入稍许造型变化，仿佛音之间有了时间上的停顿。或者换了乐器演奏一般，但是音的强弱差别，还是通过明度实现的：
我们试着调整造型，造型变化对画面节奏表达有没有影响？当然。
但是节奏强弱还是依旧很明显的，这是由明度对比确定的。
然而当造型变化加入手，画面出现更多的可以探究的东西，就形成了新的审美感受，此时如果是愉悦的，我们会觉得它是一段有趣的旋律，枯燥感也会消失。
我们试着把单色当做单音节，将他们排列在一起，换成有彩色。就会从画面中感受到一段节奏：
这些图的造型比较板正，单色如同单个音符，他们组合起来虽然没有形成一段自由奔放的旋律，但是可以感受到一个明显的节奏感。不同色相的颜色具有不同的明度，加上色相、面积等元素，画面的音符强弱感也十分鲜明。
比如左边海报的蓝色是一个音，而红色圈圈是一个音，有停顿、有击打，发出一段音乐。右边的海报也是如此，节奏强弱变化，有高音，有低音。形成一小段节奏。
之所以没有感受到旋律，仅仅是一段具有节奏感的内容，是因为色彩音节只是几个音放在哪里，演奏长度不够。所以我们只能感受到一小段由音节组成的优美节奏，还不能说感受到了一段旋律。总之，如同这两幅作品的旋律美感并不强烈，节奏美感是有的。
我们接着把明度节奏的话题讨论完，把纯黑白的抽象造型换成插画：
插画：梁景红
有了造型，有趣的节奏感就更多了。因为明度接近，企鹅造型内部与外部都能形成不同的对比关系，但是总体来说是比较弱的，因此是感受到一个比较轻的节拍。
同时，因为几个企鹅挨着，会专门空出一个位置，就使得这种节奏感更有趣。不仅仅是企鹅自身的，而是企鹅与空白也产生了新的变化。
插画：梁景红
因为明度反差大，就可以形成较强的对比关系，感受上是一个较强的节奏。不仅仅如此，试着做出一个特殊节拍（第二排），会发现有舒缓感，有急促感产生。
海报设计、字体设计
这两张海报设计，都只用到了明度变化。可以让人很容易与音乐相通的韵律感。为什么此处不是单纯的节奏感，而是具备了韵律感了呢？
因为几个节拍形成了一段节奏，而节奏重复或变化的出现，会形成一种有趣的乐曲韵律。比如这里虽然是黑白明度变化，但是变化陪同造型变化，使得变化复杂了。明度虽然仅仅代表高低音，但是造型却增加了各种新节奏的变化。 如同表演方式，音有长、有短、有间隔、有急促，就形成了一段乐曲的感觉。韵律感由此而生。
除了黑白灰可以形成节奏之外，有彩色的作品当然会让画面旋律更丰富，更美妙。
海报设计、封面设计
以上作品的视觉音乐感都特别强，感觉很有趣。
其实造型的出现，可以很好的形成不同乐器呈现的各种特色。因为音乐除了节奏之外，还有曲调、和声、力度、速度、调式、曲式等表现手段。颜色配合造型才能形成如同交响乐、轻音乐、小调、摇滚乐、鼓声、钢琴、风琴、风铃等等各种各样丰富的审美感受。
三、视觉音乐感怎么产生的
音乐感讨论就是旋律、韵律，并非只是节奏。
懂音乐的人知道，真正的音乐不是两个节拍一直重复，而是自由变化组成美好动人的旋律。不好听的音节组合在一起就是一段噪音。同理，这种审美感受在绘画、设计中也是有的，不好看的配色就好像噪音一样。好的画面就好像有了很美的音乐感一样。
音节组成节拍、重复节拍为节奏、自由变化成旋律，然而，当耳根听一段音乐的时候，每个音节出现都是依次出现的。也就是说“阅读”音乐是要有时间过程的。一个五分钟的乐曲，你不可能在同一秒钟获得全部的音符，对吗？
然而，视觉可以一瞬间获得整个画面的信息。
那么好了。这种从画面中获得节奏和韵律感到底怎么产生的？是不是所有的画面都有这种审美感受？
1、造型上建立细碎的物体，填入不同颜色，依靠造型的细碎感形成音符感，并且颜色安排很美妙和谐，你可以从这种造型的细碎上，进行与音乐的音节类似的共鸣，由此感受画面音乐感。
插画师：曾桁
2、阅读画面时候，视线移动，产生了时间长度，此时这种个人主观感受可以转化为类似听音乐一样的缓慢看“色”的雷同感受，类似下图。
绘本 be a tree 封面插画师：felicita sala
如果慢慢的从左阅读到右侧就会形成时间差，仿佛欣赏音符流动一样
3、造型上具有强而有力的音乐感冲击，比如渐变风格、颜色造型上重复出现形成节奏等，这样也可以形成画面的音乐感。类似下图
4、综合以上几种情况共同制造画面韵律与节奏，形成可以达成听觉共鸣的韵律感
封面设计：颜色的这种飘逸、自在，造型圆形为基础，让人感受到类似很轻快的小调的视觉韵律。
Gebrauchsgraphik international advertising art oktober 1969 B 3149E 杂志插图
这样的画面中有很强的音乐节奏感，并不是枯燥的节奏，而是有一段旋律在其中
插画师：曾桁
线条仿佛音符飘动，节奏舒缓而悠长
拼贴画：色块出现的方式很像一个一个音节，很有韵味
Panther by Brecht Evens图书封面插画：画面细碎，音符感强烈，并且前景、后景仿佛两手连弹。
海报设计：前景风铃，后景低音炮。
伊朗封面设计：电音感，迷幻特征
复古海报epcot：有一丝小夜曲的感觉
Staatsballett berlin 海报 德国：金属质感的波动造型，形成音乐流动感
不用再举更多例子了。这些作品并非造型上单纯的重复，他们通过颜色、造型形成了各种有趣的节奏。并且我们能够感受这种画面的韵律。其实在绘画中更常见，为了保证篇幅不能过于长，这里就不增加更多案例了。
四、是否所有的画面
都能产生节奏与韵律
肯定不是所有画面都能够明显的节奏和韵律感。
假设作品的造型比较集中，无法造成阅读时间长的情况就很难形成音乐感。仿佛就只是发出一个声音一样，我把它成为单音节画面。
1、单音节画面
gebrauchsgraphik international advertising art februar 1969
如同一个单音节一样……咚……然后余音不断，但很难形成一段旋律
kino海报：如同两个单音节，无法形成旋律。
gebrauchsgraphik international advertising art juni 1965
眼睛、嘴巴、耳朵，一眼看过去，信息马上获得。造型过于鲜明，仿佛三个单音节，无法形成一段节奏。
以上三张图就很有效的说明了所谓单音节的视觉感受是什么样的。此外我们再举一例：
这张海报中，如果只有小丑女的形象，就会象是只有一个单音节一样。但脸部出现的小飞人，就形成了细碎的造型，这些造型颜色变化很舒服，形成了音乐感相似的具有旋律的视觉感受。
除了单音节作品之外，还有连音节感都不明显的情况：
2、旋律不明显画面
根据前文中提示的旋律感产生的感受是因为有假设时间存在，或造型上的流动性形成的。那么有的作品由于造型上比较集中，阅读直观了然，作品的音乐感不是很明显。虽然旋律不明显，也不能说没有。只是由于视觉的冲击更大，没有必要转化为听觉感受。
call me your name 海报 2018年
电影《水形物语》海报
上述两张海报就是这样的情况。主题形象视觉冲击足够，而且直观，完整，造型上没有创造更多节奏感的空间，因而并不是具有很强的视觉音乐感。
单音节与韵律不明显的作品展示：
并不需要刻意追求韵律感与画面节奏感，符合主题需要的形式与配色，就是好的作品。但这与我们本文要讨论的问题不矛盾。
3、渐变色的音乐性感知
有的作品，对有的人来说是有音乐感的，对有的人来说很难体会到。这种情况下也是很常见的。
必定每个人的五感敏感度就是不同。加上个人经验、喜好、某一种感官敏感度极强，某一种感官极弱。因此审美感受不同是正常的。
台湾灯会2022年海报
比如这张海报，说它节奏旋律不强烈也可以，因为它似乎是三个单音，不断夸大音量的感觉。但是渐变色里面有着舒服的变化，这种变化虽然不如造型细碎的作品更容易感受到音乐感，但是色彩审美敏感的人，可以从中感受渐变色带来的音乐韵律。
你能从这四张作品的色彩与造型中感受到音律吗？
这就讲完了吗？不，重点来了——变奏与双旋律创作。
五、旋律与变奏变奏与双旋律
只是有个节奏，比如1大大、2大大、3大大，这样跳舞的话，也是没意思的。所以要突然有一些激昂的高潮处理，就好像舞者突然来一个翻跟斗、下腰，弄个劈叉，做个高举……总之，节奏的重复，其实是提供让变奏产生美感的机会。
变奏可以形成变化与冲突，以及美感。上个图例：
插画师：梁景红
在一个节奏中突然出现一个停顿，或者重音，或者变了一个旋律，就会形成一个很突兀的感觉。在视觉中会形成有趣的对比关系。
如同这里的鱼群飘过与企鹅在的一个图层上就产生了不同的节奏感。
插画师：梁景红
我们其实可以利用这种跳转音来进行信息传达。比如这里，我就是这样出生的，是大自然的恩赐。我足够特别，做个社畜不适合……
但这些类似一个音节凸现出来，算是一种变奏，如下图：
DUNKIRK电影海报
同样的节奏中，突然出现一张完整的脸。于是仿佛出现了一个完全不同的音。这里其实也是明度突然提高了，画面对比加强的一种结果。
永璞 super fd coffee 速溶咖啡：散包装节奏很稳定，突然出现一个完整包装。
插画师：felicita sala
在蓝色沉稳的调子里，出现一个明亮的小脸。总之插画作品这种方式就太常见了。不多举例了。
双旋律创作
如果画面中出现两个特别明显的不同旋律，会给画面增加比单音节变奏更有趣的效果。当然者是很难的。特别说明：这件事你最好全然交托给色彩来完成。仅仅是造型是不能帮你解决这件事的。
海报设计
有的人可能想，单旋律作品想要做出真正具有美感的效果就很难了，咋又提高难度了呢？。其实双旋律不代表特别复杂才能完成。比如这里的黄色就形成了一个旋律，蓝色与文字就形成另一个旋律。二者叠加后，形成了双旋律的设计。
海报设计
再看一张简单的。后景的旋律不明显。但前景橙色形成了如同奏响音符般的旋律感。因而形成了双韵律的效果。
插画师：felicita sala
后景很轻松，前景略显厚重。如同不同高低音发出了不同的节奏。
海报设计
前景如同风铃发出的音乐，后景如同贝斯发出来的旋律。
双旋律的作品展示：
做好了的话，双旋律作品其实很有趣的。
本来想做案例，感觉是在撑不住了。歇了~
下次见！
作者公众号：梁景红色彩（ID：relenl）
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
参与评论
参与评论
推荐评论
全部评论（6条）