网站地图|联系老鹰网

南京网站建设及推广专家!

咨询服务热线:025-85281158

网站设计7个色彩搭配方案

  • 发布时间:2017-09-20 13:02
  • 作者:老鹰网
  • 浏览:0

网站设计7个色彩搭配方案:

1.对比色搭配

使用对比强烈的颜色,不同的颜色在色轮上相隔至少两格。使用对比色可以用来吸引注意力或者将某颜色分离,在网站中最适用于"行为引导"按钮。

2.互补色搭配

这种方法利用色轮上位置相对的两种颜色,就像红色和绿色,或者黄色和紫色。当两个互补色并列开来,他们会将对方代表的情感推向极端,红色放在绿色旁边,会显得更加“刺激、激进、有力量”,绿色也会显得更加舒适。在网站中使用对比色,会让设计显得更加活泼。要用好互补色,最好的办法就是:改变明度、降低纯度,看起来会柔和许多。但是,要想配色显得很完整,可以在对比色上添加中性色。中性色在一个标准的色轮上是找不到的,如米色,浅棕色,浅灰色,黑色和白色。

3.类比色搭配

在这种搭配方法中,你可以使用三个相邻的颜色组合在一起,如橙色、黄橙色和黄色,或者紫色、紫蓝色和蓝色。任何色轮上相邻的3个颜色(即类比色)会产生一种令人愉悦、低对比度的和谐美感,这是因为他们的颜色很相近。

4.三色系搭配

三色系搭配方案使用色轮中三个颜色,其距离彼此相等,形成完美的等边三角形。组合颜色可以是:黄绿色、橙红色和紫蓝色,或者是黄橙色、紫红色和蓝绿色。三色系是最安全的配色方案,色轮上的三种颜色能够确保视觉平衡。大多数设计师认为三色系是最好的配色方案,但还得具体情况具体分析。使用三色系搭配方案对于用户范围很广的网站是非常好的选择,比如医疗网站,略带愉悦感的同时不显乏味。不过对于一些需要强烈风格的时尚或音乐网站,由于缺少强烈的对比色,缺乏激进的情感,三色系配色方案就不太适用了。

5.分散互补色搭配

寻找三种颜色,其中两种互相类似,另一种与它们形成对比,这就是分散互补色搭配。分散互补色搭配是初学者很好的选择,怎么搭都很好看。如下图,红、深蓝与浅蓝搭配,完美突出对比感,画面又不失和谐。  

6.矩形互补色搭配

使用两组互补色,这两组互补色在色轮上可以形成一个矩形。例如,你可以组合黄橙色、黄绿色、蓝紫色和紫红色,这个色彩就会很丰富。但如果你不希望网站上看上去颜色太多、太乱,你可以选择一种颜色作为基本色,对其余颜色做一些细微差别。想要用好矩形互补色是有一定难度的,注意在选择颜色时应尽量平衡冷暖色调。

7.单色搭配

顾名思义,这种方案使用相同颜色的不同色调来搭配组合。一种色相一般由暗、中、明三种色调组成。单色搭配可以同时使用这三种色调,形成明暗的层次,也可以只关注使用明色调或暗色调。单色搭配有清晰的视觉效果,还能让人感觉到极简主义的风格。


以上是网站设计7个色彩搭配方案,您在网站建设时可以根据需要选用。

TAG:
老鹰网编辑处理,转载请注明出处:http://www.laoying88.com/xueyuan/wangzhansheji-183.html

相关文章