配色总是不协调?很可能是你没弄懂这三点(视频教程)
点击下方观看视频版哦~
以下是图文版:
我们都知道在众多的色彩组合形式中,最为重要的两个就是色彩的统一与色彩的对比。色彩的统一与色彩的对比可以说看似对立但又有着紧密的联系,所以想要拥有较高的配色能力必须做到二者兼顾。但是对于学习而言也要有一个先后顺序,首先应该学会色彩的统一,其次在掌握好色彩的统一之后再进一步学习色彩的对比,最后将两者与色调结合相互配合使用。那么究竟如何达成协调统一的配色呢?本期文章我们就从色相、纯度、明度三个的角度来解决这个问题。
色相、纯度(也称饱和度、彩度)和明度被称为色彩的三要素。色相指的就是色彩的相貌和称谓,是区别不同色彩的最主要因素和最准确的标准,同时也是色彩最重要的特征之一。色相是人们对于色彩的第一印象,就好比色彩外表的肌肤,体现着色彩外向的性格。在通常情况下,色相以色彩的名称来体现,如基本色相红、橙、黄、绿、青、蓝、紫。
要表现色彩之间的关系和相互作用,最简单也最易懂的方式就是色相环或色相条,其中色相环运用得最为广泛,色相环就是将色相按照光谱顺序排列首尾相连形成的环状图形。上图我们所列举的是十二色相环,如果继续寻找中间色,即可延伸出二十四色相环和四十八色相环。
色相对于色彩来说就相当于人的相貌,我们通过人的相貌可以区别出男女老少,同样我们也可以通过色相来区别出不同色彩的特征以及情感属性或者印象。
就比如我们去商场里买鞋,你跟售货员说想要一双粉色的鞋子,相信售货员绝对不会拿出其他颜色的鞋子给你,这就是色相在起作用。
统一色相就是以相同或相近的色相来搭配,统一色相的配色具有协调感和一致性,有时也可以理解为单色配色。虽然这种配色方式并不是设计的首选,但是运用的巧妙往往会更加具有表现力容易脱颖而出。
统一色相并不是说“强迫症”式的使用一种颜色,也可以使用相同或相近的色相然后在其中加入纯度与明度的变化,如大自然中森林的绿色与海水的蓝色。
军队使用的迷彩就属于统一色相的配色,迷彩的目的就是要让物体与周围的环境融为一体,不容易被敌方发现。统一色相的配色往往会产生单调、乏味的印象。
使用色相相同,纯度或明度不同的色彩组合,整体会显得协调统一。
如果觉得单调也可以对色相进行细微的调整(必须是在色相环上位置相近的颜色),会使得配色效果增添变化性。
使用统一色相的配色,也需要注意色彩的面积,因为当色彩的面积比较小时,它们彼此之间的明度和纯度变化会难以识别(圆点部分)。
纯度是指色彩的鲜艳程度,也叫彩度、饱和度、鲜艳度。当一种色彩混入其他成分之后会产生新的色彩,它的纯度相对于原本的色彩就会降低。纯度越高色彩越鲜艳,纯度越低色彩越暗淡。
任何一种颜色与无彩色系黑白灰混合即可降低纯度,通常用一个水平的纯度色阶来表示色彩的纯度变化。
对于任何有色彩而言,如果加入白色会使得纯度降低、明度提高。
对于任何有色彩而言,加入中性灰色会使得纯度降低、明度不变。
对于任何有色彩而言,加入黑色会使得纯度降低、明度变低。
不同色相除了拥有各自的最高纯度外,它们之间也有纯度高低之分。红色是纯度最高的色相,蓝色和绿色是纯度相对较低的色相,因此相同明度下最纯的红色比最纯的蓝色和绿色看上去更加鲜艳。
无论是统一色相还是统一明度的配色,虽然会有略微变化与差异,但是几乎不会改变色彩的整体印象。然而统一纯度的配色却会随着纯度的变化而产生不同的印象,纯度对色彩的印象有较大影响。
纯度高的色彩可以给人刺激的印象,纯度低的色彩可以给人稳重的印象。如果将色相、纯度、明度以随机的方式变化,整体的配色效果就会失去统一性,并且也很难达到协调美观。
如果上图中色彩的色相保持不变,将纯度值调整成相近,整体的配色效果就会呈现出统一感与协调。
统一纯度且纯度较高的配色,色彩之间会产生冲突从而形成强烈的对比,色彩数量使用的越多,就越会形成热闹愉悦的印象。
色彩的数量越少,就越会呈现出强而有力的对比印象。
如果在色彩数量已经不多的情况下仍想继续降低冲突,那么可以在它们之间加入黑白灰无彩色来调和。
如果使用纯度较低的色彩来统一纯度,整个版面的色彩会比较偏灰,色彩的变化与冲突也会变弱,这时并不需要抑制色彩的数量,但是需要考虑设计的内容是否符合这种配色。
明度是指色彩的明亮程度,通常用高低来表示。色彩的明度与光的发射率有关,光于物体的表面反射得多吸收得就少,物体的色彩明度就趋于明亮;与之相反光于物体表面反射得少,吸收得就越多,物体的色彩明度就趋于暗淡。
明度最高的是白色,明度最低的是黑色。明度越高越接近白色,明度越低越接近黑色。
色彩的明度具体分为两种情况,一种是同色相的不同明度,一种是不同色相的不同明度。
不同的色相也具有不同的明度。在有彩色中明度最高的是黄色,仅次于白色,明度最低的是紫色,与黑色接近。此外,红色、橙色、蓝色、绿色的明度值接近,为中明度色。
相比于色相和纯度,明度更容易让人感受到视觉的变化。统一明度的配色与统一纯度的配色道理相同,只是出发点不同而已。统一明度能使整体带有均衡且平面的印象,通常使用在不需要做强调或对比的设计上。
虽然在色彩的数量上使用较多,但是只要色彩的明度统一就能表现出协调感,不会有哪些色彩过于突出,各色彩之间的分量不相上下。
如果某一颜色的明度与其余大多数颜色的明度不一致,那么就会形成有的颜色过于鲜明有的颜色过于暗淡的对比,使得整体失去了统一感。
统一明度的配色,如果纯度和明度都较低对比就会较弱,因此通常设计上不会全部使用明度一致的配色,可以结合色相和纯度的调整在某些色彩上加一些变化,但是变化的幅度需要控制在一定的范围内。
根据文案所提供的信息,我们可以提取关键词“NOON”作为海报的主体形象进行刻画。由于单词字母具有对称和连续两个“O”的因素,我们可以按照上下形式排列占据版面中心,以对角线对称的形式整体放大,通过左右偏移对首尾字母“N”作出血处理。
然后对字母“O”进行图形化处理,让它完全变成几何圆形,这一步主要是为了接下来图片的放置。
将字母“O”图形化之后我们将所提供的两张图片分别置入到两个圆形当中,并且适当调整人物的位置。为了增加画面的层次感,我们为两个字母“N”添加渐变效果。
同样为人物图片添加渐变效果,使得图片与文字的色调达成统一。将主标题作重复编排放置在左上角与右下角的对称位置。
将其余信息放置在右上角和左下角的位置,以此达到版面整体构图的平衡,最后将时间信息编排在中心位置,起到呼应与串联的作用,到此整个案例的版式部分就设计完成了,接下来开始为版面配色。
为了便于大家理解展示更多的配色可能性,所以这里我们的案例配色暂不考虑海报的风格与气质问题。第一组我们使用统一色相的配色方式,首先寻找一款主色作为背景色,这里我们选择偏青一些的绿色,然后降低它的纯度和明度。
接着根据主色选择副色,为字母“N”添加渐变色。之前我们讲过统一色相并非是色相的完全一致,这两个配色采用的正是差异很小并且在色相环上位置相近的蓝色与绿色。
接下来为人物图片添加渐变映射效果,从字母“N”上吸取绿色和蓝色作为人物的渐变色。
最后填充最上层的文字色,这里选择色相相近,纯度较低而明度偏高的淡色,以达到整体配色效果既有对比又有统一。
第二种配色思路我们采用统一纯度的方式,同样第一步也是确定背景色,这里我们选择偏紫一些的蓝色降低纯度。
根据主色背景色选择副色为字母“N”添加渐变,吸取背景主色保持纯度不变,上半部分为稍微降低明度的绿色,下半部分为比背景色偏蓝一些的蓝色。
同样人物上方叠加的渐变映射吸取的是字母“N”上的绿色和蓝色。
顶层文字的色彩选择,吸取背景色保持纯度相近,色相选择稍微偏绿一些的黄色,统一纯度的配色就完成了。通过纯度的统一可以使各色彩之间和谐共处,既有色相的强烈对比与又有纯度的和谐统一,当你采用统一纯度的配色时你会发现其实有很多种色彩搭配可以选择。
最后一种思路就是统一明度的配色,无论是决定采用统一色相还是统一纯度或者统一明度的配色方式,第一步都是要找到一个主色彩作为之后配色的参考。
以背景主色为参考,明度保持不变,只改变色相及纯度,那么无论选择什么色彩,他们在明度上都会呈现接近的状态,这也正是可以取得协调配色的原因所在。
配色需要灵活变通,不必过于依赖数值,有时也需要靠视觉效果进行微调,只要最终的配色效果统一协调那么我们的目的就达到了。
到这里三组配色思路已经分别演示完了,可以说道理和步骤几乎是相通的,并且软件操作部分也十分简单,赶快放进你的配色技能包吧!
本期文章我们重新认识了色相、纯度、明度这色彩三要素,并且学会了如何通过统一色相、统一纯度、统一明度取得协调的配色效果。这些都是色彩中最基础的部分,如果说从色相、纯度、明度的角度去配色是加法,那么从色调的角度去配色就是乘法,乘法的优势就是计算的快,缺点就是容易出错;而加法虽然计算的速度慢但是却不容易出错,希望大家要懂得这个道理。本期文章我们着重讲解的是协调而统一的配色,如果有机会之后我们也会讲解关于如何取得突出对比的配色,这两种相辅相成的思路可以说是配色的关键,如果本篇文章让你所有收获,那就点赞支持一下吧!
错过上方精彩视频教程,点我一样可以观看哦~
本期的内容学会了吗?下面为大家提供了几张海报来检验自己的学习成果哦~
往期精彩内容推荐(点击观看视频教程)
长按二维码关注研习设
每周一篇原创、精品设计文章
(每周四晚9:00)
欢迎个人转发,转载请参照“转载须知”