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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
【海平面】色彩理论:无术语的设计师指南
0.0°
2019-11-01 好文转载 教程 原作者: 海空设计 举报 1722 5 3 0

色彩在我们的视觉世界中无处不在,对于许多设计师来说,色彩成了一种直观的选择。

我们这里不说行话,用你能理解的话来解释色彩理论的基本概念和术语。



色彩在我们的视觉世界中无处不在,对于许多设计师来说,色彩成了一种直观的选择。如果你去回想学生时所学的色彩知识,你会记得小时候被告知有三种基本颜色——红、黄、蓝。我们都被教导,任何颜色都可以通过将这三种颜色以不同的数量混合而产生。


事实证明,这并不足以说明色彩的所有知识(尽管它仍然可行,在教给五岁的孩子时)。



颜色是如何形成的


色彩理论至少可以追溯到15世纪

了解颜色是如何形成的,更重要的是,了解不同颜色之间的关系,可以帮助你在设计中更有效地使用颜色,并确保为项目选择正确的调色板。


包豪斯学派在20世纪20年代和30年代就明白了这一点,教职工和学生们继续发展色彩理论,通过在设计和建筑中选择调色板来唤起特定的情绪和情感。


色彩理论是一门学科,它的历史至少可以追溯到15世纪——它使用物理、化学和数学来全面定义和解释这些概念。然而,要想有效地使用颜色,这些都是不必要的。


这篇快速入门将为你提供所有重要方面的简单概述,帮助你开始做出明智的决定。



颜色系统


有两种主要的颜色系统——再现颜色的方法:加色法和减色法(也称为反射法)。我们每天都在使用这两种颜色——屏幕利用加色来生成你看到的所有颜色,而印刷利用减色生成你看到的颜色,印刷机在纸上或其它被印物上印上靛(青)、品红和黄等三种主色色墨,则必须使用反射光来作业,从白纸上反射出红、绿和蓝色光量。


简单来说——任何发光的物体(如太阳、屏幕、投影仪等)都归为加色法,而其他物体(能反射光线的物体)则归为减色法。


01.加色法

加色法是基于红色、绿色、蓝色——RGB的简称

加色法适用于任何发光或辐射的物体。不同波长的光的混合产生了不同的颜色,加的光越多,颜色就越亮越浅。


当使用加色时,我们倾向于将构建基块(原色)颜色视为红色、绿色和蓝色(英文简称:RGB),这是你在屏幕上使用的所有颜色的基础。在加色法中,白色是色彩的系列组合,而黑色是缺失色彩,换句话说,不考虑黑色。


02.减色法

减色是基于青(靛)、品红和黄色的三原色

减色法以反射光为基础的。一种特殊的色素反射不同波长光的方式,决定了它在人眼中表现颜色。


减色法和加色法一样,有三种原色——青(靛)、品红和黄色(英文简称:CMY)。在减色法中,白色是缺失的色彩,而黑色是色彩的系列组合,但它是一个不完善的系统。


我们现有的颜料不能完全吸收光线(防止反射的颜色波长),因此我们必须添加第四种补偿颜料来弥补这一缺陷。


我们称它为“key”,因此是CMYK,但本质上它是黑色的。如果没有这些额外的颜料,我们打印出来的最接近黑色的颜色将是泥褐色,而不是纯黑色。



色轮

现代应用的色轮从18世纪开始使用

为了更容易看到不同颜色之间的关系,现代色轮的概念在18世纪左右发展起来。这些早期的色轮围绕一个圆圈绘制出不同的原色,把不同的原色严格地按比例混合在一起,以获得第二色和第三色。


色轮让我们一目了然地看到哪些颜色是互补的(在色轮上是相反的)、类似的(在色轮上是相邻的)、三色(在色轮上彼此成120度角的三种颜色)等等。


每一种关系都能产生令人愉悦的色彩组合。根据颜色在色轮上的位置,颜色之间有许多令人愉快的关系。现在,有选择配色方案的免费应用程序,或者你可以用设计师的眼睛来选择配色。



色彩三属性

帮助我们定义色彩三属性是色相、饱和度和亮度

黄色就是黄色,对吗?嗯,事实上,不是,我们可以称之为黄色有很多不同色彩的黄颜色。由于不同的色调、饱和度和色相的,黄色色彩并不相同,但仍在色轮的黄色部分。所以,这里引出三个主要构成的成分帮


我们定义颜色:


01. 色相

这是色轮上的位置,表示基本颜色本身。这通常以度数表示(围绕色轮),因此黄色将出现在50到60度之间,而正黄色出现在56度之间。与此同时,绿色出现在120度的色轮上。


02.饱和度

这是一种颜色饱和(或丰富)程度的表示。低饱和度导致颜色色度低,最终在完全不饱和时变成灰色。饱和度通常是指介于0和100%之间的百分比。


03.亮度

这就是颜色的亮度,通常表示为0到100%之间的百分比。亮度为0%时的黄色为黑色,亮度为100%时的相同黄色色调和饱和度为全黄色。



色域

色域描述了一个系统可以复制的潜在颜色的范围


色域是描述一个系统能够再现的全部颜色的总和。你可能会惊讶地发现,CMYK可以实现的颜色范围与RGB不同。


这在一定程度上是由于两种不同系统的性质,而且(至少在现实世界中)由于我们技术的局限性——屏幕并不总是能够产生彼此相同的颜色范围,当你降低它们的饱和度时,色素以不均匀的速率反射光。



色彩感知


最后,我们有必要看看不同的颜色是如何影响我们感知其他颜色的。一个典型的例子就是在浅灰色背景上使用中灰色色调,在深灰色背景上使用相同的中灰色色调。


中灰色的视亮度会根据你所看到的环境而改变——这是一种眼睛的把戏,用来理解周围的环境。当色相与其他颜色相邻放置时,其工作原理与色调相同,允许你使用相同的调色板创建不同的效果。

Powered by Froala Editor

更新:2019-11-01

收藏

5人已收藏

海空设计

海空设计·杂志内刊专业定制服务商!20年平面设计经验,专业资深!

  • 412

    作品

  • 204

    粉丝

  • 0

    关注

  • 【海平面】为什么你的设计不令人满意?看完这本书,瞬间懂了!
  • 【海平面】中国江南印象概念书:《江南意象》
  • 【海平面】鲁迅与平面设计
  • 【海平面】海报设计:20个鼓舞人心的例子

    猜你喜欢

      2019-11-01 好文转载 教程 原作者: 海空设计 举报 1722 5 3 0

      【海平面】色彩理论:无术语的设计师指南

      0.0°

      你确定要举报【海平面】色彩理论:无术语的设计师指南

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2019年11月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      5
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录