平面设计教程 广告设计欣赏包装设计欣赏标志设计欣赏VI设计欣赏室内设计效果图平面设计作品封面设计欣赏
设计作品

网页设计的色彩搭配|网站设计

设计设计 您的位置:设计首页>网页制作教程>正文
网页设计的色彩搭配
色彩可视度清晰的配色的搭配:
  1  黑  黄
  2  黄  黑
  3  黑  白
  4  紫  黄
  5  紫  白
  6  蓝  白
  7  绿  白
  8  白  黑
  9  黄  绿
  10  黄  蓝 
背景与配色的搭配(选自日本佐藤垣宏的《我们的生活与配色》)
背景(底色) 配色 
黑 白-黄-黄橙-黄绿-橙 
白 黑-红-紫-蓝紫-蓝 
红 白-黄-蓝-蓝绿-黄绿 
蓝 白-黄-黄橙-橙 
黄 黑-红-蓝-蓝紫-绿 
绿 白-黄-红-黑-黄橙 
紫 白-黄-黄绿-橙-黄橙 
灰 黄-黄绿-橙-紫-蓝紫
2
一、色彩形成 
对网站建设关系不大,略****
二、色彩要素 
客观世界的色彩前边千变万化。各不相同,但任何色彩都有色相、明度、纯度三个方面的性质,又称色彩的三要素,而且当色彩间发生作用时,除以上三种基本条件外,各种色彩彼此间形成色调,并显现出自己的特性,因此,色相、明度、纯度、色调及色性等五项构成了色彩的要素。 
色相 色彩的相貌,是区别色彩种类的名称。 
明度 色彩的明暗程度,即色彩的深浅差别。明度差别即指同色的深浅变化,又指不同色相之间存在的明度差别。 
纯度 色彩的纯净程度,又称彩度或饱和度。某一纯净色加上白或黑,可降低其纯度,或趋于柔和、或趋于沉重。 
色调 画面中总是由具有某种内在联系的各种色彩组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。 
色性 指色彩的冷暖倾向。 
三、色彩混合 
***对网站建设关系不大,略****
颜料混合 
原色(第一次色):不能用其他任何单色混合而成的基本色彩。包括:红、黄、蓝(理想的颜料三原色是明亮的红色、柠檬黄和湖蓝)。 
间色: 由两原色相混合而得(包括:橙、绿、紫)。 
复色: 由两间色相混合而得。 

色彩并置混合 当我们把红、蓝色点或色块并置的画面经过一定的距离,就会发现红色与蓝色变成了一个紫色,只是由于空间距离和视觉生理的限制,眼睛辨别不出过小或过远物象的细节,因此把个不相同色块感受成一个新的色彩,这种现象便称为色彩的并置混合或空间混合。 
示 范 
四、色彩对比 
  两种以上的色彩,以空间或时间关系相比较,能比较出明显的差别,并产生比较作用,被称为色彩对比。该想象分为两大类:同时对比和连续对比。 
色相对比 因色相之间的差别形成的对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。 
明度对比 因明度之间的差别形成的对比。(柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属中低明度)。 
纯度对比 一种颜色与另一种更鲜艳的颜色相比时,会感觉不太鲜明,但与不鲜艳的颜色相比时,则显得鲜明,这种色彩的对比便称为纯度对比。 
补色对比 将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置,使色彩感觉更为鲜明,纯度增加,称为补色对比。(视觉的残像现象明显)。 
冷暖对比 由于色彩感觉的冷暖差别而形成的色彩对比,称为冷暖对比。(红、橙、黄使人感觉温暖;蓝、蓝绿、蓝紫使人感觉寒冷;绿与紫介与其间),另外,色彩的冷暖对比还受明度与纯度的影响,白光反射高而感觉冷,黑色吸收率高而感觉暖。
五、色彩调和 
  两种或两种以上的色彩合理搭配,产生统一和谐的效果,称为色彩调和。 
同种色的调和 相同色相,不同明度和纯度的色彩调和。方法为:使之产生循序的渐进,在明度、纯度的变化上,形成强弱、高低的对比,以弥补同色调和的单调感。 
类似色的调和 以色相接近的某类色彩,如红与橙、蓝与紫等的调和,称为类似色的调和。类似色的调和主要靠类似色之间的共同色来产生作用。 
对比色的调和 以色相相对或色性相对的某类色彩,如红与绿、黄与紫、蓝与橙的调和。调和方法有: 
选用一种对比色将其纯度提高或降低另一种对比色的纯度; 
在对比色之间插入分割色(金、银、黑、白、灰等); 
采用双方面积大小不同的处理方法,以达到对比中的和谐; 
是对比色之间具有类似色的关系,也可起到调和的作用;
网站设计 设计欣赏 网站设计 广告设计 平面设计
您现在欣赏的是由无限设计欣赏站为您提供的《网页设计的色彩搭配》,谢谢您!我们为您提供丰富的平面设计网站设计广告设计,画册设计,包装设计,标志设计和VI设计等设计类欣赏,画册设计,封面设计,平面设计,包装设计,教程和学习文章。
欢迎收藏本网站,并记住我们的域名:www.fotoer.com,点击此处返回设计网站首页
网站设计: 网页设计的色彩搭配

·平面设计作品 ·视觉设计欣赏
·平面设计教程 ·室内装潢设计图
·画册设计欣赏 ·广告设计欣赏
·包装设计欣赏 ·网页制作教程
·标志设计欣赏 ·VI设计欣赏
·封面设计欣赏

·SEGURA INC 广告设计
·unmundofeliz 招贴设计(十)
·unmundofeliz 招贴设计(十二)
·unmundofeliz 招贴设计(十三)
·unmundofeliz 招贴设计(十四)
·2006新年快乐招贴设计(三)
·2006新年快乐招贴设计(四)
·创新ZEN VISION M播放器招贴设计
·unmundofeliz 招贴设计(十一)
·motype 招贴设计欣赏
·国际广告创意欣赏(三)
·国际广告创意欣赏(四)
·Cory Podielski 招贴设计(一)
·Cory Podielski 招贴设计(二)
·Design Literate封面招贴设计(1)
·Design Literate封面招贴设计(2)
·Design Literate封面招贴设计(3)
·Kimberly Knight广告版式设计
·ron griffiths 包装及广告版式设
·2003全球人类抗击SARS招贴设计网
·Thomas Okeefe 标志设计
·Edik Boghosian 标志设计
·Bruce Macindoe 标志设计
·Power Graphixx 标志设计(一)
·logosharx 标志设计(二)
·Wendy Garfinkel-Gold 标志设计
·Matthew Steffanie 标志设计欣赏
·Power Graphixx 标志设计(二)
·logosharx 标志设计(三)
·Power Graphixx 标志设计(三)
·Jerry Skaggs 标志设计欣赏
·Matthew Sulcoski 标志设计欣赏
·motype 标志设计欣赏
·Jay Frizzell 标志设计欣赏
·Tony Godzik 标志设计欣赏
·Amy Haiar 标志设计欣赏
·Andy Frazier 标志设计欣赏
·Brian White 标志设计欣赏
·Brian Sooy 标志设计欣赏
·Monika Krzewska 标志设计
·Jim Polak 标志设计欣赏
·e-logodesign 标志设计欣赏(二)
·Mile 25 标志设计欣赏
·William Polk 标志设计欣赏
·George Byfield 标志设计欣赏