人机界面的设计之色彩设计.ppt

明度搭配 分为高明度、中明度、低明度及明暗对比。暗色和高亮色，会给人清晰、强烈的刺激，如深黄和亮黄色。暗色中含高纯色，会给人沉着、稳重、深沉的感觉，如深红和大红。中性色与低明度的对比，给人模糊、朦胧、深奥的感觉，如草绿和浅灰。纯色与高亮度色，给人跳跃舞动的感觉，如黄色与白色。纯色与低亮度色，给人轻柔、欢快的感快，如浅蓝色与白色。纯色与暗色的对比，给人强硬，不可改变的感觉。如彩图5-13所示51go网站中的橙色和黑色的明度配色，体现了个性十足的网站特色。 饱和度搭配 分为高饱和度、中饱和度、低饱和度的搭配。纯色之间的对比给人的视觉刺激最强烈，使色彩的效果更明确肯定。例如红、黄、蓝三种就是最极端的色彩 ，这三种之间对比,哪一种色也无法影响对方.而非纯色对比出来的效果就显得很柔和。黄色是夺目的色，但是加入灰色会失去其夺目的光彩，通常可以混入黑,白,灰色来降低饱和度。 整体色调 设计作品给观者的感受是由全体配色效果决定的，作品是充满活力或是稳定的，还是寂寞的温暖的，都得看整体的色调而定，取决于配色的色相、明度、饱和度的关系和色彩面积大小的关系。首先确定配色中占具最大面积的色彩，它决定主调。 在色彩的面积对比关系中，如果两种色块同样大小，那么这两种色块之间的对比强烈，但是大小变得不一样时，小的一种色块就会成为大的色块的补充，其实人不会注意到小块的色彩，而只会感觉到大的色块的存在。色彩的大小对比会令色彩有一种生动效果，试在一大片绿色中加入一小点红色，你会注意到红色在绿色的衬托底下很抢眼，这就是色彩的大小对比效果的影响，在大面积的色彩陪衬底下，小面积的纯色会特别突出，但是如果用较淡的色彩，则会让人感觉不到这种色彩的存在，例如在黄色中加入淡灰色，你就根本不会注意到淡灰色。 四、计算机色彩 网页设计还需要对颜色在计算机显示器上的显示原理有一个基本的了解。 显示器的色彩是由RGB（红、绿、蓝）三种色光所合成的，我们可通过调整这三个基色调校出其它的颜色，网页html语言中的色彩表达即是用这三种颜色的数值表示。例如：红色是color(255,0,0)，十六进制的表示方法为(FF0000)，白色为(FFFFFF)。十六进制颜色值为6位数字，前面两位定义红色，中间两位定义绿色，后两位定义蓝色。颜色在不同的显示器上的效果有很大不同，这取决于用户的偏好设置及显示器的种类。 五、硬件界面的色彩设计 1.满足产品的功能要求 例如，现在的消防车都采用红色为主体色调，这是根据消防车的功能特点和色彩的功能作用与联想作用相结合而进行选择的。 2.满足人机相适应的要求 例如，一般机床设备的底座、床身、立柱等大件，宜用沉重、坚实的色，使人感到机床稳定可靠，而工作台、溜板箱、滑块等零件，往往处在人经常工作的部位，这些零件宜采用浅色，以解除人的沉闷感。 3.满足作业环境的要求 4.符合造型设计的美学法 5.符合时代的审美要求 六、软件设计的色彩搭配 色彩设计的一些原则 （1）在一帧屏幕上的色彩种类数目，在非真实感图形显示时，应加以限制，一般少于7种。因为人们在观察屏幕时很难同时分辨多种色彩。 （2）根据对象的重要性来选择颜色，对于重要的对象应选取醒目的颜色。 （3）一个系统中各种颜色设计应该一致。例如错误信息用红色表示时，都应前后一致用红色表示，黄色表示警告，绿色表示运行正常。 （4）在色彩的选取上尽可能符合人们的习惯用法。例如，在财务上红色表示赤字；化工上红色代表热，绿色表示冷；地图上蓝色表示水，黄色代表沙漠，绿色代表平原。 （5）背景色一般选用饱和度低的浅色，如灰色或带有网格点的浅色。蓝色对人眼不敏感，对于大面积的区域或背景来说比较合适；但蓝色不宜用在小区域、细的线段或文字上。 （6）表示温暖的颜色（如红、桔红、黄）接近用户，表示冷的颜色（如蓝、绿、紫）远离用户。 （7）为了使色彩醒目，便于区分对象，应选用好的背景色与前景色搭配。 软件色彩设计(Windows XP ) 1.基本色 2.控制色（示例） 3.窗口框架和任务栏色彩（示例） 4.图标颜色（示例） 5.欢迎屏幕颜色（示例） 6.文件夹颜色（示例） 另外，其他一些公司也十分重视软件界面的色彩设计。 诺顿（Norton）改变了过去的色彩计划，在Norton Systemworks中将主色调设计为以黄色为主。 七、网页色彩搭配的原则 色彩搭配应以大众的欣赏习惯为标准，同时兼顾网站专业特点和艺术规律。网页的色彩搭配应遵循以下几个原则： 1、色彩的合理性 网页的色彩要漂亮、引人注目，同时还要照顾到人的眼睛的生理特点，不要用大面积的高纯度色相，它容易使人的眼睛疲劳。 2、色彩的独特性 要有与众不同的色彩搭配，衬托出网站的个性，使得大家对你的印象深刻。 3、色彩