色彩的搭配与设计.ppt

色彩的搭配与设计 主要内容 一、色彩的三要素 二、色彩的对比和调和 三、色彩的心理效应 四、配色词典 五、色彩易见度 一、色彩的三要素 色相 明度 纯度 1.1 色相 明度也叫亮度B(brightness).指的是色彩的相对明暗，是接收到光的物理表面的反射程度。 色彩的明度变化有许多种情况: 一是不同色相之间的明度变化,如:白比黄亮、黄比橙亮、橙比红亮、红比紫亮、紫比黑亮； 二是在某种颜色中,加白色明度就会逐渐提高,加黑色明度就会变暗.但同时他们的纯度就会降低; 三是相同的颜色,因光线照射的强弱不同也会产生不同的明暗变化. 1.3 纯度 二、色彩对比与调和 色彩对比是指各种色彩在界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别。 色彩调和是指当色彩产生不协调时对色彩进行的适当调整。 对比是一种刺激，调和是一种和谐。 色相对比 明度对比 纯度对比 冷暖对比 面积对比 色相对比是指因色相之间的差别形成的对比。 同类色相对比 邻近色相对比 对比色相对比 互补色相对比 同类色相对比是无色相差的对比，即色相距离在色相环15度以后的对比。 它是同一色相里的不同明度与纯度色彩的对比。 这种色相对比比较单纯、柔和、协调，色相倾向鲜明、统一，注重色相的微妙变化，但也易显得乏味、单调、无力。 同类色相对比的调和 通过明度、纯度的变化产生调和 通过加入极其小的其它颜色做点缀产生调和 色相距离在色相环15度以外，45度以内的对比。 主要靠邻近色之间的共同色来产生调和 利用不同色相的面积对比产生调和 加入极少量的点睛色产生调和 色相距离在色相环45度到130度的对比。 对比色相对比的色相感鲜明、强烈、饱满、丰富，容易使人兴奋激动。但是色相对比刺激性强，难以取得调和，容易造成视觉的疲惫。 色相距离在色相环130度到180度的对比，色相对比最强。 提高或降低对比色的明度或纯度. 在对比色之间插入点睛色 采用双方面积大小不同的处理方法 对比色之间加入相近的类似色。 渐变色调和 2.3 纯度对比 纯度对比是指不同色彩之间纯度的差别而形成的对比。 色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。 4.冷暖对比 冷暖对比是指不同色彩之间的冷暖差别形成的对比。 色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。 冷暖对比的应用，通常在休闲娱乐网站、食品网站出现比较多。将这两个色系的色彩安排在同一画面时，其对比效果极为强烈。 暖色:如图中的黄色，橙色，红色，紫色等都属于暖色系列。暖色系的饱和度越高，其温暖特性越明显。可以刺激人的兴奋性，使体温有所升高。暖色跟黑色调和可以达到很好的效果。 冷色:如图中的绿色，蓝色，蓝紫色等等都属于冷色系列。冷色系亮度越高，其特性越明显，能够使人的心情平静，清爽。冷色一般跟白色调和可以达到一种很好的效果。 5.面积对比 面积对比是指两个或更多色块的对比，这是一种多与少、大与小之间的对比。 三、色彩的心理效应 1.红色 过纯的红色容易使人疲劳，引起人的心理反感，因此一般只有在以节庆为主题的网站中会大面积使用纯红色,而在其他主题的网站中,要使用大面积的红色就需要加白或调暗. 2.黄色 4.绿色 5.紫色 6.橙色 黑白灰是最基本和最简单的搭配，白字黑底，黑字白底都非常清晰明了。黑白灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。 7. 白色 8. 黑色 9. 灰色 四、网页配色词典 五、色彩易见度 黑色背景易见度的顺序 白-黄-黄橙-橙-红-绿-蓝 白色背景易见度的顺序 黑-红-紫-红紫-蓝-绿-黄 红色背景易见度的顺序 白-黄-蓝-蓝绿-黄绿-紫-黑 蓝色背景易见度的顺序 白-黄-黄橙-橙-红-黑-绿 黄色背景易见度的顺序 黑-红-蓝-蓝紫-绿-黄绿-白 绿色背景易见度的顺序 白-黄-红-黄橙-蓝-紫-黑 紫色背景易见度的顺序 白-黄-黄橙-橙-绿-蓝-黑 灰色背景易见度的顺序 黄-白-黄绿-橙-紫-蓝-黑 嫉妒、深远、深沉、幽静、神秘 深冬、腐败、衰落 橄榄绿深绿 茂盛、茁壮、健康、成熟、生命、和平和睦、安全、生动、渴望、开阔、新鲜 夏天、草原、植物、麦田、平原 翠绿盛绿 生长、勃勃生机、青春、诞生、孕育、滋长、清新、幼稚 春天、生长、生命、嫩芽、嫩草、早晨 黄绿嫩绿 抽象感情与心理感觉 具体联想 孤寂、严厉、献身、珍贵、深远、公正、神秘、幻想、无情 远山、夜、深海、黎明、死亡 紫蓝 大胆、娇艳、性感、开放、绚丽、享乐、高傲、华丽 曼陀罗、藤萝、仪式、牡丹、日出、小豆 紫红 浪漫、妩媚、优美、梦幻、羞涩、清秀、含蓄 紫丁香、紫罗兰、紫藤 淡紫