看世界
首发于看世界

配色终极指南

本文为《色彩设计的原理》整理,作者伊达千代。微信关注公众号,让时间慢下来,截图发给作者AlexCui(vx-unclecui1949),可获得本书PDF预览版,请在24小时内删除。

Step 1 色彩的知识

1.1 色彩的组成与搭配

反射色:色彩就是可见光在物体颜料上除去被吸收的光后,散射出来的光的颜色(印刷品)

透过色: 色彩就是白色光透过带颜色的电子屏幕后,表现出来的光的颜色(屏幕)


Tips:在色彩学上计算出来的颜色有750万多种,人眼一般能分辨3000-5000种颜色。色彩的名称并没有那么多,日本工业规格所规定的惯用色名称仅有269种。

1.2 表达色彩的语言

色相:用于区分色彩的首要特征,比如红、黄、蓝等颜色

纯度:色彩的鲜明程度,越鲜艳的纯度越“高”,越暗沉的纯度越“低”

明度:色彩的明亮程度


1.3 色彩的工作与功能

色彩能对人的心理产生一定的效应,而且同一个颜色在不同国家不同文化背景下的印象也是各不相同,更不能过度期待这种色彩对心理的影响。

比方说,红色在中国总所周知代表“喜庆”、“热情”的意思,但在某些西方国家,红色又与“财政赤字”(Be in the red)有所关联。此外红色还有“危险”、“紧急”之意,像Red Alert就是表示“空袭”、暴风雨来袭的“警告声”。比如某人“乐嘉的色彩心理学”


1.4 RGB 与CMYK

计算机屏幕以RGB表示色彩,印刷品以CMYK表示。


1.5 冷色与暖色

色彩学上根据心理感受,把颜色分为暖色调(红、橙、黄)、冷色调(青、蓝)和中性色调(紫、绿、黑、灰、白)。

暖色系的色彩被认为会提高血压以及心跳次数、刺激自律神经系统、增强性欲和食欲;冷色系则有与之相反的作用。因此很多餐饮行业或烹饪书,为了让食物看起来更美味,激发想吃的欲望,比较适合暖色系的配色。


1.6 印象坐标

分析色彩带给人的印象转换成简洁易懂的图示便是印象坐标。


在商业世界,每一个公司的Logo都经过精细的色彩考虑。


Step 2 取得协调的配色

2.1 色相一致的配色

同色相配色是指主色和辅色都在统一色相上,这种配色方法往往会给人页面很一致化的感受。

同色相配色容易营造出一种较为梦幻的感觉,但因较为朴素也就不容易引人注目,而且会给人一种单调的感觉。

Tips: 不要从头到尾只使用完全相同的色相,最好也使用其他色相的颜色作为强调色,将色调一致的颜色当做基地色比较合适。如若想要在色彩变化上融入一点微妙的变化,可以尝试在色环中选用两侧相近的颜色,这样色彩层次丰富了而统一感也不会变,称之为“邻近色配色”。

Tips:邻近色之间往往是你中有我,我中有你。比如:朱红与桔黄,朱红以红为主,里面略有少量黄色;桔黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。在色轮中,凡在90度范围之内的颜色都属邻近色的范围。

2.2 明度一致的颜色

明度,即表示色彩的明亮程度。而相比起“纯度”跟“色相”,明度是让眼睛更容易感受到“变化” 的色彩属性,因此不管使用怎样的色彩,只要色彩的明度相合就能表现出统一感。

Tips:比起纯度以及色相,明度是让眼睛更容易感觉到“变化”的色彩要素,将明度统合等同于在设计物上做出特别突显或醒目的部分。明度一致的设计,能使整体有均衡而平面的印象。


2.3 纯度一致的配色

纯度,表示色彩的鲜艳程度。相比“明度”跟“色相”,纯度更容易对人的心理印象造成影响。其中,纯度越高,越是让人感到鲜艳刺激(左1);纯度越低,越是让人感觉平静沉稳(中);而高低纯度混合的配色是难以统合的(右1)。


Tips: 在高纯度的配色中,色彩数量增多,会产生热闹又愉快的印象;色彩数量减少,则会有强而有力的印象。在低纯度的配色中,由于色相变化较小,故色彩的数量并不能很有效的影响人的印象。

Tips:纯度:三原色纯度最高。没有别的颜色的混合。彩度:无彩色白黑灰彩度为0。有彩色里含无彩色越多彩度越低。饱和度:某种颜色里该种颜色含量越多,饱和度越高。 2.4 配色方法一:色相的搭配方式

色相环上所有色彩的变化,或是色彩与色彩之间的差异,都以“平均”的方式做配置。也就是说,从这个色相环中,无论以正三角形或正方形选择色彩作组合,选出的色彩彼此间差异都是均等的,整体设计便自然呈现协调的状态。


2.5配色方法二:从自然中取得协调的配色

人类对于平常看习惯的事物都会认为是安全的事物,一直被安全的事物包围着,我们就能够过着心情安稳的生活。既然大自然是从久远的太古以来人类已经看习惯的颜色,那么就举出一些将自热中存在的配色与熟悉的风景色彩,并结合设计来活学活用吧。


2.6配色方法三:由色调而生的配色

色调指的是一幅画中画面色彩的总体倾向,是大的色彩效果。在不同颜色的物体上,笼罩着某一种色彩,使不同颜色的物体都带有同一色彩倾向,这样的色彩现象就是色调。


2.7 配色方法四:无彩色的应用

