赞助商
立即赞助

用我自创的十字形配色法,让你快速入门配色!

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

@研习设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内配色要更加适合些。

总结

本期教程到这里结束了,我们主要讲解了四分法在我们设计配色应用,也是将软件色板平均分成四分,各自说明了个区域内色具有什么样质和属性,可以说这个法操作上并没有什么难度,常适合新手或者配色能力比较薄弱学。最后是要强调,是这个十形配色法也是众多配色思路其,在设计配色时具体该选择哪个区颜色,定是综合考虑设计内容和风格后结,为色本身并没有好坏分,关键是要看你怎么用,希望大家能够明白这个理。

欢迎关注研习社的微信公众:「Yanxishe2017」

用我自创的十字形配色法,让你快速入门配色!

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

相关文章

“对称构图”是将版面分割为两部分,通过设计元素的布局让画面整体呈现出对称的结构,具有很强的秩序感,给人安静、严谨和正式...
对称构图
简单布局怎么做到不单调而有层次?看看设计师 Czékmány Zoltán 的9个技巧。
图文布局
在今天的互联网中,文艺青年的人设总是特别吃香,给人一种逼格满满的感觉。那么在设计中,是否也存在着文艺风格呢?答案是肯...
平面设计
本期主要针对设计实用性中的识别属性进行全面而详细的解构,对各个不同的知识点进行梳理以及通过文字信息,图片信息和图形信...
平面设计
在上期文章我们知道了配色的步骤通常是从确定主色开始,再选择与之搭配的副色,最后根据造型、排版等方面调整增加多个点缀色...
点缀色
大家好,又跟大家见面啦,本次的内容是排版中版面率与留白对画面气质的影响。希望大家喜欢! 一、何为版面率 我们都知道一个...
入门
设计初学者常常会对着将要进行设计的图片素材和文字资料无从下手,很多时候花了大量的时间进行设计编排,做出来的效果也并不...
对称构图
说到「构图」一词大家并不陌生,设计中的构图也可以理解为作品的骨架,就好比盖房子,如果刚开始的地基和整体钢筋结构不稳,...
平面设计