赞助商
立即赞助

所谓配色达人,就是一次出48个方案

平面设计3年前 (2021)发布 流光
4.5K 0 0

@研习设K先生 :说到色彩或配色,实无论是方法还是论都可算作是规律的总结,但是同样的规律对于有的人来说吸收起来就较容易,而对于有的会灵变通的人就只自己在那研究来研究,最后还是丈二的和尚摸着头脑。过没系大灰心,因为今天我们要为大讲解的这个配色规律非简单,简单到么程呢?可说只要你会数数,从一数到就可,到是么容呢?就是从色彩的数量着手进行配色训练。

相信家都过这样的历,就学的时候学习英语,始学的什么?就先从二十六英文字母学起,因英文字母这语言的根基。

所谓配色达人,就是一次出48个方案

△ 字母

然后是什么呢?是由这些母组成单词,也是让我们背单词,相信大家都有过这个痛苦经历。

所谓配色达人,就是一次出48个方案

△ 单词

最后再由词组成句,就是这一个顺序。

所谓配色达人,就是一次出48个方案

△ 句

举个例子,比我们学习平面构成,最开始是先学点,由点到,最由到面。

所谓配色达人,就是一次出48个方案

比我们赖以生存的地球上,有动物、植物、矿物质、川河流等等,根说不完。

所谓配色达人,就是一次出48个方案

但是它们能够和谐共处,当中一定有共同的因素,世界的科学家在找个东西,最先找到的是原子,一切是由原子构成的,但是很快就被打破,原子一打破,里面还有更小的东西。

所谓配色达人,就是一次出48个方案

是我们的老子就高明,它只讲四句:道生一,一生二,二生三,三生万物,以就不讲,因为世间万物是么展出来的,所以不需要讲。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

运用配色中也是同的道理,比如可以由一个色彩,延伸出个色彩,再由延伸出来的色彩产生更多的色彩,就像裂变一。因为茫茫多的色彩是不可能在短间内研究透的,那就抓住配色的重点,就是色彩的数量。

所谓配色达人,就是一次出48个方案

虽然配色从理论上来说并没有数量限制,但是你只要能将色配色、双色配色和三色配色做好,其四色、五色即使再多的色彩,只要掌握一定的巧和规律都能够轻驾驭,因为它的根基和理是不变的。

单色

首先先来色配色,色配色并不是狭义上的只使用一个颜色,而是广义上的色,使用起来比较简,并且容易产生和谐的配色效果。

  1. 有色+黑白灰

所谓配色达人,就是一次出48个方案

最明显、最直接的单色配色就是一个有彩色上黑白灰。可有的人会想,这怎么算单色,明明好几个颜色呢?

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

因为当有彩色作为背景的候,多数情况下上方的文字色都是无彩色,所以这种情况的无彩色可以忽略不计,不算做颜色,毕竟这个画面给人最烈的觉就是有彩色的属性,黑灰只是为了让人识别息。

所谓配色达人,就是一次出48个方案

比如这个海报就是有彩色色作为背景,上方配上黑色的文字,非常简直。

所谓配色达人,就是一次出48个方案

这个海报就是有彩色蓝色作为背景色搭配黑灰。

所谓配色达人,就是一次出48个方案

这个海报相反是以灰色为背景,上方的素使用了有彩色加色。

  2. 有色+不纯度

所谓配色达人,就是一次出48个方案

第二种形式就是一个有彩色搭配这个颜色的同纯。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

这种同色相不同纯度的搭配整体效果非常和谐,但是需要注的一点就是纯度的跨度值不能近,因为如果近的话文字的识别度就会降低。

所谓配色达人,就是一次出48个方案

这个海报的背景色使用的是纯度较高的色,上方叠加的文字使用的就是降低纯度之后的颜色。

所谓配色达人,就是一次出48个方案

这个海报的背景色就是由四个由深浅不同纯度的颜色形成的色块,整体为蓝色调。

所谓配色达人,就是一次出48个方案

这个海报的背景是纯度较低的绿色,上方梯形的颜色纯度相对要高一些。

  3. 有色+不明度

第三种形式的单色配色就彩色它自身不同明度的搭配。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

种搭效果跟同一颜的不同纯度看上去差不,也是需要注意两种彩之间的明度关系,不能小以免影响识别。

所谓配色达人,就是一次出48个方案

个报上的彩使用的就是明度高的黄,下带肌理的黄明度偏低。

