网页设计如何配色和选择主色调

开篇跟大家推荐我自己也在使用的网页平面视频教程！

该网页设计教程由传智播客免费提供！

我自己也是搜寻了很多网上的资料，发现现在使用的网页平面视频教程非常不错！

希望对和我一样喜欢自学的朋友，一起实现理想！

 

没有一种单一的设计元素会比颜色效果更能够吸引人。颜色能够吸引人的注意力，表达一种情绪，并传达一种潜在的信息。那么什么样的颜色搭配才是最适合的呢？关键是颜色之间的关系。因为色彩总不是凭空存在的，它总是和周围其它颜色一起出现，并相互作用。
毫无联系的配色对于初学者来说比较难掌握，那么，什么是有联系的配色呢？确定基色之后，我们便可以通过色彩搭配的一些定式来找寻色彩搭配。
1.单色：没有色相的变化，通过明暗对比产生颜色搭配。这是最常用，也是效果非常好的一种配色方案。
2.近似色：一种色相环上的颜色任意两边的颜色都是近似色。这样搭配可以产生一种漂亮的、低对比的水产效果。
3.对比色（又称补色）：色相环的对立面。补色有很强的对比效果。两种互为补色的颜色应用在一起，可以传达一种活力、兴奋的效果。
4.分裂补色：基色对面是其补色，而补色的邻近色我们一般称之为分裂补色。这种搭配会让画面很生动，但是一定要注意使用的比例。

1.根据色彩分析中的色彩心理联想、色彩表示意义、以及运用效果等等我们可以看出不同的色彩表达着不同的含义，所以在网页设计中对于主色调的选择一般情况下会基于色彩情感以及这种情感所使用的行业范围。举个例子，青色给人的心理联想是宁静、寒冷，而表示的意义我们可以定义为希望、宁静、清冷……那么运用的效果自然就能表达出希望、宁静、寒冷之感。所以在制作冰箱、空调、文具和学校之类的设计就自然可以来使用青色。
2.根据LOGO来选色。一般情况下，LOGO的色彩即使此行业分类最典型的色彩。比如可口可乐的红色，激情且能刺激食欲的颜色，那么毫无疑问，我们的网页主色调也脱离不了它。
3.如果上述两种方法都无法让你选择出合适的主色调，那么根据形象展示区域中的图片来进行选择也是个不错的主意。