网页设计 » 视觉设计 » 配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

发表于: 视觉设计. 评论
Sponsor

前言:在上篇《配色要领,遵循色彩原理来配色》文章中,谈到了遵循配色原理配色,会给人带来不同的印象。明亮色,让人心情愉悦;暗色给人踏实感,鲜艳色彩能产生活力等等配色要领,本文将介绍给大家关于色彩三属性和五角色,理解颜色三属性就能自由自在地配色,用好五角色就能使配色清爽干净

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

当我们迷路时,我们会用地图或指南针来测知当时的位置;当我们在配色时,我们会用色彩三属性来测知色彩的位置。那么什么是色彩三属性呢?颜色的性质由色相、明度、纯度三要素组成,称为三属性

1.1 色相(色调)

色相是色彩的首要特征,是区别各种不同色bai彩的最准确的标准。

事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的。色相,色彩可呈现出来的质地面貌。自然界中各个不同的色相是无限丰富的,如紫红、银灰、橙黄等。色相即各类色彩的相貌称谓。

色相的特征决定于光源的光谱组成以及有色物体表面反射的各波长辐射的比值对人眼所产生的感觉。在测量颜色时,可用色相角H 及主波长λd(nm)表示。

在聚合物中为根据色的XZY系列表示的主波长和补色主波长相对应的色感觉。一般高聚物本身在熔融态下与标准色系溶液比较,与其一致的颜色标准号称作色相数,由于高聚物种类很多,标准色系也很多。常用标准色系都是按国家标准规定方法配制。

配色有哪些手段,五角色你了解吗?

1.2 明度(亮度)

明度是指色彩的明暗程度,明度不仅取决于光源的强度,还取决于物体表面的反射系数。色彩的明度差别包括两个方面:一是指同一色相的深浅变化,如浅绿、中绿、墨绿;二是指不同色相存在的明度差别,这一点和饱和度一样,不同的色相明度是不一样的。在所有可视化色彩中,黄色的明度最高,紫色、蓝紫色的明度最低。

有色物体色彩的明度与物体的表面结构有关。如果物体表面粗糙,其漫反射作用将使色彩的明度降低;如果物体表面光滑,那么,全反射作用将使色彩比较明亮。

配色有哪些手段,五角色你了解吗?

1.3 纯度(饱和度)

纯度通常是指色彩的鲜艳度。从科学的角度看,一种颜色的鲜艳度取决于这一色相发射光的单一程度。人眼能辨别的有单色光特征的色,都具有一定的鲜艳度。不同的色相不仅明度不同,纯度也不相同。此外化学试剂也有纯度的划分。

纯度也被称为色彩的饱和度,即色彩中所包含彩色成分和消色成分(灰色)的比例,这个比例决定了色彩的纯度及鲜艳程度。当某种色彩中所包含的色彩成分多时,色彩便呈现不饱和度状态,色彩会显得暗淡,视觉效果也会随之减弱。原色的纯度最高,混合的颜色越多,则混合后的色彩纯度越低。如纯度极高的红色,在其加入不同程度的灰色后,其纯度就会降低,视觉效果也会减弱。

在所有可视化色彩中,红色的纯度最高,蓝色的纯度最低。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

2.1 颜色立体图

下面的三维立体图可以帮助我们理解色彩的位置关系。

配色有哪些手段,五角色你了解吗?

纯度

向鲜艳的橙色中加入灰色后,变成了褐色,再加入就变成了灰色。原本鲜艳的橙色逐渐变为暗色,色彩的鲜艳程度被称为纯度。

明度

颜色有明暗之分。因此,我们引入明度的概念,并用明度尺测量色彩的明亮程度。猛地眯起眼睛,很容易分辨出鲜艳的红色,绿色等颜色的明暗程度。

色相

诸如红、蓝、黄之类的色彩变化称为色相。从圆周上可以清楚地看出,哪种颜色上对比色,哪种颜色上邻近色。

2.2 如何记住三属性

借助圆形和三角形,会比较容易理解三属性。

色相通过圆形来理解。只需要记住三原色红 、黄、蓝,以及其间的橙色、绿色、紫色。

配色有哪些手段,五角色你了解吗?色相呈现出固定的相对位置,三原色红、黄、蓝呈三角形排列,其间排列着橙、绿、紫三色。

至于明度及纯度,则要通过三角形色调图来理解纯色、明色、暗色、浊色等的关系。

掌握了这些,就能够搭配出理想的颜色。

配色有哪些手段,五角色你了解吗?首先把黑色与白色放置于三角形的顶点。白黑之间便是灰色。纯色与白色之间是明色,纯色与黑色之间是暗色。中间部分是暗色调。有7种不同的色调

2.3 色相

通过6色掌握色相