所谓配色达人,就是一次出48个方案

个报中人物的剪影虽带有微弱的渐变,但是整还是明度低的,而文字的蓝明度高。

所谓配色达人,就是一次出48个方案

个报的背是低明度的深绿,上方的信息除非常少的白就是明度高的绿。

  4. 有彩色+不同色调

所谓配色达人,就是一次出48个方案

还一种形式就彩色加不同色调。具体配色的时候通常不需去单独调整纯度明度,可以直接调整色调,加方便捷。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

使用同一个相的不同往往操更强,因为比少能更。以根据版面的效果来整纯度和明度,但是需要注意的是具使用什么相,个要根据你的设计内容和气质来决定。

所谓配色达人,就是一次出48个方案

个报就属单的形式,整为绿,通不同来富画面的次。

所谓配色达人,就是一次出48个方案

个报同样也是,插图和图使用的是黄的不同。

所谓配色达人,就是一次出48个方案

个报单的效果更明显,使用的是蓝的不同。

双色

接着我们来看双,难度相对来说提升一个等级。

  1. 黑

所谓配色达人,就是一次出48个方案

简单的色就白加黑,相信很多人设的时候通常都先用黑白替,后再配色。

所谓配色达人,就是一次出48个方案

黑白太多的感属性,多的就白色黑色自身的特质,至于整体的感觉什么,那就看黑色的面积一些还白色的面积一些了。

所谓配色达人,就是一次出48个方案

这海报就黑底白字,方的元素通过黑白展层次,使用其他颜色。

所谓配色达人,就是一次出48个方案

这海报也黑色背景,人图片也处理黑色调,结合白色块交替的黑白文字丰富画面。

所谓配色达人,就是一次出48个方案

这海报使用的就纯白色背景,方黑色文字,可以非常纯粹了。

所谓配色达人,就是一次出48个方案

这一差不多也白底黑字,只不过文字的数比较多已。

  2. 同类色

所谓配色达人,就是一次出48个方案

而有彩色的双色可以根据色相关系来划,如果大家过之前的教程应该都耳熟能详了。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

对比弱的色搭配就同类色,也就色相环距离15°左右的颜色。虽然弱的色搭配,但可以通过拉纯度明度的差异增强对比。

所谓配色达人,就是一次出48个方案

这海报就同类色色搭配,背景色橙黄色,方人图形黄色。

所谓配色达人,就是一次出48个方案

这海报也同类色色搭配,但背景看去方的深色对比很强,这因调整了纯度明度。

所谓配色达人,就是一次出48个方案

这海报的文字色并使用同一色相的不同色调,色相稍微些差异,也就同类色。

  3. 似色

所谓配色达人,就是一次出48个方案

比同类色对比稍的双色搭配就是近似色,也就是在色相环上位置大约在45°左右的颜色。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

近似色所生配色效相来说也是比较和谐统。

所谓配色达人,就是一次出48个方案

这个海报背景色和上线条色使用是近似色,不过线条黄色降低了明度增加了比,是线条形态又适减弱了比。

所谓配色达人,就是一次出48个方案

这个海报背景色是橙色,上文色是黄色,保证了识度时又让体效协调统。

所谓配色达人,就是一次出48个方案

这个海报和上个海报类似,也是红黄两色搭配,是这里又使用了不色调。

  4. 中差色

所谓配色达人,就是一次出48个方案

中差,也就是选取在相上位置大约在90°左右的两个彩。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

中差色的对比度位于中间位置,属于比较中性、安全的双色搭配,既有足够的色彩对比,不会过于刺激烈,还有一定的和谐性。

所谓配色达人,就是一次出48个方案

这个海报中图形的绿色和背景的蓝色就属于中差色对比,上方文字的深蓝色是在背景蓝色的基础上通过增加纯度降低度所得的,这也是一个双色配色的巧。

所谓配色达人,就是一次出48个方案

这个海报的配色也是中差色对比,在大面积深蓝色背景上使用绿色,由于是中差色对比并且还有无彩色色做调和让整个版面的配色美观协调。

所谓配色达人,就是一次出48个方案

这个海报也是蓝色和绿色的中差色。其实大家不难发现,并不是色彩越多就越好,只要配色理都可以得美观的效果。

  5. 比色

所谓配色达人,就是一次出48个方案

对色,就是在色相环上大约120°左右的色彩。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

