相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

别以为,色彩的知识你全懂了——(一)色彩基础知识篇

1314发布于:2019-8-29 20:52 |原作者: 泽泽先生|
1314
天津市 北辰区 网页设计师
发私信 + 关注
简介: 在正式开始这篇文章之前,我们需要明白我们学习色彩是在学习什么?先从色彩的定义开始,色彩是人眼对不同频率光线(可见光)的不同感受,色彩既是客观存在的,又是主观感知的,地域、文化的不同,会导致不同群体之间产生色彩的认知差异,而我们学习色彩的过程既要掌握人类对色彩认 ...

版权申明:本文出自“泽泽先生”原创,感谢“泽泽先生”的原创分享!

目录

一、学习目的及概述

二、基础知识

(一)色彩的基本特征

1、色系

2、色彩三属性

3、色调

4、色彩混合

5、色环及色彩对比

6、色彩模式

(二)色彩的情感表现

1、色彩的心理

(1)色彩的冷暖

(2)色彩的轻重

(3)色彩的空间变化

(4)色彩的软硬

2、色彩的知觉

(1)后像

(2)恒常性

(3)同化与异化现象

三、尾巴

一、学习目的及概述

人脑对于色彩的记忆度要高于形态,可以回想一下我们熟悉的品牌,想到小米,你首先想到的是橙色,想到支付宝,你会联想到蓝色,而想到微信,你自然想到的是绿色,以上品牌的 logo 形态你可能会思考一会儿才能想得起来,但品牌色你会脱口而出,这就说明了色彩对于占领用户心智的重要性以及我们学好色彩的必要性。

在正式开始这篇文章之前,我们需要明白我们学习色彩是在学习什么?先从色彩的定义开始,色彩是人眼对不同频率光线(可见光)的不同感受,色彩既是客观存在的,又是主观感知的,地域、文化的不同,会导致不同群体之间产生色彩的认知差异,而我们学习色彩的过程既要掌握人类对色彩认知的共性,也要掌握不同地域文化对不同群体产生的特异性,把复杂的色彩现象还原为基本要素,组合这些不同的基本要素产生目标效果,这里的目标效果分 两部分:

第一部分:在目标用户的情感与色彩审美(目标用户)之间建立桥梁,让二者无缝衔接。例:我们可能都有切身体会,对于室内装修,父母跟我们之间的审美差异很大,像我的装修风格是以黑白灰为主,但我父母就喜欢色彩更丰富一些,不说审美高低,如果室内设计的目标用户是我父母这辈人,或我们这辈人,选色用色上一定是不一样的,对不同类型的用户要达到不同的目标效果,这才是设计;

第二部分:色彩的选择与信息优先级的匹配,例:我们知道了暖色是前进色,冷色是后退色之后,我们会将优先级更高的元素设置为暖色,而将次要元素设置为冷色或无彩色系,让用户先看到更重要的部分。

如果没有扎实的色彩基础知识,想要让色彩在设计上达到目标效果,只靠感觉会很困难,不啰嗦了,开始正文吧。

二、基础知识

(一)色彩的基本特征

1、色系

(1)无彩色系

顾名思义,无彩色系就是没有彩色,是指黑色、白色或由这两种色彩调和形成的各种深浅不同的灰色组成的色系。(见下图 1-1.1.1)

注:在下文讲述的色彩三属性当中,无彩色系色彩只具有明度这一种色彩属性。(对此下文会有详解)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

(2)有彩色系

有彩色系是指除无彩色系以外的色彩,即红、橙、黄、绿、青、蓝、紫等。(见下图 1-1.2.1)有彩色系色彩具有色彩的三个基本特征——色相、明度及纯度。(下文会有详解)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

2、色彩的三属性

我们用眼睛和科学观测方法能够看到和辨别清楚的色彩多达750余万种,但他们(不包括无彩色系色彩)之间都有共同的三个属性:色相、明度及纯度(饱和度),这三个属性是我们在选色用色中主要的考量方式之一,它们的结合可以让我们随时随地的记忆和再现色彩。

(1)色相:指色彩的相貌,反映了色彩与色彩之间的差别所在。

