UI设计：色彩原理和手绘贴图.doc

UI设计：色彩原理和手绘贴图华迪教育/华迪信息/ 色彩原理在黑暗中，我们看不到周围的形状和色彩，这是因为没有光线。如果在光线很好的情况下，有人却看不清色彩，这或是因为视觉器官不正常（例如色盲），或是眼睛过度疲劳的缘故。在同一种光线条件下，我们会看到同一种景物具有各种不同的颜色，这是因为物体的表面具有不同的吸收光线与反射光的能力，反射光不同，眼睛就会看到不同的色彩，因此，色彩的发生，是光对人的视觉和大脑发生作用的结果，是一种视知觉。由此看来，需要经过光眼神经的过程才能见到色彩。色彩的三要素1. 色相：即各类色彩的相貌称谓，如大红、普蓝、柠檬黄等。色相是色彩的首要特征，是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性，而色相也就是由原色、间色和复色来构成的。 原色: 不能通过其他的有色材料混拼而成的颜色。能配合成各种颜色的基本颜色。也叫基色。它们是不能再分解的色彩单位。间色：当我们把三原色中的红色与黄色等量调配就可以得出橙色，把红色与蓝色等量调配得出紫色，而黄色与蓝色等量调配则可以得出绿色。在专业上，由三原色等量调配而成的颜色，我们把它们叫做间色。当然三种原色调出来就是近黑色了。在调配时，由于原色在份量多少上有所不同，所以能产生丰富的间色变化. 复色：如果我们把原色与二种原色调配而成的间色再调配一次，我们就会得出复色。在一些教科书中，复色也叫次色、三次色。复色是很多的，但多数较暗灰，而且调得不好，会显得很脏。 2. 明度: 明度指颜色的亮度，不同的颜色具有不同的明度，色彩混入黑、白色后所产生的明暗关系。色彩自身的明暗关系（不加黑、白色）例如黄色就比蓝色的明度高，在一个画面中如何安排不同明度的色块也可以帮助表达画作的感情，如果天空比地面明度低，就会产生压抑的感觉。任何色彩都存在明暗变化。其中黄色明度最高，紫色明度最低，绿、红、蓝、橙的明度相近，为中间明度。另外在同一色相的明度中还存在深浅的变化。如绿色中由浅到深有粉绿、淡绿、翠绿等明度变化。 3. 纯度:纯度是说明色质的名称，也称饱和度或彩度、鲜度。色彩的纯度强弱，是指色相感觉明确或含糊、鲜艳或混浊的程度。高纯度色相加白或黑，可以提高或减弱其明度，但都会降低它们的纯度。如加人中性灰色，也会降低色相纯度。在绘画中，大都是用两个或两个以上不同色相的颜料调合的复色。根据色环的色彩排列，相邻色相混合，纯度基本不变(如红黄相混合所得的橙色)。对比色相混合，最易降低纯度，以至成为灰暗色彩。色彩的纯度变化，可以产生丰富的强弱不同的色相，而且使色彩产生韵味与美感。色调固有色: 指物体在正常日光照射下所呈现出的固有的色彩。如红花、紫花、黄花等等色彩的区别。光源色：指某种光线(太阳光、月光、灯光、蜡烛光等)照射到物体后所产生的色彩变化。 图1：在室内自然光的条件下，由于天光的影响，物体的色调偏冷。图2：光源改变为普通灯泡后，画面变成了暖色调。图3：主要光源略微偏绿，整个画面调子随之改变。环境色：物体表面受到光照后，除吸收一定的光外，也能反射到周围的物体上。尤其是光滑的材质具有强烈的反射作用。另外在暗部中反映较明显。环境色的存在和变化，加强了画面相互之间的色彩呼应和联系。也大大丰富了画画的色彩。对此，环境色的掌握非常重要。 由于背景色彩的改变，几个水果的颜色也呈现不同的变化，在以上三幅图中（依次为A、B、C图），A图中苹果与玫瑰红背景形成强烈的补色对比；B图中的水果受黄色衬布的影响，颜色偏暖；C图则较冷色彩的对比与调和24色谱图21. 互补色在24色色相色环中彼此相隔十二个数位或者相距180度的两个色相，均是互补色关系。互补色结合的色组，是对比最强的色组。使人的视觉产生刺激性、不安定性。如果配合不当，容易产生生硬、浮夸、急躁的效果。因此要通过处理主色相与次色相的面积大小，或分散形态的方法来调节、缓和过于激烈的效果。最典型的补色为 红-绿；蓝-橙；黄-紫:理论上将互为补色的2种颜色混合在一起是黑色（实践中是脏色）将互为补色的2种颜色并列在一起是对比最强烈的图3是一组橙蓝互补色对比的色组，橙色面积大而且加入辅助色红色，起了主导色调的作用，效果既艳丽、辉煌又安然，恰列好处。图32. 对比色关系 色项环中相距135度或者彼此相邻几个数位的两色，为对比色关系，属中强对比效果的色组。色相感鲜明，各色相互排斥，既活泼又旺盛。配色时，可以通过处理主色与次色的关系而达到色组的调和，也可以通过色相间秩序排列的方式，求得统一和谐的色彩效果。图4属中明调，正是这种秩序排列形式的应用。图43. 邻近色色相环中相距90度，或者相隔五六个数位的两色，为邻近色关系，属中对比效果的色组。色相间色彩倾向近似，冷色组或暖色组较明显，色调统一和谐、感情特性一致。图5为蓝紫红调色组，是明色调邻近色对比关系。图54. 同类色色相环中相距45度，或者彼此相隔二三个数位的两色为同类色关系，属弱对比效果的色组；同类色色相主调十分明确，是极为协