UI小知识——色彩的分类

早在我国西周时期，就提出过“正色”和“间色”的色彩概念。南朝梁皇侃云："正谓青、赤、黄、白、黑五方正色也；不正，谓五方间色也。"当时就明确了颜色可分为正色与间色，间色是正色混合的结果，正色即原色，它与间色及复色相对应。

如图2-87所示，三原色分别是红、黄、蓝，它们是其他颜色的“根"，不是其他颜色混合出来的，而且在色相环上是呈三角对等分布的。通过相邻原色的混合：蓝+黄=绿；蓝+红二紫；红+黄=橙，因此得出了橙、绿、紫3种间色，也称为“二次色”。接下来，我们把得到的间色与相邻的原色再混合，又得到了6种复色，也称为“三次色”。加上之前的原色和间色，+二色相环便产生了。这种色相环出自现代色彩学最伟大的导师约翰内斯·伊顿的名著《色彩艺术》一书。+二色相具有相同的间隔，同时6对补色分别置于圆环直径两端相对的位置上。十二色环便于初学者轻易地辨认出十二色的任何一种色相，同时可以快速地认出中间的色彩。这种色环的色相顺序，与彩虹、自然光线分光后产生的色带顺序完全相同。如果按照12色相环不断地混合可得出更多的复色，千变万化的全色就是由此诞生的。

原色、间色和复色这3类颜色有一个共同的特点，就是在饱和度上呈现递减关系。也就是说，在饱和度关系上，通常原色最高，间色次之，复色最低，所以，我们还常常把复色称为“某某灰色”，比如蓝灰色、紫灰色、绿灰色等。复色在写实绘画中的运用非常重要，复色也是变变化最微妙，最多彩的。

单色是指顾色产生的不同明度变化，又称同种色。如将朱红色加白或加黑出现的许多深浅不同的红色，这深浅不同的红色为同种鱼。如图2-88所示，色相环内外每一扇区都属于同种色，这种颜色在绘画的搭配上虽然缺乏颜色的层次变化，但是其拥有的明暗变化，会需给人和诺、稳定的感觉。

两种以上的颜色，其主要的色素倾向比较接近，如红色类的朱红、大红、玫瑰红，都主要包含红色色素，路同类色。同类色的合理运用能给人以平静、协调的感地。在色相环上.90"角内相邻的色统称为类似色，例如红-红相一根；黄一黄绿一绿；蓝-监紫-紫等均为类似色。类做色由于色相不冲突，给人以赏心悦目的和谐感。因此在配色中经常会用到。

互补色是指色相环中任何一组颜色旋转180"后相对应的颜色，也称余色。如绿与红、黄与紫、蔬与橙，皆属补色关系，即绿的补色是红色，红的补色是绿色。互补色的应用会给人带来强烈的视觉冲击力，有活力无限、充满能量的感觉。但是不合理的搭配会有突兀之感，比如大红大绿的搭配会给人带来很土的感觉，而且视觉上显得胜，所以可适当地用无彩色系进行调和，比如用黑白灰进行搭配，或拉开两种色彩的距离，再或把它们的面积不等分对待等。

分裂补色，就是用补色的类似色进行对比搭配，这种猎配既有视觉冲击力，又拥有和谐的美感，且不突兀。很多人不了解互补色与对比色之间到底有什么不同。

互补色不是对比色，互补色是从色相上来区分两种颜色，而对比色是从色相、明度、纯度、冷暖、朴色等方面进行对比来区分两种颜色。由于黑色、白色、灰色比较特殊，之前我们也交代了它们属于无彩色系，而互补色又是以色相来区分的，因此黑色、白色、灰色都没有互补色，它们只有对比色。

UI小知识——色彩的分类相关推荐

[转]VC常用小知识
[转]VC常用小知识 (1) 如何通过代码获得应用程序主窗口的指针? 主窗口的指针保存在CWinThread::m_pMainWnd中,调用AfxGetMainWnd实现. AfxGetMai ...
阿尔克分享平面设计的基本常识，以及ps软件小知识
A4幅面画册及宣传品设计常识: A:最小字体不能小过5号,常规在8号左右:标题最大应掌握在10-18号. B:标题与正文之间层次脉络清晰(通过段落.字体.大小.粗细.色彩.图标等方式标示). C:字距 ...
java前台界面设计_前端程序员要懂的 UI 设计知识
前端程序员要懂的 UI 设计知识疯狂的技术宅前端先锋翻译:疯狂的技术宅作者:Per Harald Borgen 来源:freecodecamp 正文共:1401 字预计阅读时间:5分钟作为 ...
VC学习资料收集（12）：VC小知识总结
VC小知识总结! (1) 如何通过代码获得应用程序主窗口的指针? 主窗口的指针保存在CWinThread::m_pMainWnd中,调用AfxGetMainWnd实现. AfxGetMainWnd ...
前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）
文章目录前言第一回合一.知识点:cookie(21/09/06) 二.知识点:节流和防抖(21/09/07) 三.知识点:var和let以及const(21/09/08) 四:知识点:深拷贝和浅 ...
【转】当你进行地图设计时，需要了解这些小知识
原文地址:当你进行地图设计时,需要了解这些小知识英文原文:https://github.com/maptimeBoston/cartographic-design 译文: 本文是一系列有关制图设计主 ...
UI设计培训教程分享：UI设计师的色彩使用技巧
作为一名合格的UI设计师,色彩的使用是非常重要的,一个专业的UI设计师对于UI设计色彩的搭配是非常的出色的,下面小编就为大家分享UI设计培训教程:UI设计师的色彩使用技巧 UI设计培训教程分享:UI设 ...
【C#小知识】C#中一些易混淆概念总结（七）---------解析抽象类，抽象方法
目录: [C#小知识]C#中一些易混淆概念总结--------数据类型存储位置,方法调用,out和ref参数的使用 [C#小知识]C#中一些易混淆概念总结(二)--------构造函数,this关键字 ...
A Tutorial on Clustering Algorithms-聚类小知识
俗话说:"物以类聚,人以群分",在自然科学和社会科学中,存在着大量的分类问题.所谓类,通俗地说,就是指相似元素的集合.聚类分析又称群分析,它是研究(样品或指标)分类问题的一种统计 ...

UI小知识——色彩的分类

UI小知识——色彩的分类相关推荐

最新文章

热门文章