将无彩色应用得好,可以使设计整体的配色获得统一

无彩色具有统一整体设计的多种功能.例如,将许多纯度和明度参差不齐的色彩用于没计的场合,山于配色没有一贯性,容易给人没有整体感的印象,然而,只要背景采用白色或黑色等无彩色,将每种色彩进行区隔后,色彩看起来是各自独立的,整体也就自然统一了。


2.8 配色方法五:色彩数量与协调

过多的色彩会造成杂乱的印象,应该注意使用的色彩数量

考虑配色时,会不经意地陷入想组合多种色彩,以希望其看起来更华丽。但是设计上使用的色彩数量越少越能衬托出个别的色彩。另外,选择色彩的时候,面积太小的色彩,其存在感就显得薄弱。色彩面积越大,冲击力越大。一般认为尺寸越大的图像,更适合单色的配色


2.9 配色方法六:渐变色

色彩与色彩相连接的时候‘渐变色能够带来设计的协调

渐变色指的是遵循一定的规则做阶段性变化的配色,也有无阶段性的联系,而色彩排列的方式仍然呈现渐变色的状态。在图像中使用渐变色时,可以经由其特有的规则性使人感觉到有秩序的统一。渐变色尽力扮演着连接色彩之间桥梁的角色。


Step 3 强调设计的配色

3.1 对比

设计构思的过程中请时刻记住“在想让其显眼的部分运用对比”这个准则。

所谓“对比”(Contrast)指的是数个设计元素之间具有某种“落差”的状态,这不但是指色彩,在画面设计或是文字的组合上,也可以运用相同的方式加以设计。

色彩上的对比,是指色与色之间在进行组合时所产生的“落差”的大小,设计过程中只要在色彩的某个要素上添加落差,就可以产生明度的对比、纯度的对比、色相的对比等不同方式的组合方式。(明度对比 > 纯度对比 > 色相对比)


3.1.1 明度的对比

在色彩的对比之中,效果最好的是让明度产生落差而形成的“明度对比” 。运用好明度对比就能提高设计的“辨识度”(要素易于辨识的指数)和“可读性”(指文字的易于读取度)。


3.1.2 纯度的对比

由于人的目光容易被鲜艳的色彩所吸引,所以可以使用高纯度的色彩来用作强调作品的某一部分。

高纯度的色彩组合容易形成一种花哨的感觉,因此亮眼的作品需要在使用纯度高的颜色来凸显某一部分的同时压低周边元素的色彩纯度,然后还需考虑如何引导视线如何做排版。

低纯度的配色能给人产生平和或是怀旧的情感,但与高纯度的色彩结合在一起时,会让设计作品具有近乎戏剧性的效果,适用于电影海报或小说封面等追求戏剧张力的设计。


3.1.3 色相的对比

色相对比,是把不同色相的色彩组合在一起并借助颜色的不同来营造对比效果。

在色环中位置相聚较远的配色组合,效果强烈;反之则越弱。(值得注意的是,在纯度较高的互补色组合时,会由于视觉残像而在色彩边界产生“光晕”现象,会让读者眼镜疲劳,文字难以阅读)


3.2强调色

只要有少景的强调色,就能串接设计整体的风格

强调色担任的职责是重点点缀,所以不要太多。只要将极少量的强调色,使用在想要引人注目的地方或是其周围,就可以适当的成为统一设计的重点。


3.3辨识度

对人眼来说,最能强烈感受到的对比是明度对比。色彩的明度差,以原色来看非常难以判断,若要准确判别明度差,只须将所有的色彩全都转换为黑白色调即可。


3.4彩色

若希望设计有华丽的感觉,就要运用多种色彩连接组合的配色。彩色的配色优点在于,它不但能够营造出华丽感,还能避免因某特定颜色而让观看者感受到固定的印象。


3.5 前进色后退色

前进色:在置于同一平面上的各种颜色中,显得比其它颜色更靠近眼睛的某些颜色中之任一种颜色(如各种黄色和与黄色相近的其它颜色)。

后退色:亦称“缩色”。和其它颜色在同一平面上,但看上去离眼睛较远的几种颜色(如绿色、蓝色、紫色及其各种变色)。

Tips :暖色调的颜色属于前进色。膨胀色可以使物体的视觉效果变大,而收缩色可以使物体的视觉效果变小。颜色的另外一种效果。有的颜色看起来向上凸出,而有的颜色看起来向下凹陷,其中显得凸出的颜色被称为前进色,而显得凹陷的颜色被称为后退色。前进色包括红色、橙色和黄色等暖色,主要为高彩度的颜色;而后退色则包括蓝色和蓝紫色等冷色,主要为低彩度的颜色。


3.6 诱目性

纯度高的暖色系色彩容易映入眼帘,被称为诱自性高的配色

诱目性并不单指颜色显不显眼,而是说色彩可以引发人们注意力的程度。

一般暖色中的红、黄、橙的诱目性可能偏高;冷色的诱目性次之,如蓝、绿、紫等,当然这还要有针对的不同对象,比如人物表情和服装颜色的搭调等,还有很重要的一点就是局部色空间彩范围内或者说单一对象的独立配色性的协调统一,使人有赏心悦目的色彩感受。


3.7 节奏与色彩面积

为了强调设计,在思考如何选择颜色的同时,也必须思考其配置方法


我的微信号290764023,一枚城市规划师也是专栏作家

我在管理三个群,行业交流群,金融,设计师、程序员,学习

编辑于 2017-12-23

文章被以下专栏收录