对比的对比效果强烈,属使用的双搭,最常见的就是红绿,还有就是红蓝也是典型的对比。

所谓配色达人,就是一次出48个方案

个报的标题文字使用的就是对比,只不整纯度和明度。所以大家不要一想到对比就是种大红大绿的,完以通整来减弱对比。

所谓配色达人,就是一次出48个方案

个报通紫红和蓝的对比关系以及相等的面积对比来强彩印象。

所谓配色达人,就是一次出48个方案

个报同样也是使用对比。

  6. 互补色

所谓配色达人,就是一次出48个方案

后对比强的色搭配,也就互补色配色,互补色色相环的距离约180°左右。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

互补色的对效果最强烈,形成的配色效果非刺激并且具有冲击,合的在相的设计容上可极大的引起注意,给人眼前一亮的感觉。

所谓配色达人,就是一次出48个方案

这个海报使的配色就是红色和青色的互补色对,但是降低了纯,背景的白色空间起到了缓冲作,互补色的叠印又丰富了画面的层次。

所谓配色达人,就是一次出48个方案

这个海报使的双色是互补色系,通过纯和明的调整可产生很和谐的效果。

所谓配色达人,就是一次出48个方案

这个海报的图片色是色,上方的字色使的是蓝色,是一种互补系。

三色

双色之后再升一个难就是色,色搭配有很多种,这里总结了种较具有代表性的。

  1. 黑白灰

所谓配色达人,就是一次出48个方案

首先第是黑、白、灰。理论上来讲黑白灰配色可以看作是单色,也可以看作是双色,也可以看成三色,都,为了便于大家理解这里它们划分更具体些。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

如果黑白配色给人的印象强烈、直接,那么黑白灰的配色会缓许多,给人多的一种层次感递关系。

所谓配色达人,就是一次出48个方案

这海报整体分三层次,底层黑色,然后灰色,层白色。

所谓配色达人,就是一次出48个方案

这海报一差不多也黑白灰配色,只不过背景换了白色。

所谓配色达人,就是一次出48个方案

这海报的黑白灰不两那么直接,通过图形图的色调表的,但整体也黑白灰配色。

  2. 似色

所谓配色达人,就是一次出48个方案

有彩色的第一种三色形式,近似三色。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

顾名思义,近似三色是三个近似色组合在起色彩搭配,比如画面中的这几组配色都近似三色。

所谓配色达人,就是一次出48个方案

这海报的背景绿色,方插图的颜色使用了色黄色,整体的配色属于近似三色。

所谓配色达人,就是一次出48个方案

这海报中的图形使用的也近似三色,既能很好的区分色块,同时又能达整体协调统一的效果。

所谓配色达人,就是一次出48个方案

这海报属于纯文字版式,通过色块增加变化,使用的配色类型也近似三色。

  3. 对色

所谓配色达人,就是一次出48个方案

对比三色,也是使用比较多的三色搭配。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

三个比色组合在起比效强烈鲜明,常第印象很抢眼。是色使用数量从三色往上开始,我们要注意个我们前讲过色概念了,是调和,为比强烈,所以色纯度和明度显格要。

所谓配色达人,就是一次出48个方案

这个海报使用三个颜色是典型比三色,红绿蓝。

所谓配色达人,就是一次出48个方案

这个海报也是红绿蓝比三色,是跟上个海报相比色调要更亮些。

所谓配色达人,就是一次出48个方案

这个海报有些复感觉,颜色上也是使用比三色,有些鬼魅感觉,跟主题也是相符。

  4. 分裂互补

所谓配色达人,就是一次出48个方案

前面我们讲互补就是在相上距离180°左右的彩,而分裂补就是一个颜和它对应的补两相邻的颜搭。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

这种配色既有补色的对比同通过裂出的补色来缓和这种对比,可以起适当的中和作用,通常配色效果都好。

所谓配色达人,就是一次出48个方案

这个海报使用的三个颜色就是裂补色,整体色调统一配色效果非常和谐。

所谓配色达人,就是一次出48个方案

这个海报的背景使用了灰色,在上方使用了裂补色的有彩色,通过面积的布来做调和。

所谓配色达人,就是一次出48个方案

这个海报虽然使用了不同色调,红色的纯度和度比较高,但是整体裂补色的配色征还是有的。

关单、双、三的几种最常见的形式已经介绍完,是最基、最用的方法。至四、,甚至更的彩,其已经跟相的关系不大,更的是使用彩和,通相的对比以及和的缓冲来达成协美观的效果。

