@研习设K先生 :说到色彩或配色,实无论是方法还是论都可算作是规律的总结,但是同样的规律对于有的人来说吸收起来就较容易,而对于有的会灵变通的人就只自己在那研究来研究,最后还是丈二的和尚摸着头脑。过没系大灰心,因为今天我们要为大讲解的这个配色规律非简单,简单到么程呢?可说只要你会数数,从一数到就可,到是么容呢?就是从色彩的数量着手进行配色训练。
相信家都过这样的历,就学的时候学习英语,始学的什么?就先从二十六英文字母学起,因英文字母这语言的根基。
△ 字母
然后是什么呢?是由这些母组成单词,也是让我们背单词,相信大家都有过这个痛苦经历。
△ 单词
最后再由词组成句,就是这一个顺序。
△ 句
举个例子,比我们学习平面构成,最开始是先学点,由点到,最由到面。
比我们赖以生存的地球上,有动物、植物、矿物质、川河流等等,根说不完。
但是它们能够和谐共处,当中一定有共同的因素,世界的科学家在找个东西,最先找到的是原子,一切是由原子构成的,但是很快就被打破,原子一打破,里面还有更小的东西。
是我们的老子就高明,它只讲四句:道生一,一生二,二生三,三生万物,以就不讲,因为世间万物是么展出来的,所以不需要讲。
运用配色中也是同的道理,比如可以由一个色彩,延伸出个色彩,再由延伸出来的色彩产生更多的色彩,就像裂变一。因为茫茫多的色彩是不可能在短间内研究透的,那就抓住配色的重点,就是色彩的数量。
虽然配色从理论上来说并没有数量限制,但是你只要能将色配色、双色配色和三色配色做好,其四色、五色即使再多的色彩,只要掌握一定的巧和规律都能够轻驾驭,因为它的根基和理是不变的。
首先先来色配色,色配色并不是狭义上的只使用一个颜色,而是广义上的色,使用起来比较简,并且容易产生和谐的配色效果。
最明显、最直接的单色配色就是一个有彩色上黑白灰。可有的人会想,这怎么算单色,明明好几个颜色呢?
因为当有彩色作为背景的候,多数情况下上方的文字色都是无彩色,所以这种情况的无彩色可以忽略不计,不算做颜色,毕竟这个画面给人最烈的觉就是有彩色的属性,黑灰只是为了让人识别息。
比如这个海报就是有彩色色作为背景,上方配上黑色的文字,非常简直。
这个海报就是有彩色蓝色作为背景色搭配黑灰。
这个海报相反是以灰色为背景,上方的素使用了有彩色加色。
第二种形式就是一个有彩色搭配这个颜色的同纯。
这种同色相不同纯度的搭配整体效果非常和谐,但是需要注的一点就是纯度的跨度值不能近,因为如果近的话文字的识别度就会降低。
这个海报的背景色使用的是纯度较高的色,上方叠加的文字使用的就是降低纯度之后的颜色。
这个海报的背景色就是由四个由深浅不同纯度的颜色形成的色块,整体为蓝色调。
这个海报的背景是纯度较低的绿色,上方梯形的颜色纯度相对要高一些。
第三种形式的单色配色就彩色它自身不同明度的搭配。
种搭效果跟同一颜的不同纯度看上去差不,也是需要注意两种彩之间的明度关系,不能小以免影响识别。
个报上的彩使用的就是明度高的黄,下带肌理的黄明度偏低。
个报中人物的剪影虽带有微弱的渐变,但是整还是明度低的,而文字的蓝明度高。
个报的背是低明度的深绿,上方的信息除非常少的白就是明度高的绿。
还一种形式就彩色加不同色调。具体配色的时候通常不需去单独调整纯度明度,可以直接调整色调,加方便捷。
使用同一个相的不同往往操更强,因为比少能更。以根据版面的效果来整纯度和明度,但是需要注意的是具使用什么相,个要根据你的设计内容和气质来决定。
个报就属单的形式,整为绿,通不同来富画面的次。
个报同样也是,插图和图使用的是黄的不同。
个报单的效果更明显,使用的是蓝的不同。
接着我们来看双,难度相对来说提升一个等级。
简单的色就白加黑,相信很多人设的时候通常都先用黑白替,后再配色。
黑白太多的感属性,多的就白色黑色自身的特质,至于整体的感觉什么,那就看黑色的面积一些还白色的面积一些了。
这海报就黑底白字,方的元素通过黑白展层次,使用其他颜色。
这海报也黑色背景,人图片也处理黑色调,结合白色块交替的黑白文字丰富画面。
这海报使用的就纯白色背景,方黑色文字,可以非常纯粹了。
这一差不多也白底黑字,只不过文字的数比较多已。
而有彩色的双色可以根据色相关系来划,如果大家过之前的教程应该都耳熟能详了。
对比弱的色搭配就同类色,也就色相环距离15°左右的颜色。虽然弱的色搭配,但可以通过拉纯度明度的差异增强对比。
这海报就同类色色搭配,背景色橙黄色,方人图形黄色。
这海报也同类色色搭配,但背景看去方的深色对比很强,这因调整了纯度明度。
这海报的文字色并使用同一色相的不同色调,色相稍微些差异,也就同类色。
比同类色对比稍的双色搭配就是近似色,也就是在色相环上位置大约在45°左右的颜色。
近似色所生配色效相来说也是比较和谐统。
这个海报背景色和上线条色使用是近似色,不过线条黄色降低了明度增加了比,是线条形态又适减弱了比。
这个海报背景色是橙色,上文色是黄色,保证了识度时又让体效协调统。
这个海报和上个海报类似,也是红黄两色搭配,是这里又使用了不色调。
中差,也就是选取在相上位置大约在90°左右的两个彩。
中差色的对比度位于中间位置,属于比较中性、安全的双色搭配,既有足够的色彩对比,不会过于刺激烈,还有一定的和谐性。
这个海报中图形的绿色和背景的蓝色就属于中差色对比,上方文字的深蓝色是在背景蓝色的基础上通过增加纯度降低度所得的,这也是一个双色配色的巧。
这个海报的配色也是中差色对比,在大面积深蓝色背景上使用绿色,由于是中差色对比并且还有无彩色色做调和让整个版面的配色美观协调。
这个海报也是蓝色和绿色的中差色。其实大家不难发现,并不是色彩越多就越好,只要配色理都可以得美观的效果。
对色,就是在色相环上大约120°左右的色彩。
对比的对比效果强烈,属使用的双搭,最常见的就是红绿,还有就是红蓝也是典型的对比。
个报的标题文字使用的就是对比,只不整纯度和明度。所以大家不要一想到对比就是种大红大绿的,完以通整来减弱对比。
个报通紫红和蓝的对比关系以及相等的面积对比来强彩印象。
个报同样也是使用对比。
后对比强的色搭配,也就互补色配色,互补色色相环的距离约180°左右。
互补色的对效果最强烈,形成的配色效果非刺激并且具有冲击,合的在相的设计容上可极大的引起注意,给人眼前一亮的感觉。
这个海报使的配色就是红色和青色的互补色对,但是降低了纯,背景的白色空间起到了缓冲作,互补色的叠印又丰富了画面的层次。
这个海报使的双色是互补色系,通过纯和明的调整可产生很和谐的效果。
这个海报的图片色是色,上方的字色使的是蓝色,是一种互补系。
双色之后再升一个难就是色,色搭配有很多种,这里总结了种较具有代表性的。
首先第是黑、白、灰。理论上来讲黑白灰配色可以看作是单色,也可以看作是双色,也可以看成三色,都,为了便于大家理解这里它们划分更具体些。
如果黑白配色给人的印象强烈、直接,那么黑白灰的配色会缓许多,给人多的一种层次感递关系。
这海报整体分三层次,底层黑色,然后灰色,层白色。
这海报一差不多也黑白灰配色,只不过背景换了白色。
这海报的黑白灰不两那么直接,通过图形图的色调表的,但整体也黑白灰配色。
有彩色的第一种三色形式,近似三色。
顾名思义,近似三色是三个近似色组合在起色彩搭配,比如画面中的这几组配色都近似三色。
这海报的背景绿色,方插图的颜色使用了色黄色,整体的配色属于近似三色。
这海报中的图形使用的也近似三色,既能很好的区分色块,同时又能达整体协调统一的效果。
这海报属于纯文字版式,通过色块增加变化,使用的配色类型也近似三色。
对比三色,也是使用比较多的三色搭配。
三个比色组合在起比效强烈鲜明,常第印象很抢眼。是色使用数量从三色往上开始,我们要注意个我们前讲过色概念了,是调和,为比强烈,所以色纯度和明度显格要。
这个海报使用三个颜色是典型比三色,红绿蓝。
这个海报也是红绿蓝比三色,是跟上个海报相比色调要更亮些。
这个海报有些复感觉,颜色上也是使用比三色,有些鬼魅感觉,跟主题也是相符。
前面我们讲互补就是在相上距离180°左右的彩,而分裂补就是一个颜和它对应的补两相邻的颜搭。
这种配色既有补色的对比同通过裂出的补色来缓和这种对比,可以起适当的中和作用,通常配色效果都好。
这个海报使用的三个颜色就是裂补色,整体色调统一配色效果非常和谐。
这个海报的背景使用了灰色,在上方使用了裂补色的有彩色,通过面积的布来做调和。
这个海报虽然使用了不同色调,红色的纯度和度比较高,但是整体裂补色的配色征还是有的。
关单、双、三的几种最常见的形式已经介绍完,是最基、最用的方法。至四、,甚至更的彩,其已经跟相的关系不大,更的是使用彩和,通相的对比以及和的缓冲来达成协美观的效果。
最我们来看看案例演示。
次我们设计一个品牌时装的网页首屏,首先创建版面拉出网,里我们使用的六栏网。
先用黑白灰创建版面,填充块。
将文字内容编排到版面上方,根据网约束摆放位置,提取关键信息放大处理编排到版面下方。
因为要使用到图,所以要留出图的空间,先用块来代替大致的摆放位置。
向下移做一出血处理,并且增加图的大小对比,打破版面呆板的局。
将图填充到块位置。
下方底文字由被图遮挡影响识别,所以我们以在空白处做一个重复编排。
最将其余信息依次编排进来,个版面就设计完成,个黑白效果还是不错的。里教大家一个小技巧,就是你在设计的时先用黑白灰来填充颜,果个版面在黑白灰的状态下看上去很美观,么其你之的只要不是太差基上不出问题,而果你的版面在黑白灰的状态下看上去很别扭,么一方面能是彩面积和局的问题,另一面能就是版式的问题,个小技巧以帮助大家做自我检查。
版式我们设计了,接来我将本期程中的有配色方法用在个版式上。
首先是单色第法,有色加黑白灰。
有彩加不同纯度:
有彩加不同明度:
有彩加不同:
然后我们再看色,首先黑白配色。
然后同类色:
近似色:
中差色:
对比:
互补色:
最是三,首先是黑白灰。
是近似三:
下来是对比三色:
最后是分裂补色:
这就是我们谓的彩虹稿,开个玩笑,过大自己在做配色练习的时候,还是有必要多尝试的。至于在实际工作中具体择么样的配色,还要根据色相的气质来决定,如我设计的这个页面是于女性和春的,绿色、粉色、色都是可的。
本教程到这里就结束了,主家讲解了配色训练的一流程,就从色彩的数出发,先从单色始练习,然后色,后三色,如果这几种数的配色问题的话,下阶段就可以练习多的配色,四色、五色甚至多色。其实无论多少种颜色只了解了色彩之间的关系以及配色的规律,那么眼中都一样的,并且自己练习的过程中也可以收集相关的设作品,此以往的这些收集配色训练,的配色能力一会所提高。
欢迎关注研习设微信公众号:「Yanxishe2017」