网页色彩搭配五种小技巧--南京安德门网站设计分享-「小宇宙科技」

一个网站的构成大概就是色彩、图片、文字如何让这几个模块互相搭配起来，是网页设计师必须经历的过程。色彩的具有生命力的，它可表现出任何一个想要表达的事物。色彩运用是一门非常深奥的学问，他在设计中的位置是非常重要的，一个好的作品色彩在三要素里面占有极高的百分比，因为当我们次看到一个网页的时候，视觉都是颜色的运用给人留下的印象，之后才是图片和文字。所以如何更好的把颜色有效的运用到网页设计中是值得设计师认真思考的事情。

先从四个方面说一下关于色彩搭配的问题：

原色搭配（Triad），也叫三分色搭配，三色搭配主要是红、黄、蓝三种颜色。除了在一些儿童产品中，这三种颜色是比较常见的，但是里面的红色和黄色，却是很多作品中经常看到的，在文化中，红色和黄色是代表着喜庆的颜色，这两种颜色的搭配是我们随时可见的。

网页色彩搭配五种小技巧--南京安德门网站设计分享

类似色搭配（Analogic），从字面的意思中就可以了解到，是相似颜色的搭配。是一个主色搭配在他两旁等距离的连个颜色，类似色都有共同的颜色，（下边以黄色为例），这种颜色搭配起来会给人一种非常悦目的感觉，而且对比度也非常低，有一种和谐的美感。

单色搭配（Monochromatic），这个主要是以单一的颜色为主色调的，举个例子下边的网站是一个以紫色为网站的基础色调，网站的层次完全是依靠网站的饱和度、亮度的变化来进行区分的。因为是同一个色系而产生的。所以这种配色可以调出比较舒适的色彩感受。

补色搭配（Complementary），这中颜色搭配是根绝色轮上直线相对的两种颜色被称作互补，在下图虫，是红色与绿色形成的对比效果，这两种颜色给人的视觉具有一定的冲击力，可以传达出非常具有活力、能力、兴奋等。补色之间如果能到理想的效果，不要一半一半的进行色彩划分，知名是一种颜色是为主，另一种颜色为辅，面积差距要比较大一些，才会有一定的效果。

分裂补色（Accented Analogic）互补类似色配色，以三种类似的颜色为基础，再加上色环对面的一个对不色沟通一种既不失优雅又能起到强调作用的配色方法。这种颜色搭配既有类似色的低调对比的美感，又具有补色的力量感，形成了和谐美但有能突出重点的色彩关系。