来自于K先生的配色法则

本文主要介绍配色四分法的原理以及在实际案例中的运用。

这个配色法具有很强的操作性,因为它不是纯粹的理论,而是在设计软件中的操作,首先就是打开软件中的色板。

然后横向和纵向分别划一条线,形成十字形,这也是这个配色方法名称的由来。这样就会形成四个区域,我们分别标上数字。

在具体配色的选择上,无论你使用什么色相或者如何拖动色相条都没关系,只要你选定了一个区域,那么其他颜色也要保持在这个区域内,原理其实就是统一色调,好处就是操作简单方便,不用顾虑太多。那肯定有人会问,我怎么知道选择哪个区域的颜色是对的呢?别急,我们接着往下看。

我们先来看序号1的区域,这里我们提取了一些关键词,代表了区域1中色彩的大致风格和调性,这个区域的颜色纯度和明度都比较高,具有健康、积极、开放等属性,色彩意向比较明确。下面我们来看看相关的作品。

我们看这个海报,配色上比较纯粹,整体上就是三种颜色,我们在软件中吸取一下就可以看出来,这三个颜色都是在1的区域内,给人的感觉就是强烈、直接,色彩鲜明,具有视觉冲击力。

这个海报是在无彩色黑色背景上使用的有彩色搭配,整体上就是黄、红、蓝这三种色相,在色板的位置上也都位于区域1中,鲜明的色彩结合插画图形,给人的色彩印象就是具有活力和热情。

这个海报除了白色的文字,使用的有彩色就是两种,也就是蓝紫色和绿色,在色板中的位置也是位于1的区域,纯度和明度都较高,给人的感官刺激也很强,明确、开放、时尚。

下面我们再来看看位于区域2的色彩都有哪些特点。

区域2的颜色没有区域1的颜色那么浓烈、艳丽,而是更加简洁、干净、明朗。通常可以给人一种清爽、明快的印象,并且不会过于抢眼或突出,具有朴素的气质。同样我们还是拿相关作品来举例。

这个海报整体上就是黄色调和紫色,我们提取一些主要色相来看看,基本上都是在区域2的位置上,在色彩上不会给人特别强烈和鲜明的印象,反而体现出的是一种舒适、安逸、淡雅的感觉,这种感觉有时候往往也是恰到好处的。

这个海报整体上是插画图像作为主体的形式,我们来看看这里面使用的基本色相,通过右侧的色板可以很明显的看出来,整体上都是在区域2的位置,给人的色彩印象就是年轻、明快、舒适,与主题内容的契合度也是非常高的,所以用色彩来表现画面的风格,通常所产生的结果都是很直观的。

这个海报虽然有具体的图片存在,但是在文字上使用了两种色彩,并且我们也可以吸取图片的颜色来看看,整体上都是在区域2的位置,整体呈现出来的风格也是偏向年轻、清爽、温柔这样一个感觉。

针对于画面中有图片的情况,很多人在配色的时候就会比较苦恼,因为有图片的存在,在色彩上可能就不会完全位于某一个区域,这个大家不用过于纠结,这种情况下我们只看图片的整体色调就可以,也就是说看图片的大部分色彩位于什么位置,我们就可以判定这个图片属于哪类颜色,而配色上也应该尽量考虑到图片的色彩,让整体版面的色彩能够协调统一,当然也可以做一些适当的对比。

我们接着来看看数字3的区域,这个区域的颜色,虽然纯度还比较偏高,但是明度已经很低了,整体上也就是偏暗的颜色,这个区间的颜色给人的色彩印象就是强力、商务、有格调,在一些传统和古典相关的设计中经常用到。

这个海报在内容上很简单并不复杂,色彩使用上同样如此,除了文字的白色就是背景的蓝色和图形的红色,而这两个颜色在色板中的位置都位于区域3中,给人的感觉就是比较有深度和格调,并且还带有一些传统和古典的韵味。

当然这个区间的颜色并非只能用在传统和古典的内容上,比如这个活动海报使用的就是红蓝对比色,也是比较常见的一种配色形式,虽然具有渐变,最顶部的颜色可能并非位于3的区域,但是整体来看还是属于区域3的配色,相比于区域1的颜色这个区间的红蓝刺激性没那么强,给人更多的感受就是强力和力量感,很好的烘托了运动的主题。

这个海报就是利用了色彩来营造画面的空间感,整体上都是蓝色,纯度和明度略有不同,但是整体上仍然是在3的区域内,给人的感觉就是深邃和深度,再结合蓝色的色相很好的体现出了主题夜的氛围。

