网页色彩搭配

一网页配色预览：

1.1观察成功的网页配色：

运用比较的方法观察网页配色的差异：

平时在浏览网页的时候，会发现哪个方案都不错，以至于弄不清楚自己究竟是想要表达一种怎样的需求，静下心来，仔细观察，便会发现网页之间的配色差异，尤其是在同一个网站中对两种不容的配色方案进行比较的时候，就会一目了然。

 设计过程中没有不好的色彩，只有不恰当的配色方案，唤醒对色彩的感知能力，是提高对色彩认识和修养的第一步。这里以欢快与低调两种相反的配色印象，来说明配色之间的差异会带来怎样的变化效果。

案例（不好）：色彩搭配1：纯黑色+深灰色+纯黑色：这种感觉就是灰暗色会让人感觉到平静，踏实但是整体页面的风格会过于沉闷，整体给人的感觉就是特别闷的感觉。

案例（好）：色彩搭配2：带有30%灰色因素的红色+带有30%灰色调的绿色+带有30%灰色调的橘红色。整体风格上鲜艳的色彩显得欢快愉悦。使用暖色系中接近纯色的浓重色彩，传达出愉快、欢乐的印象，鲜艳明亮的暖色系传递华丽、欢快的印象。

传递华丽、欢快的印象的配色常以暖色系为主，以接近纯色的明色调和浓色调为主。浓重的色彩组合具有大气、华丽之感，明亮的色彩组合则充满欢乐，相对于灰色和暗淡的色彩，这种颜色十分强势并吸引人注意。颜色搭配是红色+绿色+黄色。

降低色彩的对比传递朴素，平静的配色印象，将案例2加入灰暗色，灰暗色调使页面显得平静、低调网页采用灰暗的色彩之后，整个氛围变得宁静和低调。

降低色彩的对比传递朴素、平静的配色印象： 较柔和的色彩对比和色彩之间的统一可以用来表现朴素、客观和冷静的印象。由同色系或者是类似色来给网页配色，暗色调或者是浊色调可强化平静的氛围，应当尽量避免鲜艳的颜色，比如说是整体页面用的都是比较柔和的颜色去搭配的那么这个时候我们就不能用非常鲜艳的颜色去做配色，要保持整体的页面颜色的统一性。

案例（好）采用浓重而鲜艳的色调，配色3：红色+黄色+红色，采用浓重而鲜艳的色调，加上网页排版上的繁复，突显出了页面的华丽和丰富。

灰暗色调使页面显得平静、低调 网页采用灰暗的色彩之后，整个氛围变得宁静和低调。

案例（好）采用 灰色+黑色+红色 背景的浅灰色以及网页中产品的灰白色，整体给人深沉、宁静的感觉。

1.2网页成功配色的基础

1）：案例（不好）蓝色+深蓝色+深色系蓝色:相近色显得较为单调，网页中logo和内容栏中的背景色与整体网页背景色相近，页面显得单调内敛，不够突出。

2）：案例（好）深蓝色+黄色+浅蓝色 将logo和内容栏中的背景色换成与网页背景截然相反的色相，视觉上形成强烈对比，增加页面活力。

对色彩属性进行改变：

配色要遵循色彩的基本原理，符合一定规律的色彩才能够打动人心，给人留下深刻印象，了解色彩的属性，色彩的属性包括色相，明度和纯度。通过对色彩属性的调整，整体的配色效果会发生改变，其中所包含的因素将直接影响到网页的整体配色效果。除此之外，色彩的面积比例和色彩的数量等因素也对配色发生着重要影响。

1）：案例（好） 深蓝色+黄色+黑色  色彩面积影响网页配色  页面的配色以暖色黄色和冷色蓝色为主，黄色所占面积比例要多余蓝色，整体给人以安全，舒适的印象。

2）：健康、活泼的色彩 颜色搭配  红色+橘红色+绿色 健康、活泼的纯色，给人一种新潮澎湃的感觉，体现着现代潮流风格。

3）：素净、高雅的色彩  颜色搭配 深色棕色+浅棕色+黑色  棕色的高贵与中性色的淡雅、自然，充分表现了页面古典、高贵的气息。

遵循色彩的基本原理：

各种不同类型的网页制作在色彩的选择上应考虑到浏览者的年龄和性别差别，从色彩的基本原理出发，进行有针对性的色彩搭配。当色彩的选择与浏览者的感觉一致时，就会增强认同感，提高网站的访问量；当色彩产生的感受与浏览者的心境不一样时，就会产生隔膜，甚至是厌恶，网站就会变得不受欢迎。 75554