吴能100812-网页色彩搭配2.pptVIP

* 吴能 2010-8-12 色彩，是最先也是最持久地给浏览者以网站形象的因素。色彩和谐的重要 性，是你我都明白的。如何做好色彩的搭配呢？下面总结了几个色彩实用设计 的要点，希望能给大家带来帮助。 网页色彩搭配 颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。从心理学和视觉的角度出发，彩色具有三个属性：色相、明度、纯度（彩度）。 网页色彩搭配 色相——也叫色调，指颜色的种类和名称，是指颜色的基本特征，是一种颜色区别于其他颜色的因素。 明度——也叫亮度，指颜色的深浅、明暗程度，没有色相和饱和度的区别。 纯度——也叫饱和度，指色彩的鲜艳程度。原色最纯，颜色的混合越多则纯度逐渐减低。 如何做好色彩的搭配呢 暖色色彩搭配 冷色色彩搭配 邻近色彩搭配 对比色彩搭配 同种色彩搭配 有主色的混合色彩搭配 色彩的鲜明性 色彩的情感联想 色彩的独特性 非彩色 色彩的大小和形状 淡色配色 设计中的色彩比例 如儿童类站点不要使用冷色系，且色彩要丰富一些。 暖色搭配 暖色系包括红紫,红,红橙,橙,黄橙; 这样的儿童类网站，颜色用的就比较丰富，符合小朋友们的心理特征——活泼、可爱。 网页设计设计师要做的不只是理睬自己的审美观点，还要多去了解网络受众的元素。 色彩有冷暖的感觉 冷色系给人的感觉是“稳重、端庄”。冷色系包括黄绿,绿,蓝绿,蓝,蓝紫;还有介于暖色系和寒色系的颜色:黄,紫. / （图1）像这个网站（这是一个服装网）就是以冷色（灰色）为主题色。灰色是视觉中最安静的色彩，有很强的调和对比的作用 。点睛色橙色和白色起到调动配色页面的作用。 图1 （图2）这是一个灰色阶变化较多的页面，形成较有节奏块面分明的韵律美感。这一变化改善了灰色容易形成的呆板单调特性。 主色调辅色调都是非色彩的正灰色，没有掺杂其他色彩进去。点睛色黄色、绿色这两颜色的特性是属于较显眼的颜色。另外两点睛色粉红和粉蓝色在色相上已经较接近于正色系，明度较高饱和度降低。这四种颜色尽管所使用的面积非常少，但结合了面积上相对使用较多的非色彩白色，让整个页面配色雅致的同时不乏生动活跃。 图1 图2 结论： 　　不同灰色背景的变化，前景使用面积较少的纯色点缀，这几种颜色还同样出现在右上角产生平衡色彩的呼应作用，整个页面产生雅致和谐的视觉美感。 邻近颜色搭配 邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。 说说： 这个页面红色和橙色相互衬托，颜色看起来很亮但不混乱而且相互突出。再加以深灰色导航点缀，整个页面给人的感觉亮，而且该突出的突出。 对比色彩搭配 一般来说，色彩的三原色（红、黄、蓝）最能体现色彩间的差异。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强烈对比。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。 下面我们以实例来说明： 说说： 这个页面的LOGO用了三种颜色，页面的颜色也是根据LOGO来的颜色来进行划分，颜色的对比能够使网站特色鲜明，视觉上能给人亮点，不会产生盲点，相反如果都是用橙色或者红色系的话就会让人有点视觉疲劳。 同种色彩搭配 同种色彩搭配是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。 说说： 这个页面统一用蓝色系为主调色，调整蓝色的透明度和饱和度使色彩变淡或加深，这样一来页面的用色不会过于花俏，从而使得页面稳重、干净。有时候漂亮的得体的图标也为页面增添不少色彩 同种色彩搭配 说说： 颜色又深到浅，很有层次感 有主色的混合色彩搭配 有主色的混合色彩搭配是指以一种颜色作为主要颜色，同色辅以其他色彩混合搭配，形成缤纷而不杂乱的搭配效果。 说说： 这是一个,食品酷站 ，红色为主色调，以黄色和白色作为辅助颜色，风格活泼,节日气氛很浓,互动性强。 ,风格活泼,节日气氛很浓,互动性强 色彩鲜明性 网页的色彩要鲜艳，容易引人注目。 /wp-content/w3tc/pgcache/_default_.html.gzip 像这个网站的颜色很鲜明。 越是淡色配色技巧越高，如果没有搭配好会给人一种“米汤”网站的感觉。下