色彩设计基础知识整理
产品设计: 工业设计、UI设计、书籍报刊设计等。重点在于品牌印象,清晰、舒适、耐看。诱目性低,可以长时间凝视而不会疲劳。
运营/推广设计: 海报、广告、招贴等形式。重点在于氛围营造,吸睛、具有较强的表现力。诱目性高,瞬间吸引人的注意力。
区分层次;渲染氛围;强化主题;关联传达品牌特性;
H(hues)色相: 红、黄、蓝等色彩的种类;根据位置来划分色彩的邻近色、对比色等。
色相会具有一定的偏向性,如偏蓝色的绿色/偏黄色的绿色,在与其他颜色搭配师,不同的偏向性会产生不同的效果。
从色彩属性上,可以分为冷色与暖色。蓝色、紫色等冷色表现出清凉、冷静的感觉。黄色、橙色等暖色给人温暖的感觉。
S(saturation)纯度/饱和度:色彩的鲜明程度,为0时为灰色;
B(brightness)明度/亮度: 色彩的明亮程度,最高为白色,最低为黑色;明度高:轻快、明亮;明度低:厚重、沉着。
明度差大:力量、有活力;明度差小:高雅、平稳。
RGB:红、绿、蓝;加色混合(混到一起成为白色),屏幕所用色彩表现方式。
CMYK:青、品红、黄、黑;减色混合(混到一起成为黑色),印刷所用的色彩模式
色调系列: 色彩的不同明度和纯度的组合,色调由纯度和明度交叉创造而成。不同的色调会给人留下不同的心理印象,决定画面的氛围。
决定画面的三要素是色调、色相和对比强度。
色调差小,则对比小,平稳和谐;色调差大,则对比较强,变化而有力量。
淡色调(P)
心理印象:温柔、梦幻、轻盈、轻、淡、浅,多用于化妆品、婴儿用品等。
浅色调(LT)
心理印象:清爽、轻松、明快、轻、淡、浅,多用于化妆品、儿童用品等。
浅灰色调(LTG)
心理印象:素雅、温柔、消极、成熟、雅致。
轻柔色调(SF)
心理印象:质朴、消极、平和、成熟。
明亮色调(B )
心理印象:轻快、活泼、童真。多用于儿童用品。
强烈色调(S)
心理印象:强烈、有深度、充满热情的印象。
鲜艳色调(V)
心理印象:华丽、热闹、刺激、鲜明。
灰色调(G)
心理印象:资深、沉稳、厚重、成熟、含蓄、保守、消极。
浊色调(D)
心理印象:钝化、厚重、质朴、稳重、高级。
深色调(DP)
心理印象:沉着、干练、稳重。
暗灰色调(DKG)
心理印象:稳重、沉闷、质朴、厚重。
暗色调(DK)
心理印象:厚重、阴暗、稳重、质朴。
暖色:红、黄、橙等,让人联想到火焰、温暖的太阳等比较温暖的事物;
冷色:蓝色、绿色、紫色等,让人联想到冰、雪等比较凉爽的事物;
前进色:看着比实际上离自己近,膨胀色,一般是暖色,偏白的颜色;
后退色:看着比实际上离自己远,收缩色,一般是冷色,黑色等;
膨胀色:暖色、明度较高的颜色,让物体看起来感觉比实际更大;
收缩色:冷色、明度较低的颜色,让物体看起来感觉比实际更小;
色彩的重量感:黑色比白色显得更重,更牢固。明度越低,显得越有重量。反之,显得越轻。
不同色调的心理印象:
将色彩分为5个角色:主角色、配角色、支配色、融合色、强调色。
主角色: 配色的中心色,其他颜色以此为基准。
主角色决定主体,使画面整体安定。要用最强色。面积不需要多大,但是要有力度。
配角色(突出色): 衬托主角、支持主角,专门设置在主角近旁,使主角突出。
配角色增加对比,在一成不变的色彩中增加变化,突出主角色。面积与主角色形成差异,会增强对比的效果(如主角色面积较大时,面积越小的配角色效果越好)。
支配色(背景色): 作为背景环抱整体的颜色。即时小面积也能支配整体感觉。
背景色支配着画面的整体感觉。背景色包围主体,即使面积小,在观众的心中会“看到”主角背后的背景色,所以也会支配整体的感觉。
融合色: 主角色游离其他色时,置同系色于游离处,起到融合整体的作用。
但两种颜色对立过于激烈时,加入融合色,起到缓和矛盾的作用,使整体更加平稳。
强调色: 在小范围点上强烈的颜色,使画面整体更加鲜明生动。
强调色让页面的变化更加强烈,增加整体的活力。同样,面积与主题差异较大,可以增加对比效果。
首先需要明确设计的目的是什么、内容是什么、受众是谁。
设计是解决问题的一种方式,了解产品的形象、用户的角色,可以明确整体所要表现的风格气质,明确我们要解决的问题以及解决问题的思路与方向。如考虑不同年龄、不同性别、不同层次用户对于色彩的偏好。孩童一般喜欢明度和纯度比较高的色彩;老年人一般喜欢明度和纯度都较低的色彩。这样在选取颜色的时候才会有方向、有目标。
了解设计的内容可以关注技术的限制、观看距离的远近以及周围环境的影响。如平面设计一般采用cmyk模式,UI设计一般采用rgb模式。观看距离较远时,需要较强的对比度,增加识别性;反之,距离较近时需要更加柔和,让观者的眼睛不会疲劳。而夜晚模式的使用更是对于光线不足时的一种反应。就环境影响而言,如果产品周围的物体、产品等颜色比较花哨、丰富,那么选用简单、无彩色的配色会更加容易从中凸显。
主色调选取,一般是品牌的主打色,同时需要与所要传达的主题气质相符合。主色所占的比例一般会比较大,对整体风格起到一个主导作用。
对于公司内部的产品,一般考虑公司的品牌色。对于新的、toC的产品,可以使用情景版的方式来确定主色。或者使用行业/客户特定的色彩,如针对中国电网设计产品,考虑使用其绿色作为主色。
主色确定之后,单色配色一般是在色彩的明度、纯度上发生变化,并且加上黑白灰等无彩色来形成配色方案。双色配色可以考虑类似色、对比色、互补色等配色方式,一般而言,与主色在明度和纯度上的差异不会太大。多色配色可以考虑三角形、四边形、五边形的配色方式。
色彩的对比强度,可以是色相、明度、纯度任一方面。需要依据整体的感觉、气质需要来选取和调整。激烈、热闹的氛围需要比较大的对比度,柔和、安静的氛围需要不太强的对比。
色彩的冷暖感:如果都选用冷色或者暖色,整个画面就会偏冷或偏暖。除非有特殊的主题需求,一般多色配色时,会需要在全是冷色的颜色中加入暖色,或者在全是暖色的颜色中加入冷色来点缀与平衡画面的冷暖感。
色彩的明暗:色彩的明暗就像是画面的光影,有高光、有阴影物体才会有体积感。同样,颜色的明暗对比让画面具有层次感与纵深感。同时,全是亮色会显得浮躁,全是暗色会显得沉闷。
色彩之间的呼应: 整个画面之间的颜色并不是割裂的,这里一块那里一块独立存在。而是在元素之间穿插错落。色彩的呼应会让整体感更加明显,也更容易让画面变得和谐。
色彩的面积: 主色与辅色所占的面积大小一般会有所差异,形成对比。常见的比例有7:2:1,。整体的感觉与印象是不同面积色彩感觉之间拉扯的结果。
环境色/光源色的影响: 高光与阴影的颜色会受到环境色的影响,如黄色灯光下的物体,高光会偏黄色;蓝色背景上的物体,其阴影也会偏蓝色。在对元素填色时,需要考虑环境色/光源色的影响,在基础色的色相上偏向光源色或者多层叠加颜色来让整体细节更丰富、更有质感。
兼顾“突出”与“融合”两个方面: 在完成配色的方案后,要审视整体的方案与目标气质、定位基调的一致性。如果过于沉静,则下点功夫突出一下即可;如果过于喧闹,则像着沉浸、融合的方向调整即可。
取色板的右上角顶点为某一色相的纯色。水平往左,是逐渐加入白色的过程,颜色纯度逐渐降低;垂直往下,是逐渐加入黑色的过程,颜色明度逐渐降低。将取色板均等分为9个区域。每个区域的颜色会给人不同的感觉。与pccs的色调划分方式有些类似,在设计软件中选取颜色时运用比较方便。
色彩九宫格与给人的心理印象
1号区域-淡色调
心理印象:高明度低纯度,温柔、轻盈、梦幻、素雅、
2号区域-明色调
心理印象:高明度中等纯度,清爽、明亮、活泼、可爱。多用于儿童用品等。
3号区域-纯色调
心理印象:高明度高纯度,鲜艳、刺激、热闹、华丽、年轻化、冲击力强。多用于广告、海报等运营类设计。
4号区域-淡浊色调
心理印象:中等明度低纯度,素雅、格调、安静、朴实、舒适、平和。高级灰、莫兰迪色。
5号区域-浊色调
心理印象:中等明度中等纯度,坚定、质朴、安静、高级。
6号区域-暗色调
心理印象:中等明度高纯度,沉闷、成熟、沉稳
7-8-9区域-黑暗色调
心理印象:低明度,危险、高档、暗沉、厚重、阴暗
此区域的颜色,有人视为色彩禁区。颜色显脏不好搭配。当需要纯黑色的替代色时,可以考虑选取这几个区域的颜色,色彩可以偏向于主色的色相或者与主色协调的色相。
九宫格配色的使用技巧: 比较简单的方式是选择同一区块的颜色,在色相上产生变化。在多色配色的情况下可以取得较好的效果。也可以考虑明度与色彩的重量感,选用亮与暗、轻与重的颜色协调。
快速上手!10分钟学会这招超好用的「九宫格」配色技巧 - 优设网 - UISDC
用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC
看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC
色相一致的配色
各个色彩色相保持一致或者接近,通过明度或纯度变化来产生差异。
明度一致的配色
各个色彩明度保持一致或者接近,不会产生强烈对比感,整体会显得比较均衡。
纯度一致的配色
各个色彩纯度保持一致或者接近,纯度越高,刺激性越强,纯度越低,越显得沉稳;
同色系配色
色相不变,在纯度与明度上产生变化,形成配色方案。单色系配色,比较容易做出效果。
邻近色/类似色配色
色相跨度较小,容易形成比较清晰一致、意图明显的的效果。
中差色配色
色相环上颜色位置呈90°,具有一定的对比但不是太强烈,高级、华丽、干练。
对比色/互补色配色
色相环上二者成180°,对比强烈,容易形成炫光效果,一般会使用面积差异或者明度差异来让页面更加稳定。
三角形配色
色相环上颜色呈三角形,对比较为强烈、稳定。
四边形配色
色相环上颜色呈四边形,有一定的对比,色彩数量比较丰富。
五边形配色
以五边形的方式从色环选取颜色,色相之间的对比比较均衡。色彩数量丰富,热闹、活泼。
整体显得模糊时,应该删除暧昧模糊的地方,突出主题,大力强调作为主角的部分,整体更加清爽踏实。
当配色过于沉重压抑时,应该减少黑色,增加鲜艳颜色,提升明度、饱和度,整体明朗、生动。
对比越强,显得有活力、精神饱满;对比越弱,则更加安定、稳定。
加入对比色: 对比色是主色的补充,两者形成冲突。注意面积、明度、纯度、位置的调节,避免画面过于激烈、不协调。
准对比色带来平稳的对比: 比直接使用对比色的效果更缓和一些,即使用稍偏离对比色的补色。
全色相型: 色彩种类丰富,画面热闹、开放,类似五边形配色。
三角形配色: 平衡、稳定,类似三原色的配色。
十字型: 两组对比色,在色环上构成“十”字,有力度、紧凑。
黑色起突出作用: 黑色凸显出力量感,能够衬托出有彩色的鲜艳。
白色在不破坏画面感觉的基础上起强调作用: 白色作为中立色,不破坏其他颜色。可以作为强调色、间隔色。
用淡色群固定淡色主角: 淡色主角,背景色、辅助色等不应该过于强烈,抢过主角的风头。整体的淡色调,让画面氛围更加轻快。
加强中心部分的方法: 提高纯度;强化明度对比;强化色相对比;
加入鲜艳色彩: 鲜艳色调显得有活力,暗色调显得庄严、高雅。
减少一部分黑色: 与加入鲜艳颜色是一个道理,让色调往明亮、鲜艳方向靠近一些。
设置明度差: 也就是增加对比。对比产生力量、跃动的活力。色彩的对比包括色相、明度、纯度、面积的对比。
制造一个亮点: 抑制背景色,突出主题色的明度、纯度,与背景色拉大面积对比。
增大色彩面积: 画面过于单调、空洞,可以适当增加色彩的面积,减少留白,增加图版率和视觉度。(图版率高,整体更加活跃、热闹,适合快速浏览。图版率低,则更加安静、偏向于细细阅读,适合阅读、文档等应用的设计。详见 - 写文章 )
分离配色: 颜色之间不按照色相环的顺序排列,而是让对立的颜色放到一起,增加冲突,制造动感。
重心: 深色(明度低)在上,浅色在下,重心就会上移,不稳定而形成动感。防止,则重心靠下,更加安定。
画面色彩不协调/过于喧嚣,使用三属性(色相、明度、纯度)、位置、面积来缓和氛围,整体更加和谐。
色相靠近: 同系色、邻近色等,色相差异较小,测试稳定、温馨、保守、恬静的效果。
双色调: 色相相同或相近,色调形成差异,淡色&明色/明色&浊色等的组合。
对比双色调: 两组双色调,色相之间形成对比。双色调的平稳感与色相对比的紧凑感共存。
统一明度: 色相差异较大时,采用相同的明度,整体会给人安定的感觉。
靠近色调: 纯度与明度组成色调,同样的色调可以强化该色调带来的感觉,统一整体的画面氛围。
通过群化法收敛混乱: 将色相、明度、纯度中的一部分共通化,会得到统一感。
浓淡法: 按照色相的顺序或者明度的顺序配色,形成稳定的节奏感。
微差: 近似的色相与明度,整体会比较宁静。
灵活运用令人生厌的色调: 使用小面积强调色十分有效。强调色的选用:高彩度的同色系色彩、准高彩度的对比色彩、高明度色彩。
通过重复融合整体: 在不同的位置放置一样的色彩,形成呼应,整个画面更好地融为一体。
利用白色间隔使画面更柔和: 在过于浓艳的配色中使用白色间隔,可以缓和色相之间的强烈对比。
从自然中获取配色 :
选取自然风光的照片,进行马赛克处理,选取其中的颜色作为配色方案。
选择与主体一致的颜色:
设计材料中有一些必须加入画面的图片、图案等,可以在其中吸取颜色,作为字体、装饰元素的颜色。让整个画面更加协调。
插入间隔色:
主体与背景色、辅色等产生冲突时,可以在二者中间插入间隔色,进行一个区分、缓冲与过渡的作用。间隔色一般为无彩色或者浊色调色彩。
色彩印象:
婴儿→儿童→成年→中年 —— 浅色调、轻柔色调→明亮色调、鲜艳色调→强烈色调、浊色调→深色调、灰色调;
男性 —— 纯色,强对比;女性 —— 柔和、素雅,弱对比。
朝气、活力 —— 暖色、全色相;
可爱 —— 增加白色面积占比、在颜色中加入白色;
素雅 —— 淡雅明快的色调,弱对比;
豪华 —— 暖色、鲜艳色调、强对比;
自然 —— 明亮、素雅的浊色,在色调图中的轻柔色调、强烈色调、浊色调。
力量、速度 —— 鲜艳、厚重的色调,对比强烈;
幻想、神秘 —— 同色系,自然界中少见的;
渐变:
采用色调一致的颜色,通过色调来形成不同的氛围。
·同类色渐变:柔和、轻微、细腻。具有柔和的光影感。
·邻近色渐变:时尚、耐看、活跃
·互补色/对比色渐变:冲击力、吸引眼球、时尚。
先确定版式,再选择配色。
色彩的数量与协调:
有彩色的数量较多,容易形成热闹、绚丽的氛围。但是颜色数量越多,协调起来越难。色彩数量较少会比较有力量感,给人感觉更加坚定、方向明确;
可以在明度或纯度上保持相似性。也可以加入无彩色作为区分、过渡。或者将某一种颜色用在所有元素上,让整体更加统一。
多色配色:
色相、纯度、明度等至少要有一个保持一致或接近。如多色相的(色彩种类较多)时,应该保持各色彩的纯度和明度至少一个差别不大。要是都差别很大,则容易不协调。可以将其中一个颜色的明度或纯度提高,进行有意凸显与强调。
多色配色也要讲究颜色之间的呼应,如某些细节部分颜色与大面积色彩保持一致,而非一个颜色占据一块。
多色配色时,颜色之间的比例也需要权衡。比较均衡时,整体比较热闹。主次分明时,与大面积色的感觉更靠近。
叠加模式:
通过不同的叠加模式(柔光、叠加、颜色加深等),让图片或者色彩之间融合更加自然。
ColorMunki - ColorMunki Design
Color
Color Picker — A handy design tool from Color Supply
Color Hunt - Trendy Palettes for Designers and Artists
LOL Colors - Curated color palette inspiration
Coolors.co - The super fast color schemes generator
0-255
Color Scheme Designer 3_高级在线配色器_配色网
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
中国色 - 中国传统颜色
CMYK 和 RGB 这两种色彩模式本质与区别在哪? - 知乎
《色彩设计的原理》的笔记-全书
快速上手!10分钟学会这招超好用的「九宫格」配色技巧 - 优设网 - UISDC
用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC
看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC
高手的平面课堂!最容易上手的配色方法 - 优设网 - UISDC
NCD WEB : NCD Busines : Image Scale System
PCCS_百度百科
色彩设计的原理 (豆瓣)
每天懂一点色彩心理学 (豆瓣)
PCCSの色相
配色基础原理 (豆瓣)
用一个实战项目,帮你掌握科学的 UI 配色方法 | 优设网 - UISDC
《 七日掌握 设计 配色 基础》
有光才有色,而色彩的产生,是由于物体都能有选择地吸收,反射或是折射色光。
简单来说, 物体呈现了什么颜色,就是物体反射了什么颜色的光 。
例如:白光照射白纸呈白色,蓝光照射白纸呈蓝色。
通常:
并且,光源色的光亮强度也会物体色彩产生影响:
物体色是指 光源色 (固有色指的是 阳光下物体所呈现的色彩效应)经过物体的有选择地吸收和反射,反映到人的视觉中的光 色感觉 。眼睛所看到的色彩就是物体的物体色。
人们习惯将阳光下物体呈现的色彩效应的总和称为固有色。
实际上,生活中物体所呈现的色彩并非固定不变,经常会受到光源色和环境色的影响。(譬如前面提到的光源色的影响)
固有色比物体色更加概括和凝练,更能反映事物的本质,能更加简洁准确地传达设计色彩信息。
那么色光三原色与色料三原色的不同之处到底在哪里呢?简单的来说,色光三原色是发光体,而色料三原色是将不能吸收的光反射出来。
我们人眼中三种视锥细胞分别用来感知光中红色、绿色、蓝色的强度,所以我们所感知到的色彩都是由红色,绿色,蓝色叠加而成。所以色光三原色属于光的叠加模式,而色料三原色是通过吸收光的颜色(反射不能吸收的光)形成的,所以它为色光的减色模式
将色光三原色两两混合便得到了色料三原色。(黄色,青色,品红)
譬如:我们看见的青色:是物体吸收了红色,反射了蓝色和绿色,蓝色和绿色混合在一起便成了青色。
还有CMYK色彩模型,是印刷所用,k代表的是黑色,因为black中的b已经被占用,所以便选用了k。
具有色相,明度,纯度三种属性
以 红橙黄绿青蓝紫 为基本色。
彩色系中的色彩的性质,由光的波长和振幅决定。
波长 ——色相
振幅 ——色调(明度,纯度)
(只有明度一种性质)
黑色,白色,灰色系列。
黑白系列 :按照一定的变化规律,由白色渐变到浅灰,中灰,深灰,再到黑色构成的系列
生活中,纯色占少数,更多的色彩包含了黑,白,灰的成分。
两种色光相混合,结果为白光,那么这两种色光就称为互补光。
一个原色与其他两种原色相混得出的间色之间的关系,称为互补关系
互补关系: 红绿,黄紫,蓝橙
在色彩设计中,利用互补色的特性,有目的的控制色彩的鲜艳度,对突出和调整色彩的对比效果具有重要的意义。
色相环
以色光三原色为基础,两两相混,得到六种颜色,再将相邻的颜色两两混合得到12种颜色,再继续混合便得到了24种颜色
红色和黄色混合,形成橙色。
也可以这么理解:想让红色变成黄色,就要不断的加入绿色,当绿色的值到达最高点时,此时的颜色是黄色,当绿色的数值为中间值则为橙色
色环(牛顿色环)
色彩表示的三维空间形式,即色立体
由色立体,我们可以看到PS中的纯度,明度变化:
HSB色彩模型:
H hum 色相
S saturation 饱和度
B brightness 明度 (最低为黑色,最高为颜色本身)
HSL色彩模型:
H hum 色相
S saturation 饱和度
L lightness 明度 (最低为黑色,最高为白色)
色光的混合:明度增高,纯度也增高
色料混合:纯度,明度越低
分为:物理混合和生理混合。生理混合,明度既不增加,也不减少,是相混色彩明度的平均值。
分为:旋转混合,空间混合
尽管不是每个人都懂得应该如何配色,但仍然凭感觉判断一组配色是不是还不错。这就是对颜色的感觉。但一组能给人留下深刻的配色,其中必然有一定的道理。
不一致的配色会先的混乱,成为单纯的颜色堆积,好的配色应该是色彩的美丽与协调的统一。
遵循原理的配色才能给人深刻印象。
配色的模式由色彩的 色相 、 明度(亮度) 、 纯度(饱和度) 三阿哥要素组合而成。
纯度最高的色彩就是原色,随着纯度的降低,色彩会变浅,降到按最低就会失去色相,变为黑色、白色、灰色。
避免混乱的基本方法就是通话三要素,使色相、明度、纯度相近。
各种颜色都有主角和配角的分工。对应这种主次关系,减弱可以收敛的配角,留下要突出的主角。这样就可以避免混乱,主题自然鲜明起来。
色相靠近——组合过多颜色,产生活跃感的同时,容易产生混乱。
明亮靠近——明度差过大引起混乱
纯度靠近——统一纯度,统一整体气氛
当在设计配色的时候,首先要考虑使用配色的物品本应该人带来的感觉。要避免配色色彩的感觉与物品的感觉有偏差,要与事实相符。
接近白色的单色象征婴儿,鲜艳强烈的颜色象征青年,灰暗和谐的颜色象征老年
蓝色等冷色表示寒冷,橙色等暖色表示温暖
组合色调和色相,能创造出范围宽阔的不同的色彩感觉
配色时,测知色彩位置的工具是三属性。三属性是理解各种原理必要的基本的工具。
借助 ○ 和 △ ,可以比较容易理解三属性。
色相环,只需记住三原色和它们中间的橙、绿、紫。
完整的色相环如下
三角形纵向表示明度,横向表示灰度,三角形沿色相环展开。
在色相图中,相对的称为对比色,相邻的为邻近色,同系色指同一色相中混入白色或黑色后合成的颜色。
色相中不同的颜色有不同的效果。包括给人温暖、活力感的暖色(红橙黄),给人凉爽、沉静感的冷色(蓝),即中性色(绿紫)。
另外,颜色的效果不总是单一固定的。控制色相差也可以改变颜色给人的印象。例如,使用对比色会使画面更加鲜活生动。
色彩中最亮的颜色是白色,最暗的是黑色,其间是白色。(亮暗即指明度,与色相无关)
明度自身的效果指的是,明色轻快,暗色凝重。
加大明度差,可以达到富有活力的效果;降低明度差,则达到高雅稳健的效果。
理解色调会帮助我们更好地运用纯度。
色调由纯度(饱和度)和明度交叉创造而成。下图中一个个四边形即为色调。
色调也可以理解为色彩的状态,指的是色彩给人的感觉与氛围。是影响配色视觉效果的决定因素。因此在配色时必须充分重视。及时色相变换,处于不同色相的三角形相同位置的颜色也具有相同的色调,处于相同的状态,会给人相同的感觉。
色调的差别,就是纯度的差别与明度的差别的汇总。
没有单纯纯度的差别,因为不纯的色彩,就是混入了某种明度。考虑到明度的不同,则为色调的不同。
色调的位置 对配色感觉起很大作用
色调差的效果——差别小则平稳和谐,差别大则产生变化
配色讲究角色划分。最基本的角色有主角、配角、支配角、融合色、强调色。需充分思考色彩要充当的角色,才会选择出恰当的颜色。
主角色——配色的中心色。选择其他颜色时要以主角色为基准。
配角色(突出色)——目的为衬托主角色、支持主角色。专门设置在主角色近旁,是主角色突出。
支配色(背景色)——作为背景环抱整体的颜色,即使是小面积也能支配整体感觉。
融合色——主角色游离于其他色时,置同色系的融合色于游离处,起到融合整体的作用。
强调色——小范围内点上强烈的颜色,使画面整体更加鲜明生动。
此外还可加上 连接色、镶嵌色、平衡色、添加色、高色阶色 构成十角色。
决定主体,使画面整体安定。
主角色要用最强色 ,这种强色若于主角相符,则明示中心,色彩清爽稳定。 一个物体被施以强烈的色彩,便会成为主角。 主角的位置可以在画面中央,也可以在角上。
如果需要主角色彩鲜艳 ,令人印象深刻,那么面积越小越能达到好的效果。特别是给主角施以纯度高的色彩,会令整个画面稳定下来。
但不是说主角色一定就是占画面中小面积的部分。
采用对比色 使主角色生辉。
为主角色衬以配角色,令画面鲜活充满活力。配角色起到突出主角的作用。
不宜面积过大,或纯度过强。否则会弱化关键的主角色。
支配色(背景色) 支配着画面的整体感觉。
即使是同一物品,如果背景色不同,则画面带给人的感觉也截然不同。
在主角背后若隐若现的背景色,实际上支配着整个画面效果。 决定主角的感觉。
由于其左右着主角效果,所以成功地选择背景色,才能有成功的配色。
即使背景色面积不大,只要包围着主体,就能成为成功的支配色,左右整体感觉。
要结合想要传达的主体,来选择背景色。
背景色的作用与色彩强弱关系不大。强色,弱色同样能支配全体。
缓和游离的颜色
强色间过于激烈的对立、或者其中一种颜色过于突出时,加入融合色,起缓和作用,使画面平稳。
强调色使画面生动
向缺少变化、死气沉沉的画面中加入强调色,顿时活力四射。
面积越小,强调效果越好
采用对比色、高纯度的强调色,效果更好
————————————————————
参考 《设计配色原理(日)》
HSB基于人眼视觉体系 ,由hue色相,saturation饱和度,brightness明度组成。色相就是色彩名称,比如赤橙黄绿青蓝紫等等。饱和度就是图像的鲜艳程度,也叫做纯度。明度指明暗变化。
photoshop中拾色器就可以通过输入HSB的值来提取颜色。下图中s的值是1%,b值是9%,提取的是一个接近黑色的颜色。也就是说这是个既不鲜艳,也十分暗色的一个颜色。
拾色器中,x轴是饱和度,x值越大颜色越鲜艳;y轴是明度,y值越大颜色越明亮。左下角的饱和度明度最低,右上角饱和度明度都最高。
RGB,即red红色,green绿色,blue蓝色,也就是光的三原色。
如果你凑近看早期的电视机,可以看到很小的发光显像管,这种发光晶体管只发三种颜色——红,绿,蓝。这三种颜色被分成256种等级,比如,最亮的红色用255表示,红色不亮则是0.我们常见的(255,0,0)就是一个RGB的值,三个数值分别是红,绿,蓝。
因此,白色的RGB值是(255,255,255),黑色的RGB值是(0,0,0)。试想一下,在一个小黑屋中,什么灯都不开,就都是黑色了。如果红绿蓝所有的灯光都直射你的眼睛,眼前也就一片白光了。
那么(125,125,125)(28,28,28)是什么颜色呢?当R=G=B时,颜色没有色相,都是灰色。
上图中,我们可以看到绿色和蓝色相加变成了青色,绿色和红色相加变成了黄色,蓝色和红色相加变成了品红。
把颜色全部加起来,就变成了白色,所以RGB也叫做加色模式,这对理解photoshop中的图层混合模式(变亮,滤色等)尤其有用。
RGB是光的三原色,CMY就是色的三原色,也就是印刷的三原色。 在印刷中,通过 CMY即青品黄三色可以调出所有印刷色。
青品黄按百分比来区分。(0%,0%,0%)是白色,也就是什么都不印。同理,100%,100%,100%就是黑色。但是由于别的原因,像这样一层一层刷上颜料形成的黑色并不纯正,容易偏红,所以实际应用中不会这样生产纯黑。这也是CMYK中的K(black)存在的原因。
与RGB是加色模式对应,CMYK则是减色模式。如下图。
刚才我们已经得出,蓝绿相加得到青色,红蓝得到品红,红绿得到黄色。也就是说,两个加色相加就好得到一个减色。
我们知道,红绿蓝是光的三原色,直接射进我们的眼睛,而青品黄是印刷色,是根据反射原理才被人眼识别。那么我们是怎么知道一个物品是什么颜色的呢?观察下图。
当rgb三色光射在一块青色的色块上时,由于红色和青色在色相环中是对立的互补色,所以红色被吸收,只把绿色和蓝色反射回去。根据两个加色相加形成一个减色。绿色和蓝色相加得到了青色,被人眼所识别。因此我们就看到了青色。
LAB是基于大自然的色域。 因为大自然是包罗万象的,我们所有的颜色也都是产生于大自然,所以lab要大于RGB和CMYK等的色域,是最大的色域。
总结起来就是
RGB基于光,是加色模式;
CMYK基于印刷,是减色模式;
HSB基于人眼,即色相,饱和度,明度;
LAB基于大自然,是最大的色域。
设计色彩的特征
设计色彩与绘画写生色彩既有区别,又有联系。绘画色彩是感性的、客观的、空间的、真实的,而设计色彩则是理性的、主观的、平面的。这就要求进行色彩学习时,要有侧重地做写生练习。设计色彩将视觉中观察到的色彩经过有目的的筛选、梳理、提炼、变化体现出来。在绘画写生色彩中可以参考个人喜好来运用和表现色彩,而在设计色彩中则不允许有明显的个人偏好。
当人的审美观念随着时代的发展而不断提高时,设计色彩也在随着时代而不断创新,并要符合时代性与环境、地域等不同的审美要求。同时强调以实用为前提,注重大众接受为目的,其要求色彩效果明确、清晰、单纯。设计色彩在绘画写生色彩的基础上通过高度概括、提炼、归纳等手段,夸张地表现出来。它不受光源色、环境色、固有色的影响,它的最大特点就是不满足于自然中客观变化的色彩,而要灵活地调配出比现实生活更理想的色彩,表现出更高境界的色彩。这就要求设计者有丰富的想象力和对色彩的控制能力,同时具备较高的个人审美艺术修养。
艺术设计作品的造型以写实和变形为主。写实是指比较真实地反映生活中的物象特征;变形是在不背离物象的基础特征以及自然规律的前提下,根据设计者的审美取向和审美感受对物象进行概括、简化,改变其表现物象的外在形式,将自然形态转化为艺术形态,它是对自然物象“形”的美化过程。变形是依据不同对象特征所进行,是自然物象的升华。写实与变形是相互联系的。视觉的需要促使着形的变化,有韵味、意味、趣味的变形也满足了形式与内容的高度统一。
设计色彩主要以表现平面、单纯、秩序的形式为主。在艺术设计中出现的形象,无论是二维形象还是三维形象,在构图上都处于平面状态;而物象色彩多采用单纯的颜色,使形象具有审美感染力和表现力,形成画面效果所具有的秩序感、韵律感、节奏感。设计者一般采用重复、渐变、放射、对比、统一等法则来体现这些形式,最终达到赏心悦目的效果。设计色彩配色原理:艺术设备者设计色彩时在颜色选择上可以丰富多彩,也可以只选几个颜色,甚至用一种颜色来表现。设计色彩作品之所以打动人,不在于色彩是否强烈,而是色彩的丰富变化上。即使用一种颜色通过黑、白、灰变化其明度或纯度,做出等级色组成的画面,使画面效果产生秩序感、节奏感。设计色彩的配色:要求色彩的形式和内容应该冷暖对比协调统一,通过形与色的结合来实现色彩传递和表达感情的目的。不同表现主题具有不同的韵律,不同的色调可以给人不同的美感。设计色彩的调和方法主要包括同类色调和、类似色调和、邻近色调和、对比色调和、互补色调和等。
由于设计色彩是艺术设计的主要手段之一,因此它对于设计表现技法的研究、训练也就显得尤为重要。因为设计色彩的内在表现力是来自于对自然色彩的成因及其变化规律的认识和把握,它是关于光和色的有关理论、视觉心理理论、条件色的理论等等。设计专业色彩基础教学模式多种多样,但对于色彩功能的理性分析和运用、人造物象的色彩解析与重组训练等方面还有待于更深层次地去理解与实践。这是因为设计专业的色彩意向表达训练是用来达到自由驾驭色彩的应用而言的。
我觉得初学者,可先找些设计色彩的作品图片看看,做到先有个初步的认知和概念,你也可以临摹一些自己喜欢的作品来找找感觉
色彩的单纯化
色彩单纯化是指在配色过程中色彩统一性倾向的表现。
色彩单纯化的配色原则,主要表现在色彩配色过程中色彩的“整体划一“和”高度概括“两方面。
色彩的主次
一幅色彩设计往往需要多种色彩搭配构成,在这些色彩的组织搭配中有一些色处于画面的主要地位,起到主导色彩的作用,我们把这种色称为“主色”
其他色则处于相对次要的地位,起到陪衬主色的作用,我们把这类色称为“宾色”。主宾色的搭配,构成了色彩视觉的基本层次。
色彩的点缀
色彩的点缀是利用色彩面积强对比的手法,以小面积的鲜亮色在大面积的灰暗色调中加以点缀,从而达到激活画面的效果。
点缀色在色彩构成中具有“画龙点睛”的神奇效果。
色彩的均衡
均衡是形式美的基本法则之一。从物理学上讲,是左右相对称的状态从造型艺术上讲,是作为要素的形、色、质等在视觉中心轴线两边的平衡,以及视觉上获得的安定感。
色彩构图的均衡并不一定是各种色彩所占有的量,包括面积、明度、纯度、强弱的配置绝对的平均布局,而是依据画面的构图,取得色彩总体感觉上的均衡。
色彩的节奏与韵律
在造型艺术中,形体的大小比例,起伏变化以及色彩的冷暖、明暗、浓淡、强弱、调子的虚实,都能构成不同的节奏和韵律。
节奏是建立在重复基础上空间连续的分段运动形式,并由此表现出形与色的组织规律性。
它是构成美的基本形式之一,从配色角度来看,节奏的规律形式可分为重复节奏和渐变节奏两种基本类型。
韵律是在节奏之上所要达到的更高境界。它不像节奏那样具有明显的格式化规律可循,而是在节奏的运动规律之上体现为一种内在的秩序,具有多样性的变化,可以说是重复节奏和渐变节奏的自由交替。
它的规律往往隐藏在内部,从表面上看似乎是一种自由表现形式,实际上则体现着组织的内在规律性。
色彩的呼应
色彩的'呼应在色彩设计中表现为各种颜色不应孤立地出现在画面的某一方,而应在与它相对应的一方(如前后、上下、左右等)配以同种色或同类色构成呼应关系。
色彩的呼应有两种基本形式:局部呼应和整体呼应。
拓展:室内设计中的色彩构成
一、色彩与心理
色彩心理学家认为,不同颜色对人的情绪和心理的影响有差别。
暖色系列:红、黄、橙色能使人心情舒畅,产生兴奋感而青、灰、绿色等冷色系列则使人感到清静,甚至有点忧郁。白、黑色是视觉的两个极点,研究证实:黑色会分散人的注意力,使人产生郁闷、乏味的感觉。长期生活在这样的环境中人的瞳孔极度放大,感觉麻木,久而久之,对人的健康、寿命产生不利的影响。把房间都布置成白色,有素洁感,但白色的对比度太强,易刺激瞳孔收缩,诱发头痛等病症。
美国学者研究发现:悦目明朗的色彩能够通过视神经传递到大脑神经细胞,从而有利于促进人的智力发育。在和谐色彩中生活的少年儿童,其创造力高于普通环境中的成长者。若常处于让人心情压抑的色彩环境中,则会影响大脑神经细胞的发育,从而使智力下降。
正确地应用色彩美学,还有助于改善居住条件。宽敞的居室采用暖色装修,可以避免房间给人以空旷感房间小的住户可以采用冷色装修,在视觉上让人感觉大些。人口少而感到寂寞的家庭居室,配色宜选暖色,人口多而觉喧闹的家庭居室宜用冷色。同一家庭,在色彩上也有侧重,卧室装饰色调暖些,有利于增进夫妻情感的和谐书房用淡蓝色装饰,使人能够集中精力学习、研究餐厅里,红棕色的餐桌,有利于增进食欲。对不同的气候条件,运用不同的色彩也可一定程度地改变环境气氛。在严寒的北方,人们希望温暖、室内墙壁、地板、家具、窗帘选用暖色装饰会有温暖的感觉,反之,南方气候炎热潮湿,采用青、绿、蓝色等冷色装饰居室,感觉上会比较凉爽些。
二、色彩的象征
红色――喜庆、吉祥、热烈。中国人在喜庆的日子里运用红色增强节日的气氛。
紫色――神秘、高贵。
白色――纯洁,高雅。
粉色――温馨、浪漫。可以运用粉色创造甜美的感觉。
天蓝色――静谧、清爽、忧郁。天空给人静谧的感受,大海给人一种广阔无垠的感受,又带着一丝淡淡的忧伤。
橙色――甜美,活力。充满阳光的色彩。
灰色――朴素的质感。
黑色――沉稳大气的感觉。但在葬礼中具有哀伤哀悼的意味。黑色也具有恐怖的意味。
银色――时尚,大气,庄严的效果。
黄色――明快的感觉,最鲜艳的色彩,活泼具有朝气。高贵的色彩,古代帝王用黄色代表权力地位,身份的象征。黄色在室内设计设计中属于耀眼的色彩,一般为点缀色,淡黄色可大面积使用。
三、色彩的感受
(1)色彩的远近与膨胀 。一般暖色、纯色、高明度色、强烈对比色、大面积色、集中色等有前进感觉,相反,冷色、浊色、低明度色、弱对比色、小面积色、分散色等有后退感觉。
由于色彩有前后的感觉,因而暖色、高明度色等有扩大、膨胀感,冷色、低明度色等有显小、收缩感。产生了色彩的大、小感觉。
(2)色彩的积极与消极 。色彩的明快与忧郁感主要与明度与纯度有关,明度较高的鲜艳之色具有明快感,灰暗浑浊之色具有忧郁感。高明度基调的配色容易取得明快感,低明度基调的配色容易产生忧郁感。
色相方面:红、橙、黄等暖色是最令人兴奋的色彩,而蓝、蓝紫、蓝绿等给人的感觉沉静而消极。
纯度方面:不论暖色冷色,高纯度色彩比低纯度的色彩刺激强而给人的感觉积极。其顺序为高纯度、中纯度、低纯度,暖色则随着纯度的降低而逐渐消沉。
(3)色彩的华丽与朴素 。色彩的三要素对华丽及质朴感都有影响,其中纯度关系最大。明度高、纯度高、色彩丰富、对比强烈的色彩,感觉华丽、辉煌。如:霓虹灯、舞台布置等。明度低、纯度低的色彩,单纯、弱对比的色彩感觉质朴、古雅。如:古代的寺庙,退了色的衣物等。但无化何种色彩,如果带上光泽,都能获得华丽的效果。
(4)色彩的庄重与活泼 。黑色、灰色、咖啡色等色彩具有庄重感。暖色、高纯度色、强对比色有跳跃感,活泼感。因此在实际生活中,深咖色,浅灰色常用于机关、企事业单位、科研教育机构儿童娱乐场所、托儿所、育儿园常采用暖色、纯色。在日常的工作生活中,我们应该合理运用色彩,前者运用不当会产生压抑感,缺少生气,后者运用不当显得不严肃、滑稽,分散工作注意力。
(5)色彩的舒适与疲劳感 。色彩的舒适与疲劳感实际上是色彩刺激视觉生理和心理的综合反应。红色刺激性最大,容易使人产生兴奋,也容易使人产生疲劳。凡是视觉刺激强烈的色或色组都容易使人疲劳,反之则容易使人舒适。绿色是视觉中最为舒适的色,因为它能吸收对眼睛刺激性强的紫外线,当人们用眼过度产生疲劳时,多看看绿色植物或到室外树林、草地中散散步,可以帮助消除疲劳。一般讲,纯度过强,色相过多,明度反差过大的对比色组容易使人疲劳。但是过分暧昧的配色,由于难以分辨,视觉困难,也容易使人产生疲劳。
四、室内设计的设计规律
(1)色彩的搭配要做到协调统一 。室内空间的环境色彩要符合室内环境的整体效果,既要有对比又要和谐统一,有所变化。形成室内设计的色彩因素有很多,明度纯度色相在基础上进行统一化的变化。例如一个居住空间有不同的层次,整体背景与物体之间要相得益彰融入一个整体。室内的主调如墙壁、天花板、地板等主体色调进行了确定,其余配件装饰要符合这个整体色调做到协调统一。例如:在整体色调统一的色调中,配上相应的家具、家饰进行点缀搭配。我们可以在大面的色彩中添加一些补色使其更加生动,对比更加强烈在蓝色的背景中点缀橙色的沙发在绿色的空间中放一个红色的边角柜等。
(2)色彩的设置与功能的划分 。不同的色彩给人不同的感受,居住空间的功能不同也有相应的色彩,我们也可以利用空间的冷暖变化营造出不同的气氛。办公空间、卧室等我们可以选择灰色的色调,可以营造出安静柔和的氛围,有助于人们独立的思考,安静的休息,营造舒适的氛围。餐饮行业可以选用暖色调,给人以温馨的感受引发让人们的食欲。商场购物环境,就要以淡雅明快为主,才能更好的衬托产品,满足人们的视觉冲击力。暖色调可以营造出喜庆的气氛,我们可以利用红色的搭配在节庆日创造出喜庆的气氛。中性色调给人一种高雅时尚的感觉,我们可以应用于时尚餐厅等等。
(3)利用室内色彩,改善居住空间 。室内设计中我们可以根据色彩对人的心理感受更好的,更好的使我们的空间更加合理。小户型住户可选用冷色装修,会使人在视觉上产生大的感觉。空间较大的户型可采用暖色调进行装修,使其看上去色彩丰富,空间紧凑。严寒的冬季我们可以选用暖色调的软装饰,比如红、橙、玫红等色相给人以温暖、热情的感受,夏天时可以选用冷色调的装饰,比如蓝色、蓝紫色等给人一种凉爽寂静的感受。
日本色彩学专家大智浩,曾对包装的色彩设计做过深入的研究。他在《色彩设计基础》一书中,曾对包装的色彩设计提出如下八点要求:
1.包装色彩能否在竞争商品中有清楚的识别性
2.是否很好地象征着商品内容
3.色彩是否与其他设计因素和谐统一,有效地表示商品的品质与份量
4.是否为商品购买阶层所接受
5.是否是较高的明视度,并能对文字有很好的衬托作用
6.单个包装的效果与多个包装的叠放效果如何
7.色彩在不同市场,不同陈列环境是否都充满活力
8.商品的色彩是否不受色彩管理与印刷的限制,效果如一。
这些要求,在商品包装的色彩设计的实践中无疑都是合乎实际的。随着消费需求的多样化、商品市场的细分化,对品牌包装设计的要求,也越来越严格和细致起来。为了更准确地掌握不同种类商品包装色彩设计的不同要求,我们可以将生活消费品划分为三大类别,分别提出色彩设计的具体要求:
第一类,奢侈品。如化妆品中的高档香水、香皂以及女性服饰品等男性如香烟、酒类、高级糖果、巧克力、异国情调名贵特产等。这种商品特别要求独特的个性,色彩设计需要具有特殊的气氛感和高价、名贵感。
第二类,日常生活所需的食品,例如罐头、饼干、调味品、咖啡、红茶等。这类商品包装的色彩设计应具备两点特征:
(1)引起消费者的食欲感
(2)要刻意突出产品形象,如矿泉水包装采用天蓝色,暗示凉爽和清纯,并用全透明的塑料瓶,充分显示产品的特征。目前国内这一类型的产品以广东的食品、饮料、矿泉水等较为成功。
第三类,大众化商品,如中低档化妆品、香皂、卫生防护用品等。这类商品定位于大众化市场,其包装色彩设计要求:
(1)要显示出易于亲近的气氛感
(2)要表现出商品的优质感
(3)能使消费者在短时间内辨别出该品牌。