分享网站设计必学的五个色彩搭配技巧（网站吸引人的密招）

网站设计必学的五个色彩搭配技巧（网站吸引人的密招）

大自然是彩色的，网络也应丰富多彩。人们不再局限于简单的文字和图片，因此要求网页看上去更漂亮、更舒适。作为网页设计者不仅要掌握基本的网页设计技术，还应掌握网页色彩调配技巧，相信下面介绍的网页色彩调配秘招能够给大家带来更多的设计灵感。

色谱图

网页色彩是网页形象的一个关键环节，色彩搭配也是网页设计师们最关注的问题。如何使网页的背景、文字、图标、边框和超链接等元素和谐地统一为一体是需要经验和技巧的。

1．彩色和非彩色选用技巧

网页制作是选用彩色还是非彩色好，根据专业研究表明：

彩色的记忆效果是黑白的3.5倍。也就是说，一般彩色页面较完全黑白页面更加吸引人。

·主要内容文本用非彩色（白色、黑色或灰色）。

·边框、背景或修饰图片用彩色。

这样页面整体不单调，同时主要内容也不会影响视觉效果。

2．非彩色搭配技巧

黑白是最基本和最简单的搭配，白字黑底，白底黑字都非常清晰明了。

灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。

3．同色搭配技巧

同色搭配是指先选定一种色彩，然后调整该色彩透明度或饱和度（就是将色彩变淡或则加深），产生新的色彩，分别应用于网页各个元素上。这样的页面看起来色彩统一，富有层次感。

4．多色搭配技巧

用相反色彩。先选定一种色彩，然后选择它的相反色，在Photoshop 中按Ctrl+Shift+I组合键可以快速制作反色。这样整个页面色彩丰富而不花俏。

用同一色系。同一色系就是在感觉比较接近的色彩，例如淡蓝、淡黄、浅绿或者土黄。确定色彩的方法为：首先在Photoshop里单击工具箱中的前景色方框，然后在打开的“拾色器”对话框中选择“颜色库”，最后在颜色列表中选择相邻颜色应用即可。

5．黑白灰的运用

黑白灰是最佳配色，可以跟任意一种色彩搭配。当为某种色彩搭配而苦恼时，不妨试用黑白灰。例如，大红的字体加配黑色的边框会感觉很亮眼。

当两种色彩搭配不协调时，可以试加入黑色，或者灰色，有时候会产生意想不到的效果。

对一些明度较高的网页，配以灰色，可以适当降低其明度。白色是网页用的最普遍的一种颜色。很多网页甚至留出大块的白色空间，作为网页的一个组成部分，这就是留白艺术。很多设计性网页较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。