案例演示

最我们来看看案例演示。

所谓配色达人,就是一次出48个方案

次我们设计一个品牌时装的网页首屏,首先创建版面拉出网,里我们使用的六栏网。

所谓配色达人,就是一次出48个方案

先用黑白灰创建版面,填充块。

所谓配色达人,就是一次出48个方案

将文字内容编排到版面上方,根据网约束摆放位置,提取关键信息放大处理编排到版面下方。

所谓配色达人,就是一次出48个方案

因为要使用到图,所以要留出图的空间,先用块来代替大致的摆放位置。

所谓配色达人,就是一次出48个方案

向下移做一出血处理,并且增加图的大小对比,打破版面呆板的局。

所谓配色达人,就是一次出48个方案

将图填充到块位置。

所谓配色达人,就是一次出48个方案

下方底文字由被图遮挡影响识别,所以我们以在空白处做一个重复编排。

所谓配色达人,就是一次出48个方案

最将其余信息依次编排进来,个版面就设计完成,个黑白效果还是不错的。里教大家一个小技巧,就是你在设计的时先用黑白灰来填充颜,果个版面在黑白灰的状态下看上去很美观,么其你之的只要不是太差基上不出问题,而果你的版面在黑白灰的状态下看上去很别扭,么一方面能是彩面积和局的问题,另一面能就是版式的问题,个小技巧以帮助大家做自我检查。

版式我们设计了,接来我将本期程中的有配色方法用在个版式上。

  1. 色应用

首先是单色第法,有色加黑白灰。

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

有彩加不同纯度:

所谓配色达人,就是一次出48个方案

有彩加不同明度:

所谓配色达人,就是一次出48个方案

有彩加不同:

所谓配色达人,就是一次出48个方案

  2. 双色应用

然后我们再看色,首先黑白配色。

所谓配色达人,就是一次出48个方案

然后同类色:

所谓配色达人,就是一次出48个方案

近似色:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

中差色:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

对比:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

互补色:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

  3. 色应

最是三,首先是黑白灰。

所谓配色达人,就是一次出48个方案

是近似三:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

下来是对比三色:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

最后是分裂补色:

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

所谓配色达人,就是一次出48个方案

这就是我们谓的彩虹稿,开个玩笑,过大自己在做配色练习的时候,还是有必要多尝试的。至于在实际工作中具体择么样的配色,还要根据色相的气质来决定,如我设计的这个页面是于女性和春的,绿色、粉色、色都是可的。

本教程到这里就结束了,主家讲解了配色训练的一流程,就从色彩的数出发,先从单色始练习,然后色,后三色,如果这几种数的配色问题的话,下阶段就可以练习多的配色,四色、五色甚至多色。其实无论多少种颜色只了解了色彩之间的关系以及配色的规律,那么眼中都一样的,并且自己练习的过程中也可以收集相关的设作品,此以往的这些收集配色训练,的配色能力一会所提高。

欢迎关注研习设微信公众号:「Yanxishe2017」

所谓配色达人,就是一次出48个方案

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

这一期是版式三部曲的最后一篇内容了,这次打算跟大家简单聊一聊配色的问题。 如果说构图相当于骨架,文字相当于五官,那配...
平面设计
简单易用,8 步制作出属于自己的色板。
色卡
@研习设K先生 :什么是正负形?这种表现形式的优势在哪?如何设计出一款让人惊艳的正负形?今天的内容会帮助你系统的梳理一遍...
logo
@研习设K先生 :配色是很多人都比较关心的一个问题,之前的教程我也给大家讲解过一些配色思路和配色方法,而今天我就教大家一...
入门
界面配色 2016 年玩追波的时候,有幸加入了 FreedomUnion 团队,当时团队内的小D(Dea_n)的界面渐变风很受欢迎,他使用的颜...
水手哥学设计
@研习设K先生 :我们在日常工作中几乎离不开扭曲和变形工具,它可以帮助一个设计师校正一个元素的透视关系,或者为设计好的标...
平面设计
@研习设K先生 :我们都知道,文字与图片是版面中重要的视觉元素,文字的排列决定了受众的阅读效果,而图片则更容易吸引受众的...
图文排版
@研习设K先生 :之前有一期《那些用色高手,都做过这些训练!》教程给大家讲解了一些基础入门的色彩训练方法,今天同样给大家...
色彩搭配