圆形可以帮助我们理解色相。最基本的颜色是三原色,也就是红、黄、蓝3种颜色。在其间加入橙、绿、紫3种颜色,就回出现6等分色相环。继续在其间还可以加入12色相、24色相,目前掌握6色就可以了。

配色有哪些手段,五角色你了解吗?

在色相图中相对的称为对比色,如红色的对比色是绿色。靠近的颜色称为邻近色,如红色的邻近色是紫色和橙色。同系色指在同一色相中混入白色或黑色后合成的颜色。

色相的效果

颜色的自身的效果包括给人以温暖、活力感的暖色(红、橙、黄等),以及给人凉爽、沉静感的冷色(蓝色等)。

另外,控制色相差也可以改变颜色给人的印象。例如,使用对比色会使画面更加鲜活生动。

下面哪幅图看起来更加生动?

配色有哪些手段,五角色你了解吗?

答案是B。A画面,满眼绿色的风景,色相差比较小,仅仅使用邻近色的配色,给人恬静稳健的印象。而B画面加入绿色对比色红色,绿色变得跃动,画面整体变得鲜活生动,给人留下深刻印象。

暖色与冷色

色相大致分为冷色、暖色以及中性色。中性色包括绿色和紫色。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

暖色、冷色和中性色分布图

配色有哪些手段,五角色你了解吗?

色相差的效果

使用同系色、邻近色配色,个人平稳踏实感。反之,放大色相差,加入对比色,就会使画面效果更加突出。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

2.4 明度

明度的规模

色彩中最亮的颜色是白色,最暗的颜色是黑色,其间是灰色。从近乎白色的浅灰色开始,到近乎黑色的深灰色为止,就是明度的规模,我们称它为灰色规模

配色有哪些手段,五角色你了解吗?

明度的效果

明度自身的效果指的是,明度创造轻快,暗色创造凝重。

下面哪幅图看起来比较凝重?

配色有哪些手段,五角色你了解吗?

答案为B。因为B图增大了明度差,给人一种力度感,失去高雅感;而A图减小了明度差,从而表现高雅和优质。

另外,加大明度差,可以达到富有活力的效果;降低明度差,则达到稳健的效果。

明度的位置

以明色为主体,则明朗欢快;以暗色为主体,则厚重沉着。

配色有哪些手段,五角色你了解吗?配色有哪些手段,五角色你了解吗?

明度差的大小

缩小明度差,显示高雅;扩大明度差,显示活力。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

2.5 纯度

纯度与色调

鲜艳的色彩纯度高,浑浊的色彩纯度低,这种测定色彩鲜艳度尺度叫做纯度。理解色调会帮助我们更好地运用纯度。

色调由纯度和明度交叉创造完成。纵向剖开颜色立体图,就可以看到模糊的色调。我们不说色调高或低,而要用明、暗之类的语言来描述。

配色有哪些手段,五角色你了解吗?

色调决定配色的感觉

色调也可以理解为色彩的状态,指的是色彩给人的感觉与氛围,是影响配色视觉效果的决定因素,因此在配色时必须充分重视。即使色相变化,在颜色立体图的平面三角形中处于同一坐标的颜色具有相同的色调,也就是给人相同的感觉,处于相同的状态。(如上图)

下面哪幅图的产品能给人稳重沉静的感觉?

配色有哪些手段,五角色你了解吗?

答案为B。因为B图中的产品属于暗色调,暗色调能给人稳重沉静感;而A图中的产品色调整体变浅,让人感觉改产品面向儿童,给人温和舒适感。

色调的位置

色调的位置对配色感觉起很大作用

配色有哪些手段,五角色你了解吗?

色调差的效果

差别小则平稳和谐,差别大则产生变化

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

就像小说、电视剧和电影中有主角、配角一样,配色也讲究各种角色,某种颜色的角色被摆正时,整体画面才会呈现出稳定的感觉。最基本的角色有五种,掌握它们有助于搭配出完美的颜色。

3.1 主角色

从字面意思不难看出,它是配色的中心色。选择其他颜色时要以主角色为基准。

决定主体,使画面整体安定

主角色要用最强色。这种强色若与主角相符,则明示中心,色彩清爽稳定。主角的位置可以在画面中央,也可以在角上。一个物体被施以强烈的色彩,便会成为主角。

下面哪幅图的配色沉稳干练?

配色有哪些手段,五角色你了解吗?

正确答案为B。因为B图中心位置的红色成为画面主角,起到强调作用,以强烈的主角色为中心,画面变得鲜明、沉稳干练;而A图中的主角色为黄色,缺乏干练的主角色,画面散漫。

主角色运用

如果主角色彩鲜艳,令人印象深刻,那么越是面积小越能达到好的效果。特别是给主角施以纯度高的色彩,会令整体画面稳定下来。举个例子:

