人机界面设计之色彩设计课件

《人机界面设计之色彩设计课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、人机界面设计Human-MachineInterfaceDesign第五章色彩设计一、色彩基础二、色彩感觉三、色调和色彩搭配四、计算机色彩五、网页色彩搭配的原则六、搭配技巧在人机界面设计中，色彩较之形往往具有先声夺人的魅力，同一种界面设计由于色彩的差异可以给人截然不同的感受和印象。如何才能最大限度地发挥色彩的美学功能和视觉效益，创造良好的界面效果，仍是人机界面色彩设计的关键问题。♣界面♣网页（1）颜色的产生唤起我们对色彩感觉的关键在于光，光是属于一定波长范围内的一种电磁辐射，色彩感觉是由于光照射到物体后，物体的反光而使人的视觉和大脑产生作用的结果，是一

2、种视知觉。有光照射在物体的表面，一部分光被吸收，另一部分被反射回来，被反射回的光反应出你看到的物体的颜色。太阳光照在白纸上，光线基本完全被反射，所以你看到的是白色，黑色物体则完全吸收光线，所以看到的是黑色。绿叶吸收白光中其他光波的色光，只反射绿色光波的光，因此树叶呈绿色。如图，在三棱镜下，可以看到太阳光有紫、靛、蓝、绿、黄、橙、红七种颜色，正如雨后的彩虹会呈现此七种色一样。一、色彩基础自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性，明度、色相、饱和度。（2）色彩的属性

3、色相(Hue)：也叫色泽，是颜色的基本特征，反映颜色的基本面貌。可以理解成颜色的名字。比如，“红”。饱和度(Saturation)：色彩的鲜浊称为饱和度或饱和度，鲜艳的色彩饱和度一般都比较高，这样的颜色比较刺眼，所以饱和度比较高的色彩一般都不用在背景上。明度(Brightness或Lightness或Luminousity)：也叫亮度，体现颜色的明暗度。如白色明度高，黑色明度低，黄色是明度最高的色彩，紫色是明度最低的色彩。非彩色只有明度特征，没有色相和饱和度的区别。人眼对于黄色和绿色的光是最敏感的，因为这些光比可见光两端的光（蓝色和红色）看起来更明亮些

4、，可在一些特别需要提醒用户注意的地方使用。三原色：大多数色彩可以用其它色彩混合而成，不能用其它色彩混合而成的色彩叫原色。原色有两个系统，光的三原色：红，绿，蓝是光的三原色，三色混合成为白光；色素或颜料的三原色：红，黄，蓝是颜料的三原色，三色混合成为黑灰色。（3）色彩的三原色和色环色环：我们将色彩按"红->黄->绿->蓝->红"依次过度渐变，就可以得到一个色彩环。在24色色环中，根据位置的不同，颜色间可构成四种关系同类色邻近色对比色互补色互补色色环中相隔180度的两个色相，均为互补色关系，如红与绿，橙与蓝，黄与紫等。互补色组成的色组，是对比最强的色组，富

5、于刺激性，不安定，有极强的视觉冲击力和热烈感。如果搭配不当，容易产生生硬、浮夸、急躁等效果，使用时要注意处理面积的大小和分散形态的方法来调节、缓和过于激烈的效果。如橙色面积大而且加入红色，起到了主导色调的作用，与蓝色对比效果既艳丽、辉煌又恰到好处。对比色色环中相隔135度的两个色相，为对比色关系，属中强对比效果。邻近色色环中相隔90度的两个色相，为邻近色关系，色彩倾向近似，冷色组或暖色组较明显，色调统一和谐，感情特征一致。同类色色环中相隔45度的两个色相，为同类色关系，属较弱对比效果，主调十分明确，是极为协调、单纯的色调。二、色彩感觉（1）心理感受面对

6、色彩时，看者的心理会受到颜色的影响而起变化，这种变化虽然有个人差异，但大多数会有下列心理反应效果，冷暖、轻重、软硬、华丽朴素、积极消极等几方面。其实色彩本身是不带任何含义的,是人的心理感觉把它们分成不同的类别。例如在夏天,如果你在家里家把所有的灯关掉,把窗帘换成深绿色,不见一丝阳光,这时你在心理上会感到非常凉快!这些并非是真实的的温度,它只是色彩影响人的心理所产生的感觉。冷暖：能使人感受到温暖之类的色彩称为暖色，反而称为冷色，红色能使人联想到太阳或火，有热量感，所以属于或靠近于红色之类的色彩都称为暖色。蓝色能使人联想到海洋、天空，有爽快之感，浅蓝色能产

7、生寂寞、冷淡之感，所以属于或靠近于蓝色之类的色彩都称为冷色。暖色给人热烈、热情、刺激、膨胀、前进、喜庆等感觉，冷色给人寒冷、清爽、收缩、后退等感觉。色彩的冷暖对比在运用中极其重要。轻重：黑色和白色属于中性色，它们不易分出冷暖，但有明显的轻重之分，黑色能给人很有重量的感觉，白色能给人有轻于鸿毛的感觉，所以有着明显的轻重之分，一般来说明度不强的色彩都属于重色彩，明度强的色彩都属于轻色彩。软硬：饱和度不高的亮色会使人觉得柔和,饱和度高的颜色会使人觉得强硬。华丽朴素：饱和度高的色彩给人的感觉华丽，而饱和度低的色彩给人的感觉朴素。积极消极：暖色给人的感觉兴奋而积

8、极，冷色给人的感觉沉静而消极。色彩的联想作用虽是属于心理学的问题，然而它的适用性在设计上是很重