作品集设计 | 美国平面设计专业色彩学

2017-09-10 00:13:24 留学指南 1367




专业网赌追款常说一个新颖充满创意的设计往往不是因为它真的有多特别,而是因为它用色彩搭配改变了人们对它的整体印象,带给用户的视觉冲击力极强引起的惊叹。有时候,光有一个不错的设计形态是很难得到用户的肯定的,只有用色彩方案赋予作品该有的品质才是一个好的平面设计。



RGB 系统 RGB 是指由红(Red ),绿 (Green),蓝(Blue)三个色光组成,亦被称为色光三原色,在计算机全彩显示中分别以 0~255 个色阶表达,有时则以十六进制(Hex)00~ff 来表示。由于人眼感知到的色彩为光线的反射,因此当越多光线投射入眼睛中的时候,人眼感知到的是越亮的色彩,因此色光的特性为,越迭加出来的结果越亮。


实际上专业网赌追款日常生活中接触的显示器、电视、计算机屏幕、手机屏幕等等皆是使用这个方式去达成的,像是屏幕上的每一个像素其实都是由三个不同颜色的发光 体,并且利用各自不同的发光亮度,来达到显示各种颜色的结果。(为方便说明,下图网格线为示意用,并不保证为 LCD 实际排列顺序)。


CMYK 系统 CMYK 被称为印刷四原色,由于颜料的特性刚好和光线相反,颜料是吸收光线,而不是增强光线。因此颜料的三原色必须是可以个别吸收 R、G、B 的颜色,那就是它们的补色:青(Cyan )、洋红 (Magenta)以及黄色(Yellow),在印刷上专业网赌追款已以浓度 0~100% 来表示。但由于现实生活中,完美无杂质的颜料是不存在的,因此即使混合三种颜色也无法得到纯粹的黑色,因此在印刷中加入了黑色(Black),组成 CMYK 四个印刷用的色彩,在印刷时依照顺序一层层的迭印在纸张上,形成专业网赌追款在印刷品上看到的色彩:


然而,这两个系统都有着致命的缺点存在:他们并不符合人类感官上的直觉性。比如说以下这个蓝色的 RGB 值为(0, 167 , 229), CMYK 则为 80/8/0/0。


专业网赌追款可以在绘图软件中任意使用 RGB 或 CMYK 的其中一个并输入以上的数值得到一样的蓝色,但是当专业网赌追款想要调出「比这个蓝还要浅(深)一点的蓝色」、时,相信没有人能够快速的使用 RGB 或 CMYK 去找出来,就算是透过绘图软件的图形化接口亦是:



由于 RGB 与 CMYK 都是极为贴近色彩显示原理的色彩表达方式,在许多时候专业网赌追款不得不去了解并使用它们,例如在屏幕上进行校色、选择色彩空间、控制图片在网页上所显示的效果 时,专业网赌追款就不得不去了解 RGB 的原理跟特性而去调整。而印刷上更需要透过控制 CMYK 的数值来达到掌握印刷质量、甚至避免出现背印等等造成最终印刷品不符合原本设计的状况发生。


在选择色彩这件事上,专业网赌追款有更贴近人类感官的方式。

HSL 和 HSV 色彩空间


专业网赌追款对色彩的认识往往是这样的:「这是什么颜色?鲜不鲜艳?很亮还是很暗?」。事实上,人类对于色彩的第一个感知往往是从色相(Hue)开始的,专业网赌追款在色彩学中最早接触的的色相环即是将肉眼可见的色彩的色相排列出来而得:


比起 RGB 系统,HSL 与 HSV 使用了更贴近人类感官直觉的方式来描述色彩(Wiki条目 :


HSV (有时也称作 HSB)为色相(Hue)、饱和度(Saturation)以及色调(Value )所组成,称呼成 HSB 的时候的 B 指的是亮度(Brightness),为了与软件中的用词统一,接下来以 HSB 称呼。


HSB 的概念很接近色彩学所常使用的色彩空间模型,由于是由三个属性所组合而成,因此常以色立体表示,例如下图为日本孟塞尔颜色系统 (Munsell Color System)的色立体模型,常被用来教学与解说色彩系统的组成:



但由于专业网赌追款常用的操作系统依然为二度空间的系统,因此在计算机系统的选色接口中常以不同的接口出现,我想其实大家都很熟悉,像是下图为 Mac OSX 系统中的选色器,可以看见一个全彩的色相环,环状的轴向为色相、而圆边到靠近圆心的长度即为饱和度的变化,再透过右边独立的控制条来控制色彩的明暗度。抑 或也可以切换到滑杆模式中,分别调整三种不同的素质来达到选择颜色的目的:




而 Windows 系统中的选色器也可以找到类似的设计:


也许你会觉得 HSB 并没有比较简单,但是实际使用过就会发现,它是多么的好用(以下示范接口为 Illustrator 选色器,不知道为什么中文版把 “H” 写成「高」),例如以上的例子的蓝色以 HSB 表达为(196, 100, 90),当专业网赌追款想要一个「比这个蓝还要浅(暗)一点的蓝色」时,专业网赌追款可以简单的调整明度(Brightness)的数值,来得到同样色彩、但是不同明度的结果:



而也可以简单的调整饱和度(Saturation)来控制色彩的饱和度,得到饱和度较低的色彩:


更甚至可以直接调整色相(Hue)的数值,得到饱和度跟明度相同、但色相不同色彩:


HSV 由美国计算机图学家 Alvy Ray Smith 于 1978 年发明,至今诞生了约 30 多年的时间,在计算机图学中其实并不是一个新的东西了。如以上的例子,其实在许多操作系统中都已经默认给使用者使用,但在绘图软件中却常常因于用户选择的 文件模式、而默认给用户 RGB 或是 CMYK 的选色器。当你觉得对于选择色彩很苦手时,下次不仿找寻一下选色器的选项,找出 HSB 的选色面板试试看,也许会有全新的发现:



而在网页应用中,CSS3 亦已经支持了这种直觉化的色彩表达方式(使用的是 HSL 与 HSLA ,A 为 Alpha,即透明度的意思),网页设计师已经可以透过这种直觉化的色彩选择方式,来快速调整网页上的色彩,而不用再痛苦的在 RGB 色码(而且还常常是使用16进位码)来表示,在调整以及微调更接近人类的感官直觉。