恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
配色很有必要了解的色彩基础及关系
0.0°
2022-01-16 原创文章 经验/观点 举报 1147 1 1 0

01色系

有彩色系

指可见光谱中的全部色彩,以红、橙、黄、绿、蓝、紫等为基本色的混合,以及与无彩色之间不同量的混合,产生的千千万万种色彩都属于有彩色系。有彩色系是由光的频率和振幅决定的,频率越大色相差别越大,振幅越大明暗差别越明显。图片有彩色系中的任何一种颜色都具有三大属性,即色相、明度和纯度。也就是说颜色只要具有以上三种属性都属于有彩色系。


无彩色系

由黑色、白色及黑白两色相融而成的各种深浅不同的灰色系列。从物理学上讲,它们不涵盖在可见光谱之中,故不能称之为色彩。但是从视觉生理学和心理学上来说,它们具有完整的色彩性,应该包括在色彩体系之中。图片无彩色系按照一定的变化规律,由白色渐变到浅灰、中灰、深灰直至黑色,色彩学上称为黑白系列。黑白系列中由白到黑的变化,可以用一条垂直轴表示,一端为白,一端为黑,中间有各种过渡的灰色。纯白是理想的完全反射物体,纯黑是理想的完全吸收物体。所以现实生活中并不存在纯白和纯黑的物体,只能是无限接近纯黑。

无彩色系的颜色只有图片明度上的变化,不具备色相与纯度的性质,也就是说它们的色相和纯度在理论上等于零。


02色彩三大属性

色相

色相即色彩被人感知后所呈现的样貌,或叫区别其他色彩的称谓,通俗的表达就是色彩名字,当名字相同时我们用姓氏区分。如红和洋红,红就是名字,洋就是姓氏。当然红和洋红都是色相的一种,常见的色相如红、橙、黄、绿、青、蓝、紫。图片色相是区分色彩的主要依据,是色彩的最大特征。是由原色、间色和复色来构成的(详见下文)。


纯度

纯度即各色彩中包含的单种标准色成分的多少,通俗的表达就是色彩鲜艳程度、鲜不鲜艳,又叫饱和度。纯的颜色色感强,色度就强,所以纯度就是色彩感觉强弱的标志。

色相图片纯度

明度

不同色相所能达到的纯度是不同的,其中红色和蓝色纯度最高,绿色纯度相对低些,其余色相居中,同时明度也不相同。物体表层结构的细密与平滑有助于提高物体色的纯度。


明度

明度即色彩的明暗差别,或深浅差别,通俗的表达就是色彩亮不亮、暗不暗、深不深。明度越低越接近黑色,明度越高越接近白色。我们可以通俗的理解成,这个颜色加了多少白颜料,加了多少黑颜料。图片

上部分从左往右增加了70%~0%的白色渐变


色彩的明度差别包括两个方面:
1.同一色相的明度变化,如粉红、大红、深红,都是红,但一种比一种深。
2.不同色相间存在的明度差别,白最浅,黑最深,绿和天蓝、红和宝蓝处于相近的明度之间。


03色彩关系

原色

色彩中不能再分解的基本色称为原色。原色有三种,即红、黄、蓝,它们是不能再分解的色彩单位。图片

1原色    2间色   3复色


间色

三原色中每两组相配而产生的色彩称之为间色。色光三间色也只有三种:紫、黄、青(湖蓝),如红加绿为黄、绿加蓝为青、蓝加红为紫色,也称第二次色。图片

复色

色彩的两个间色或一种原色和其对应的间色[红与绿、黄与紫、蓝与橙]相混合得复色,亦称第三次色。复色中包含了所有的原色成分,只是各原色间的比例不等,从而得出丰富色彩梯度值。

由于三原色相加得白色光,这样便产生两个后果:一是色光中没有复色,二是色光中没有灰调色。图片

同类色

色相环中15°夹角内的颜色称为同类色,同类色的色相性质非常接近,但色度有深浅之分。如深红与浅红、大红与朱红图片

邻近色

色相环中60度范围之内的颜色属邻近色。邻近色之间往往是你中有我,我中有你。比如:朱红与桔黄,朱红以红为主,里面略有少量黄色;桔黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。图片

类似色

色相环中90度角内相邻接的色统称为类似色。例如红-红、橙-橙,黄-黄、绿-绿,青-青、紫-紫等均为类似色。类似色由于色相对比不强,给人有色感平静、调和的感觉因此在配色中常应用 。图片

对比色

色相环中相距120度到180度之间的两种颜色称为对比色。又称大跨度色域对比,属色相的中强对比,如蓝与红,橙黄与紫红,黄绿与蓝紫即互为对比色。同时任何色彩和黑、白、灰,深色和浅色,冷色和暖色,亮色和暗色都是对比色关系。互补色是对比色的一种。图片

互补色

色相环中处于直径(180度对角)位置的两色称为互为补色。红与绿、橙与蓝、黄与紫就是互为补色的关系。把对比色放在一起。会给人强烈的排斥感。若混合在一起,会调出浑浊的颜色。图片


综上

色彩分为无色系和有色系。色相、纯度、明度是色彩的三大属性,其中原色、间色、复色、同类色、邻近色、类似色、对比色、互补色等构成色彩关系。图片

了解色彩基础及关系的重要意义

认知上: 是对色彩及其属性系统的解义,是界定色彩感官识别的基础;

结构上: 明确色彩的组合变化,是直观判断对象形体、结构质感和空间感的重要依据;

应用上: 色彩基础是色彩思维、色彩联想、色彩情绪、色彩对比、色彩调和…等色彩应用的敲门砖;

...

熟知色彩的基础及关系,客观看待色彩世界。

图片来源网络,如有侵权联系删除!

Powered by Froala Editor

更新:2022-01-16

收藏

1人已收藏

楚焱UX

设计只为找到生活的共鸣

  • 10

    作品

  • 12

    粉丝

  • 6

    关注

  • 科学的系统配色学这招-终身受用
  • 如何选择品牌基准色
  • 色彩思维之色彩联想
  • 色彩模式都不清楚,你怎么配色 2

    猜你喜欢

      2022-01-16 原创文章 经验/观点 举报 1147 1 1 0

      配色很有必要了解的色彩基础及关系

      0.0°

      你确定要举报配色很有必要了解的色彩基础及关系

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2022年01月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录