从光学角度来说,由于光之间波长的(波长(wavelength)是指波在一个振动周期内传播的距离。)不同,在人眼中产生的色彩也就不同,即使是同一色相,也会产生成百上千种色彩。(见下图 1-2.1.1)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

为了区分不同的色彩,我们为色彩定出了名称,而每个名称对应一个特定的色彩印象,红橙黄绿青蓝紫,每一种都有特定的色彩印象。

色相会有倾向性,如下图所示,这是从蓝色到红色的渐变过程,中间区域色彩的色相倾向性是不明确的,这种不明确是我们在选色用色中需要避免的,不明确的色相倾向,意味着不明确的情绪,这种"暧昧"意味着你的色彩"什么都不是",进而无法占领用户心智。

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

(2)明度:指色彩的明暗程度。在无彩色系中最亮的是白色(#ffffff),最暗的是黑色(#000000),在有彩色系之中,也有明度差异,色彩明度从大到小依次是黄色>绿色>青色>橙色>红色>品红色>蓝色。(见下图 1-2.2.1)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

明度的高低变化可以理解为在色彩当中加入黑色(降低明度)/白色(提高明度)。

(3)纯度(饱和度):指色彩的纯净程度。该色相的纯色(纯色是指一种不混有其他色彩的色彩)在该色彩倾向之上所占的比例既是纯度,例:浅红色是属于红色色相的色彩,但与大红色相比,浅红色中红色的成分相对较低,即纯度较低。(见下图 1-2.3.1)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

注解:对纯度的称谓,有艳度、彩度、饱和度等多种叫法,我个人更倾向于纯度这个称谓,因为这个称谓有助于概念的理解,纯度是指色彩够不够纯(纯色所占比例),比较合理,而艳度是指够不够艳?彩度是有彩色的比例够不够多?以上都不够直观,饱和度这个称呼虽然没太大问题,但不如纯度容易理解。

(4)困惑过我的疑问:明度和纯度一方的变化,会怎么影响另外一方?

1)明度变化对纯度的影响

如果我们控制色彩三属性中的色相不变(在 HSB 模式中的色相数值不变),那么纯度越高,明度越低。

明度越高的色彩,意味着加入了白色,也就意味着纯度下降(白色的加入导致原色彩纯色比例下降);明度越低的色彩,则是加入了黑色,纯度同样会下降(黑色的加入导致原色彩纯色比例下降);这就意味着明度与纯度的关系是无论明度上升或者下降纯度都会下降。

2)纯度变化对明度的影响

如果我们控制色彩三属性中的色相不变(在 HSB 中的色相数值不变),那么纯度越高,明度越低。(见下图 1-2.4.1)

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

纯度越高的色彩,意味着加入了更多纯色,也就意味着明度下降(白色的比例下降);纯度越低的色彩,意味着减少了纯色,也就意味着明度会提高(纯色比例下降,导致白色占比增加。)。

3、色调

色调是整体的色彩倾向。在色彩的色相、明度及纯度三属性当中,只要保持 1 至 2 个属性一致,变化其他属性,整体色调就能保持一致,这可以成为我们把控整体风格一致性的重要实现方式。

通过色相的冷暖变化,我们可以营造暖色调、冷色调及中间色调,从而通过冷暖变化来传递情绪。

同理,固定色相,让明度与纯度变化,可以将色调分为如下 10 种(见下图1-3.0.1),而每种色调对应不同的情感属性,我们可以根据情绪来选择相应的色调,从而在整体上调整色彩,为我们选色提供一个切入角度。

别以为,色彩的知识你全懂了——(一)色彩基础知识篇 飞特网 设计理论

色彩的选择过程中,有理性也有感性,虽然我们可以确定这 10 种色调,但你很难明确它们的分界线,也就是说很难界定明确的数值,只能提供一个大致的范围,在选色用色时,需要结合我们的审美,进一步去判断。

在如下的分析中,我是将色彩的情感属性分为正负两个层面进行分析,但没有不好的色调,我们需要做的是让正确的色调出现在正确的地方。

分析顺序:纯色调→白色调→明色调→浊色调→灰色调→暗色调→黑色调(即 "S" 型曲线)

47

好评
43

差评

刚表态过的朋友 (90 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

1314
天津市 北辰区 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计