关于色彩的属性或气质的问题,在我们之前的课程中也不止一次提到过了,其实这种对色彩气质或属性的划分就是一个规律,它不是绝对的,所以一定要灵活的运用,而且我认为这种东西也不需要去死记硬背,就是一种感觉,根据你的设计内容去应用就可以,并且通常情况下,色彩所具有的属性或风格有很多,在具体的使用上往往只取其中的一两个点,要有所侧重的体现,而并非是要把所有的关键词都在一个作品中体现出来。

我们再来看看区域4,区域4的色彩基本上纯度和明度都偏低,也就是偏黑色和灰色调,所以产生的色彩印象就是孤独、闭锁、成熟,还带有一丝神秘,配合相应的色相也可以体现高雅和雅致。

这个海报背景是一个插画图形,虽然在色相上整体都是黄色调,但是在色板上都位于区域4之内,也就是纯度和明度都偏低,因此色彩的倾向性也就没那么明显了,整体呈现出来的风格更多的就是雅致和稳重,没有什么强烈的色彩特征,而上方的文字使用了较亮的黄色,与背景整体色调又形成了对比。

这个海报整体上就是以紫红色和绿色为主,虽然也有个别较亮的颜色,但是大部分都还是位于区域4的位置,给人的感觉就是比较深沉、内敛。

这个海报看上去给人的感觉就是比较压抑、庄重,主要就是色彩的原因,整体上都是区域4的颜色,这里的文字也并非是纯黑色,也带有少量色彩倾向的颜色。

通过这些相关案例其实我们不难发现,即使我们不去看一个作品的文字内容,也可以通过色彩来大致的感受到作品的风格和想表现的气质,这就是色彩的神奇之处,并且在我们进行具体配色的时候,如果你事先根据你的设计内容和风格选定好了一个色彩区间,也并不是说你之后的所有配色都必须一定要在这个范围之内,在适当的情况下也可以进行一些变化,比如个别颜色也可以选择其他区域的颜色,但是整体的基调不能有太大的变动,因为这会影响画面整体的色彩氛围和风格。

最后我们用一个案例来演示一下,这里我们设计一个关于耳机的网页首屏。首先将相关图片去底放到版面的右侧,接着将主标题编排到人物左侧的位置,然后在主标题下方编排副标题以及价格信息和详情按钮,最后将LOGO以及其他网页组件编排到版面的上方,那么这个版面的大致构图和形式就差不多了。接下来编排其他信息,因为现在这个页面并没有太适合编排文字的地方了,所以我们就在底部采用色块的形式。

暂且先用灰色块来填充,然后在色块中编排文字内容,但是我们看添加色块之后,人物图片以及左侧文字的位置和大小上就显得不是很好了,所以我们需要对人物图片和文字的位置进行简单的调整。

那么这个页面的版式部分就完成了,接下来我们开始配色,而配色一定是要根据内容和风格来定的。

这里我们就根据文字内容来提取,大致上可以得出这个耳机产品应该是贴近年轻的消费群体,所以在色彩上应该体现出的是年轻时尚这样一个感觉,那我们回到这个界面。

来看一下位于哪个区域的色彩更加符合我们这个设计内容,综合考虑来看,显然位于区域1的颜色更加适合,所以我们就在这个范围内配色。

首先就是先填充背景色,因为背景色面积最大,也就是画面中的主色,所以这里我们填充能够体现年轻的青色,然后依次填充下方的色块,在具体的色相上并没有太严格的限制,只要保持在区域1的范围内就可以。

至于文字的颜色,这里并不建议填充有彩色,否则会造成画面色彩过多,显得很混乱,所以文字色使用无彩色最好。

如果觉得黑色有些压抑的话,你也可以填充白色。

最后详情按钮我们也可以填充一个下方的颜色,比如填充紫色,这样就会有一个很好的呼应,那么这个案例就完成了。

而这里其他3个区域的配色效果我们也尝试了,显然跟我们的主题内容是不相符的,针对于这个设计内容和页面来说,区域1内的配色要更加适合一些。

本期教程到这里就结束了,我们主要讲解了四分法在我们设计配色中的应用,也就是将软件中的色板平均分成四分,各自说明了每一个区域内的色彩具有什么样的气质和属性,可以说这个方法操作上并没有什么难度,非常适合新手或者配色能力比较薄弱的同学。最后还是要强调一点,就是这个十字形配色法也只是众多配色思路中的其中一种,在设计配色时具体该选择哪个区间的颜色,一定是综合考虑设计内容和风格之后的结果,因为色彩本身并没有好坏之分,关键是要看你怎么用,希望大家能够明白这个道理。

转至研习社。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,793评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,567评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,342评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,825评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,814评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,680评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,033评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,687评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,175评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,668评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,775评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,419评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,020评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,206评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,092评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,510评论 2 343