谈谈色彩搭在网页设计中的应用.doc

《谈谈色彩搭在网页设计中的应用.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、谈谈色彩搭配在网页设计中的应用可能你尚未意识到颜色在网页设计中的重要性。你可能觉得一个网站是绿色的，换成蓝色也行，反正无所谓。长期以来，我都在思考颜色在网页设计中的重要性，最近我才得出结论：颜色真能改变很多东西，并且能让读者感受不一样的东西。每种色调的背后都隐藏着某种心理效应，接下来我会深入探讨这个问题。1.根据页面风格确定主色色彩有心理暗示的作用，很多行业都有其各自的行业色，很多品牌也有其独特的品牌色：例如：肯德基、麦当劳这类快餐店不约而同的选择了红色作为主基调，因为红色有增进食欲的效果。红色代表热情、活泼、温暖、幸福；橙色代表光明、华丽、兴

2、奋、快乐；黄色代表明朗、愉快、高贵、希望；绿色代表新鲜、和平、柔和、安逸、青春；蓝色代表深远、永恒、沉静、理智；紫色代表优雅、高贵、魅力、自傲。很多品牌都有一套自己的VI，它们的颜色使用都是有特色的，奥迪是以灰色主打，百事可乐以蓝做主基调，可口可乐则是红。2.根据主色确定配色网页配色很重要，网页颜色搭配的是否合理会直接影响到访问者的情绪。好的色彩搭配会给访问者带来很强的视觉冲击力，不恰当的色彩搭配则会让访问者浮躁不安。举个例子，青色给人的心理联想是宁静、寒冷，而表示的意义我们可以定义为希望、宁静、清冷……那么运用的效果自然就能表达出希望、宁静、

3、寒冷之感。所以在制作冰箱、空调、文具和学校之类的设计就自然可以来使用青色。再来我们可以根据LOGO来选色。一般情况下，LOGO的色彩即使此行业分类最典型的色彩。比如可口可乐的红色，激情且能刺激食欲的颜色，那么毫无疑问，我们的网页主色调也脱离不了它。1.同种色彩搭配同种色彩搭配是一种最简便、最基本的配色方法。它是指首先选定一种色彩，然后调整其透明度和饱和度，将色彩变淡或加深，而产生新的色彩，这样的页面看起来色彩统一，具有层次感。同种色搭配可以取得端庄、沉静、稳重的效果。但必须注意同种色搭配时，色与色之间的明度差异要适当，相差太小，太接近的色调容易

4、相互混淆，缺乏层次感；相差太大，对比太强烈的色调易于割裂整体。同种色搭配时最好有深、中、浅三个层次变化，如果少于三个层次，搭配会显得比较单调，但是层次过多又会产生繁琐、散漫的效果。1.相近色色彩搭配选择色彩相近的颜色，非常容易搭配。明度不同或纯度不同的几种颜色颜色容易搭配，比如挑几种深浅不同的绿色来搭配，一半页面不会有太大的问题，但是同意页面尽量不要同时有多于4种颜色并存。我们可以在颜色面板中调入不同的几种色系，选它们相邻的颜色试试，或隔几种颜色来搭配，就可以找到合适页面的颜色。1.邻近色色彩搭配邻近色是指在色环上相邻的颜色，如绿色和蓝色、红色

5、和黄色即互为邻近色。采用邻近色搭配可以里是网页避免色彩杂乱，易于达到页面和谐统一的效果。邻近色之间往往是你中有我，我中有你。比如：朱红与桔黄，朱红以红为主，里面略有少量黄色；桔黄以黄为主，里面有少许红色，虽然它们在色相上有很大差别，但在视觉上却比较接近。在色轮中，凡在90度范围之内的颜色都属邻近色的范围，色相距离约60度左右，为较弱对比类型。邻近色一般有两个范围，绿蓝紫的邻近色大多数都是在冷色范围里的，红黄橙在暖色范围里的。采用邻近色搭配效果会有丰富活泼，但又不失统一雅致、和谐的感觉。1.对比色彩搭配 一般来说，色彩的三原色（红、黄、蓝）最能体

6、现色彩间的差异。色彩的强烈对比具有视觉诱惑力，能够起到几种实现的作用。对比色可以突出重点，产生强烈的视觉效果。通过合理使用对比色，能够使网站特色鲜明、重点突出。在设计时，通常以一种颜色为主色调，其对比色作为点缀，以起到画龙点睛的作用。2.补色色彩搭配指两个相对的颜色的配合，如：红与绿，青与橙，黑与白等，补色相配能形成鲜明的对比，有时会收到较好的效果。黑白搭配是永远的经典。两个互为补色的颜色放在一个页面，其中一种颜色占的面积远大于另一种颜色的面积的时候，就可以增强画面的对比，画面就会很显眼。但是一般情况下，补色运用有得有失。