色彩搭配及色彩分析☼让色彩能懂你你是色盲吗?彩虹的颜色正常色觉彩虹的颜色视网膜感光细胞缺失绿色彩虹的颜色视网膜感光细胞缺失红色彩虹的颜色视网膜感光细胞缺失蓝色你能分辨它们吗?HTML中的红Pantone(潘通)的红Pantone(潘通)中暖红一、色彩定义☼色彩是一种由特定光谱的光线混合,并经过传播,反射引起的视觉感受。•色彩是由光引起的,而光是由各种称为可视光谱色彩混合的:–红、橙、黄、绿、青、蓝、紫。•物体吸收了特定波长的光,并把其余的反射到我们的眼睛,因此形成了色彩感。为什么红苹果是红色的?1:太阳光中所有“不可见色彩“都照射到苹果上2:苹果的表面吸收掉除了红色以外的其他所有色彩,并把红色反射到人类的眼睛3:眼睛对进入的色彩进行接受,并把信息传达给大脑☼三个属性:色相(Hue)、明度(Value)、彩度(Chroma)•名称(色相):红?绿?……0……60……120……180……240……300……•纯度(饱和度):是指色彩的鲜艳程度/饱和程度,相对于灰度的纯度•没有加入任何杂质的时候,是最饱和的,最纯净的状态0%50%100%描述一个色彩描述一个色彩☼三个维度•明度(亮度):相对于黑色与白色的明亮程度,可以通过加入黑或白,来降低或增加亮度。–也是,平时生活中经常提到的颜色的浅,淡,亮和明,暗,重.0%50%100%纯度(饱和度)☼同一色相中高纯度和低纯度的色彩具有很大的不同•比如,粉红虽然属于红色,但由于纯度较低,所以失去了红色具有的激情,充满能量的含义,反而表现出柔软和甜蜜等含义。•较暗的蓝色具有典雅,稳重的特性,而天空蓝则具有轻盈,开阔的特性。加色法☼意味着色彩是从黑色开始,随着色彩的叠加,逐渐变亮,最后成为白色。☼在加色系统里没有色彩就是黑色减色法☼意味着由白色开始,随色色彩的叠加,直到黑色CMYK(在印刷领域)RYB(颜料调色)色环(色轮)☼是种按照色相把色彩排列的呈现方式。原色红黄蓝间色橙绿紫三级色黄橙、红橙红紫、蓝紫黄绿、蓝绿互补色和类似色☼互补色之间的搭配十分有趣,如果合适的搭配,会造成强烈的视觉效果,而不当的搭配,会使画面一团糟。互补色类似色☼类似色,是色环色上距离相近的颜色色彩的残像色彩搭配图形-背景之间的关系☼图形:主题,背景:陪衬•很大程度上依赖于色彩之间的对比•对比越强烈,主题在视觉上就越突出•理想的阅读体验:保持文字和背景80%的对比度(相对于最佳的黑白对比)☼特殊情况--同时对比你能看到我的文字么,这里是黄色的文字和白色的背景你能看到我么,蓝色的文字和黑色的背景这是蓝色背景和红色文字的效果,你能看上一分钟么?????我劝你算了,把力气花在看下面的文字吧…..使用互补色时☼高饱和度的色彩搭配容易产生更高的色彩对比,而低饱和的色彩搭配则使整体对比下降设计中的色彩对比(1)☼饱和度对比•这种对比是由饱和度不同的同色相的色彩并排放置形成的☼明暗对比•这种对比中由色彩明度不同引起的☼面积对比(比例对比)•是由各色彩占用的面积而造成的对比,而这个面积往往由色彩的重量感来决定设计中的色彩对比(2)☼互补色对比•这时色环上互相为补色的色彩之间形成的对比☼同时对比•是在视觉上形成颤抖和不稳定色彩放在一起产生的☼色相对比•这是不同色相形成的对比,就是色环上不同位置的色彩形成的对比,色环上距离越大,对比越强烈☼冷暖对比•这是冷色和暖色并置在一起形成的对比比例和明度☼当多种色彩在并置的时候,我们的视觉感到的并不个单个的色彩,而是色彩混合在一起形成的整体,这一整体会因其中各个色彩占面积比例的不同,而表现出不同的情况。☼面积比例最大色彩的是主导色,这往往是画面的背景色。比例稍小的为次主导色。而占用比例最小的被称为强调色。强调色在整体中往往占用的比例比较小,但通过色相,亮度,纯度的对比来进行强调和突出。☼在面积比例不变的情况下,改变色彩的亮度也能改变整体给人的视觉感。主导色次主导色画面的强调创造强调色☼第一种:把较小面积的高明度色放在低明度的背景上☼第二种:把较小面积的低明度色放在高明度的背景上。☼如果主导色(最大面积的色彩)为亮色(高明度色),那么画面整体给人感觉较亮,较轻☼相反,如果主导色为暗色,那么整体给人感觉较暗,较重。主导色次主导色强调色主导因素☼精美的工艺品?吸引人的广告牌?又或者是个简单的文字阐述?☼以对比做主导因素:高对比,中等对比,低对比☼以明度做主导因素:高明度,中等明度,低明度。色彩搭配方法☼把色轮按照明暗重新进行了划分,分出了更多的色彩☼这个搭配对比稍高,明度中等,使用高饱和色☼这个搭配对比高,明度中等,使用不同明度和纯度色色彩☼这个搭配对比稍低,明度稍亮,使用了较高亮度和不同纯度的色彩☼这个搭配对比适中,中等明度,使用了各亮度和不同纯度的色彩☼这个搭配对比稍低,明度偏暗,使用了较暗的色彩,纯度各有不同☼这个搭配对比低,中等明度,使用了各种明度和纯度的色彩☼这个搭配明度稍高,中等明度,使用了各种明度和纯度的色彩☼这个搭配对比高,明度也高,使用了各种明度和纯度的色彩冷色和暖色☼色环可以根据色相给人冷暖感受分为•暖色给人的印象是生动的,激情的,有表现力的,给人感觉在空间位置靠前。•冷色给人的印象是谨慎的,冷静的,产生平静感,给人感觉在空间位置靠后。☼一般我们把黑色,白色和灰色这里无色系视为中立,并没有冷暖感,但在实际运用中受到其他搭配色彩的影响,黑白灰等色彩也会表现出一定的冷暖感☼下面是色彩冷暖的一个图示:色彩搭配进阶互补色搭配☼色环上相对的两种色彩的搭配为互补色搭配,比如红色和绿色。这种色彩之间强烈对比在高纯度的情况下会引起色彩的颤动和不稳定感,在搭配中一定要处理好这种情况,不然会使得画面冲突非常严重并破坏整体。☼互补色搭配在正式的设计中比较少见,主要由于它特殊性和不稳定,但是很显然的是,在各种色相搭配中,互补色搭配无疑是一种最突出的搭配,所以如果你想然你的作品特别引人注目,那互补色搭配或许是种最佳选择。近似色搭配和类似色搭配☼色环上距离较近的色彩搭配被称为近似色搭配,或者类似色搭配(一般可以把近似和类似等同起来)。一般这种色彩之间大搭配显得平静而舒服。☼近似色搭配常常在自然中被找到,所以对眼睛来说,这时种最舒适的搭配方式。在使用近似色搭配的时候,一定要适当加强对比,不然可能使画面显得平淡。三角形搭配☼这种搭配是在色环上等距的选出三种色彩进行搭配的方式。☼三角形搭配是种能使得画面生动的搭配方式,即使使用了低饱和度的色彩。在使用三角形搭配的时候一定要选出一种色彩作为主色,另外两种作为辅助色。分裂互补色搭配☼这是种互补色搭配的变体,它的本质是用使用类似色来代替互补色中的一个,以达到既有互补色搭配的优点,并弥补互补色搭配的弱点。☼分裂互补色的对比依然非常强烈,但它并不会像互补色搭配那样产生颤抖和不安的感觉。☼对初学者来说,这是种非常好用的搭配,一般来说,使用分裂互补色搭配的画面对比强烈,而不易使色彩产生混乱的感觉。矩形搭配(双分裂互补色)☼这同样是互补色搭配的变体,相比上面的分裂互补色,这个搭配把而种色彩都替换成了类似色。这种搭配的色彩非常丰富,能使画面产生节奏感。☼当其中一种色彩作为主要色时,这种搭配能取得良好的效果。在这种搭配中要同时注意色彩冷暖的对比。正方形搭配☼这种搭配中四种色彩被均匀的分布在整个色彩空间。当其中一种色彩作为主要色时,这种搭配能取得最好的效果。和矩形搭配一样,需要注意冷暖色的对比和平衡。配色实践-提高画面对比的原则画面产生对比的原则☼一、使用明度差别较大的前景色和背景色进行搭配,即使是色相和纯度不同的色彩,如果他们明度差别较小,那请尽量不要把他们搭配在一起。•在设计过程中,设计师需要假设一点:观者对色彩对比的敏感并没有设计师本人高。所以在设计过程中,请尽量扩大前景和背景之间的明度对比。☼下图是各种色彩明度的参考:画面产生对比的原则☼二、尽量从色环底部来选择明度较低的色彩,从色环顶部来选择明度较高的色彩,而不要从色环底部选择明度较高的色彩,从顶部选择明度低的色彩。•对很多人来说,使用色环底部的高明度色彩,形成的对比并不明显。画面产生对比的原则☼三、减少使用近似色搭配,特别在双方明度差别不大的时候。•这样做可以有效避免一些色彩不敏感人群对整体识别上的困难。色彩心理学色彩温度感(冷色与暖色)前进色与后退色☼前进色:一般是暖色或者明度和纯度都较高,给人一种视觉上靠近观者的感觉。☼后退色:一般是冷色或者明度和纯度都较低,给人一种视觉上远离观者的感觉。色彩体积感(膨胀色与收缩色)☼膨胀色一般是前进色和暖色,明度较高☼收缩色一般是后退色和冷色,明度较低☼在服饰搭配中,体型偏胖者可以选择收缩色,偏瘦者可以选择膨胀色。色彩重量感(轻色与重色)☼轻色:一般为明度高,冷色☼重色:一般为明度低,暖色色彩华丽感(华丽色与朴素色)☼华丽色:一般是纯度较高或者明度较高☼朴素色:一般是纯度较低或者明度较低色彩的硬度感(柔软色与坚硬色)色彩的味觉感•甜味:一般是黄,橙,红等明度较高的暖色--联想到西瓜和蛋糕等•酸味:一般是绿色,以及黄绿这类的色彩--联想到未成熟的桔子和柠檬•苦味:以黑色,灰褐色为主,一般是低明度,低纯度的色彩--联想到咖啡,可可等•辣味:以红色和绿色这类的高纯度色彩为主--联想到辣椒•咸味:高亮度的蓝色于灰色--联想到大海与盐•涩味:灰绿色,暗绿色这类的低纯度色彩--联想到未成熟的柿子色彩的季节感•春天:是具有朝气,生命的特性,一般各种高明度和高纯度的色彩,以黄绿色为典型•夏天:具有阳光,强烈的特性,一般是高纯度的色彩形成的对比,以高纯度的绿色,高明度的黄色和红色为典型•秋天:具有成熟,萧索的特性,一般是黄色以及暗色调为主的色彩•冬天:具有冰冻,寒冷的特性,一般是灰色,高明度的蓝色,白色等冷色色彩与形状☼色彩也具有各自的几何形状的特性,如果能和形状结合起来,可以加强本身的特性•圆形:具有温和,圆滑的特性,适合蓝色的特性•正方形:具有方正,有重量感,适合红色的特性•三角形:具有尖锐,积极,适合黄色的特性•长方形:介于黄于红色之间,适合橙色的特性•椭圆:介于红于蓝之间,适合紫色的特性色彩的可视性•一般来说,色彩的可视性是指色彩能否被看清楚的特性,色彩的可视性往往在色彩搭配中才能表现出来,同时会因图背景,面积,明度,亮度,纯度产生变化。•一般来说,色彩明度越高,纯度越高,面积比例越大,可视性越好;☼可以辨识下下面那个车牌容易被识别☼色彩的地域差别•人们对于色彩的喜好,会因为环境,教育,民族,流行等产生很大的差别,这方面的知识由于涉及面非常广,所以我们并不详细介绍,大家可以通过平时积累来详细体会这些差别。☼色彩所占用的面积大小当色彩占用面积较大时,表现出一种充满能量,占有统治地位的视觉感觉,而面积较小时候,则给人弱小,软弱的感觉。☼与其他色彩的搭配我们常常有一些习惯的色彩搭配,在这些搭配中每个色彩都有自己的特有的意思,比如西方红色和绿色就是圣诞节的搭配,在我国,黄色和红色象征着国家机关☼色彩与性别差异☼性别差异会不会造成对色彩的认知的不同?虽然研究者们众说纷纭,但研究结果表明:男性和女性对于某种色彩的喜好程度是不同的。☼男性比女性更喜好蓝色,而女性比男性更喜好红色☼女性比男性对色彩的认知度更高,但这个不是先天造成的,而是由于女性更多的生活在色彩丰富的环境下☼色彩与食欲-利用色彩来减肥•蓝色,可能是各种色彩中最不适宜食物的色彩。☼色彩的力量-粉色•粉色可以使强壮的人变得虚弱,粉色的监狱能使得变得平静☼色彩与视觉刺激☼哪些色彩使人感到不舒服?黄色--高亮度的柠檬黄(以下简称黄色)是最容易引起视觉疲惫的色彩,为什么?我们可以通过光学物理来解释这个问题,黄色作为明度最高的色彩,也意味着放射最多的光线到我们的眼睛,所以,黄色是一种对眼睛有刺激性的色彩我们经常用红色来形容人生气的样子☼色彩的联想•由于人们平常接触的物体都有自己的色彩,相反但看到某种色彩,也会联想到相应的一些物体色彩一般的联想一些抽象的联想紅血火太阳消防车危险革命热情喜事流血事件橙橘子晚霞温暖快乐积极向上秋天黃香蕉黃金阳光光明活泼色情夏