【设计基础】色彩是什么？

北京/交互设计师/2年前/84浏览

版权

【设计基础】色彩是什么？

了解色彩属性的关系，培养对色彩的敏锐度。

大纲
1. 色彩属性
2. 色彩分类
3. 最后的碎碎念

一.色彩属性

【设计基础】色彩是什么？（图ZMTQ4NDgzMDA=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

色彩具有三个基本的性质：

色相（Hue）
明度（Value）
饱和度（Saturation）

透过以上的记号来标记色彩，就能对其进行客观的描述，也能简单选择出所需要的色彩。

1.色相Hue

色彩的名称，用来区分与形容色彩。红色、黄色、橘色、绿色、蓝色等等，这些是我们常见的称呼。

【设计基础】色彩是什么？（图ZMTQ4NDgyOTI=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

不过颜色是有无限多种样貌，并非上图所述的而已；我们难以用语言区分，于是让人产生「颜色就那几种」的错觉。在光谱中有无数个颜色，人们为了表达色彩，发展出色彩的命名法。

色彩的命名

我们以语言与感受来表达色彩，同时将这些色彩记录下来，随着越来越多人使用与普及，渐渐形成特定意义的词汇，成为色彩的命名。

色彩命名可简易区分为：

固有色名

传统色名：动物、植物、矿物或其时代、地域、流行，由传统文化发展出的色名，例如：琥珀色、祖母绿。

惯用色名：在固有色名中，广为人知的色名，较多被现代使用，例如：钛白、象牙白。

现代使用的颜色命名，多半有市场上的考量，因而创造出不同的新词汇。

系统色名

以科学化的色彩体系为基础，对色彩作有系统的命名。

想了解更多，可观看色彩学等书籍，关键字：色彩命名、系统色名、基本色名、固有色名、惯用色名。

【设计基础】色彩是什么？（图ZMTQ4NDgyODg=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

2.明度Value

色彩的明亮程度，称为色彩的「明度」。

【设计基础】色彩是什么？（图ZMTQ4NDgyODA=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

色彩加白可提高明度，色彩加黑则降低明度。明度最高的是白色，明度最低的是黑色。在黑白间又可以分出许多不同深浅的灰色调。

【设计基础】色彩是什么？（图ZMTQ4NDgyNzY=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

3.饱和度Saturation

原色的纯度，也可称为饱和度。

以相同色彩的占比来区分饱和度的高低

假设两色各混入不同浓度的白，A 色的彩度高于B 色：

A 色= 70% 的红色+ 30% 的白
B 色= 20% 的红色+ 80% 的白

【设计基础】色彩是什么？（图ZMTQ4NDgyNzI=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

补充：不论色彩加白或加黑，都会降低饱和度。

【设计基础】色彩是什么？（图ZMTQ4NDgyNjg=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

二.色彩分类

色彩可以区分为两大类，分别为「有色」、「无色」。

【设计基础】色彩是什么？（图ZMTQ4NDgyNjQ=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

1.有色

纯色：纯色
清色：纯色+ 白色／黑色
浊色：纯色+ 灰色

2.无色

在可视光谱中，不包含无色，所以在色彩学中不能称之为色彩。然而，无彩色却能在心理、生理、化学中对色彩产生影响。

无色搭配任何有色的色彩，几乎都能达到调和的作用。

金、银、黑、灰、白可用于调和与突出其他颜色的色彩
其中金、银，具有光泽特性，常用于设计中的点缀和装饰

三.最后的碎碎念

了解色彩与其属性的关系，可帮助我们培养对色彩的敏锐度。想更深入学习色彩相关的领域，可阅读「色彩学」、「色彩原理」、「色彩心理」这一类的书籍。如果感兴趣，以后我会出一些好书推荐哦。

【设计基础】色彩是什么？（图ZMTQ4NDgyNjA=） - 教程 - 站酷设计师莱恩视界原创素材 - 站酷ZCOOL

收藏

设计基础系列文章：

色彩的感觉

0

举报

|

声明

收藏

分享

原创文章平面 UI 纯艺术设计设计基础色彩教程干货知识

相关推荐

评论

评论你的想法~

表情

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

大家都在看

登录注册

推荐

收藏

评论

分享