配色有哪些手段,五角色你了解吗?

图A中的饮料瓶缺少主角色,没有得到强调,使人不安。图B中的饮料瓶运用了主角色橙红色,画面整体沉稳了许多。

3.2 配角色(突出色)

配角色的作用就是为了衬托主角,使主角更加突出。

对比色使主角色生辉

当主角色旁边添加了配角色,则画面瞬间鲜活,充满了活力。那是因为配角色的色相与主角色的色相相反,起到很好的突出主角的作用。

下面哪幅图的饮料产品更加突出?

配色有哪些手段,五角色你了解吗?

正确答案是B。因为B图中加入对比色红色,画面瞬间产生活力,提升了整体效果,从而突出了主角产品;而A图中缺少配角色,画面没有紧凑感,不能给人深刻印象。

暗淡的对比色突出主角

按照色相环,找到与主角色正相反的色相,则使主角色鲜明突出。

配色有哪些手段,五角色你了解吗?配色有哪些手段,五角色你了解吗?

配角色面积越小效果也越好

需要注意的是,配角色若面积太大或者是纯度太高,这样反而会削弱主角色。适当的纯度和面积才会起到很好的效果。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

3.3 支配色(背景色)

支配色作为画面背景环绕整体的颜色。即使颜色的面积非常小,它也能支配画面的整体感觉。

背景色支配着画面的整体感觉

即使是主角一样,如果背景色不同,则画面带给人的感觉也是不一样的。在主角色背后若隐若现的背景色,实际上则支配着整个画面效果。主角色虽然是配色中心,在背景色面前,却常常颇显无力。

下面2幅图分别给你什么样的感觉?

配色有哪些手段,五角色你了解吗?

图A中平稳明亮的黄色作为背景色,画面有一种宁静的氛围,而图B中高纯度的大红色作为背景色,画面顿时被提升、突出。

支配色决定主角的感觉

如果主角不同,背景色也不同,则画面带给人的感觉也不是一样的。

配色有哪些手段,五角色你了解吗?

图A中深红色的背景色与产品的黑色搭配,使画面产生一种力量感。而图B中黄绿色的背景色与产品的绿色搭配,画面给人清爽的感觉。

小面积的支配色也能达到效果

背景色即使面积很小,只要环绕主体,就可以成为支配色。面积再小也能左右画面的整体感觉。

配色有哪些手段,五角色你了解吗?

支配与色彩强弱没有关系

背景色与色彩强弱没有关系。暗淡的颜色使画面整体变暗,鲜艳明亮的颜色使画面整体变亮。

配色有哪些手段,五角色你了解吗?

3.4 融合色

主角色游离其他色时,置同系色于游离处,起到融合整体的作用。

缓和游离的颜色

当我们在配色的时候,强色间过于激烈的对立、或者其中一种颜色过于突出时,加入融合色,起到缓和的作用,这样画面才能平稳下来。

下面2幅图哪幅图运用了融合色?

配色有哪些手段,五角色你了解吗?

正确答案是B。图B中心位置甜筒的红色与散落的樱桃的红色相呼应,融合了整体。而A图中甜筒的颜色与背景色相近,不够醒目,周围的红色处于游离状态,画面则丧失了融合关系。

融合色的效果

位于近旁的同一色相能够控制主角色、融合整体。

配色有哪些手段,五角色你了解吗?

配色有哪些手段,五角色你了解吗?

3.5 强调色

如果在画面添加小面积强烈的颜色,这样画面会更加鲜明生动。

强调色能使画面生动起来

当画面配色没有任何变化的时候,不妨试试加入强调色。你会发现加入后的画面充满活力。

下面2幅图哪幅图看起来更生动?

配色有哪些手段,五角色你了解吗?

正确答案是B。A图中相机的蓝色和背景的蓝色为同色系,画面没有颜色变化,过于朴素,不够醒目;而B图中相机的橙色与背景的蓝色是对比色,对比色起到强调作用,整个画面呈现出欢快气氛,这种差别就是强调色的效果。

强调色色彩越强、面积越小,强调效果越好

配色有哪些手段,五角色你了解吗?

强调色是高纯度的对比色,强调效果好

配色有哪些手段,五角色你了解吗?

写在最后:

当你正确地理解颜色三属性(色相、明度、纯度)之后,你就可以自由自在的配好颜色。如果想要配出的颜色清爽干净,就需要掌握好五角色(主角色、配角色、支配色、融合色和强调色)。其实是有十角色的,但是只需掌握本文介绍的五种即可,剩余的五角色分别是连接色、镶嵌色、平衡色、添加色和高色阶色。

好了,到这里就结束了!我们下期见~

作者 | 随风落叶ZK
来源 | 站酷(zcool.com.cn/u/14924297)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }