网页色彩的搭配与设计课件.ppt

《网页色彩的搭配与设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页色彩的搭配与设计主要内容一、色彩的三要素二、色彩的对比和调和三、色彩的心理效应四、配色词典五、色彩易见度一、色彩的三要素色相明度纯度1.1色相所谓色相H(hues)是指各类色彩的相貌称谓，如红、绿、蓝。色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。基本色相环三原色:红、黄、蓝二次色：橙、绿、紫十二色相环24色相环明度也叫亮度B(brightness).指的是色彩的相对明暗，是接收到光的物理表面的反射程度。1.2明度色彩的明度变化有许多种情况:一是不同色相之间的明度变化,如:白比黄亮、黄比橙亮、橙比红亮、红比紫亮、紫比黑亮；二是在某种颜色

2、中,加白色明度就会逐渐提高,加黑色明度就会变暗.但同时他们的纯度就会降低;三是相同的颜色,因光线照射的强弱不同也会产生不同的明暗变化.1.3纯度纯度S(saturation)是指色彩的鲜艳度或饱和度。饱和度越低，色彩越灰暗，当饱和度是0时，色彩变成灰色。二、色彩对比与调和色彩对比是指各种色彩在界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别。色彩调和是指当色彩产生不协调时对色彩进行的适当调整。对比是一种刺激，调和是一种和谐。色相对比明度对比纯度对比冷暖对比面积对比色相对比是指因色相之间的差别形成的对比。同类色相对比邻近色相对比对比色相对比互

3、补色相对比2.1色相对比同类色相对比是无色相差的对比，即色相距离在色相环15度以后的对比。它是同一色相里的不同明度与纯度色彩的对比。这种色相对比比较单纯、柔和、协调，色相倾向鲜明、统一，注重色相的微妙变化，但也易显得乏味、单调、无力。2.1.1同类色相对比同类色相对比的调和通过明度、纯度的变化产生调和通过加入极其小的其它颜色做点缀产生调和绿色同类色对比通过明度、纯度的微妙变化产生调和黄色、紫色、白色是点精色浅橙色同类色对比通过明度的微妙变化产生调和白色起到了拉开主色调和辅色调空间距离的作用渐变色调和粉红色同类色对比主、辅色调通过饱和度变化产生调和点精

4、色：白色、黄色、蓝色等红色同类色对比主、辅色调通过明度、纯度变化产生调和白色是点睛色红色同类色对比主、辅色调通过明度、纯度变化产生调和点睛色白色蓝色同类色对比主、辅色调通过明度变化产生调和白色、玫瑰红为点精色紫色同类色对比主、辅色调通过明度的变化产生调和点精色：黄色、绿色、玫红色、白色橙色同类色对比主、辅色调通过纯度的变化产生调和白色、绿色、蓝色为点睛色色相距离在色相环15度以外，45度以内的对比。2.1.2邻近色相对比主要靠邻近色之间的共同色来产生调和利用不同色相的面积对比产生调和加入极少量的点睛色产生调和邻近色相对比的调和蓝色邻近色配色：蓝色+绿

5、色辅色调浅蓝色是背景色白色和主色调蓝色的中间色青色，是蓝色和绿色的结合体利用不同色相的面积对比产生调和黄色+橙色邻近色对比通过中间色橙黄色、橙红色产生调和利用不同色相的面积对比产生调和黄绿色+蓝色邻近色对比草绿色是黄绿色和蓝色的中间色点精色：白色，黄色利用不同色相的面积对比产生调和色相距离在色相环45度到130度的对比。对比色相对比的色相感鲜明、强烈、饱满、丰富，容易使人兴奋激动。但是色相对比刺激性强，难以取得调和，容易造成视觉的疲惫。2.1.3对比色相对比色相距离在色相环130度到180度的对比，色相对比最强。2.1.4互补色相对比提高或降低对比色

6、的明度或纯度.在对比色之间插入点睛色采用双方面积大小不同的处理方法对比色之间加入相近的类似色。渐变色调和互补色相对比、对比色相对比的调和色相对比：蓝色+红色点睛色分别是黄色、黄绿色利用不同色相的面积对比产生调和对比色:橙红色+蓝色点睛色白色、黑色、绿色利用橙红色与蓝色的面积对比产生调和色相对比：橙红色+绿色利用中间色黄色产生调和白色和黑色为点精色色相对比：橙红色+蓝色白色为点精色通过橙红色和蓝色的面积对比产生调和对比色:红色+黑色白色为点精色通过红色和黑色的面积对比产生调和明度对比是色彩明暗程度的对比,是将不同明度的两个以上的色彩放在一起所呈现的效果

7、.明度对比可分为彩色差的明度对比(例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度)和非彩色差的明度对比。2.2明度对比彩色差明度对比案例彩色差明度对比非彩色差明度对比2.3纯度对比纯度对比是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。4.冷暖对比冷暖对比是指不同色彩之间的冷暖差别形成的对比。色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。冷暖对比的应用，通常在休

8、闲娱乐网站、食品网站出现比较多。将这两个色系的色彩安排在同一画面时，其对比效果极为强烈。暖色:如图中的黄色，