互联网上很多企业网站，虽然设计非常精美，但总觉得有点儿美中不足，尤其颜色搭配方面，怎么看怎么怪。事实上对很多网页设计师而言，听到“颜色搭配”这个词时，便会从潜意识上对此反感，总觉得这个肯定又是一个「坑」!其实，要为网页设计搭配颜色并不难，掌握好以下三招就能轻松解决配色方案的问题。

　　一、色不过三

　　大家都知道，颜色太多会让界面显得凌乱，感觉就像牛皮膏药贴在墙上的感觉；颜色太少，虽然画面变得和谐统一，但略带沉闷单调。所以，在色彩数量上，一般我们会遵循「色不过三」的原则。所谓「色不过三」，指的不是不超过三种颜色的搭配，而是不超过三种色相搭配。想要画面变得更加丰富，我们可以通过运用改变单个色相的明度或饱和度，增强界面的视觉效果，但记住「色相」一定不能超过三种!

　　关于「色不过三」的搭配技巧

　　统一的主色彩风格的导向，能加深用户对界面的记忆，也让操作体验更舒适自然;

　　精简颜色更容易统一和把控，但要保证正确地传达出需要表现的功能和元素为前提;

　　明暗色彩相搭配，才能使画面显得层次感丰富而又有朝气。

　　二、确定主色

　　色彩功能一般划分为：主色、辅助色和点缀色。

　　主色是为网页设计奠定的一个基调，这个基调不仅起到吸引眼球，影响用户对网站的印象，还影响网站所要传达的信息和风格。

　　若说色彩是充当网站的重要情感元素，那么主色就是网站的设计方向。所以在决定网站主色，不妨从以下几个方面入手考虑：

　　设计初期，对项目有明确的了解后，选择出最为贴切主题的主色进行定位。

　　不同媒介，主色运用的规律也各不相同，例如：网页设计，通常主色会运用在结构和装饰上。

　　界面设计可选择品牌Logo颜色作为主色彩，并在不同界面中主色彩出现的面积而变化，使网站变得更统一和谐。

　　使用主色时，要考虑页面的内容关系，理解界面的层次与功能性质。

　　从视觉出发，选择饱和度高的色彩作为主色时，要考虑因为颜色面积过多而造成的视觉疲劳。

　　三、从对比色中找辅助色

　　通常大家会觉得，色彩面积最多就是主色，其实有时候人们在定义界面主色的时候，会选择饱和度(纯度)高的颜色作为主色，而色彩面积较多的作为辅助色。

　　在网页设计中，辅助色的作用就是在强调和突出主色同时，完成网站需要传达的信息，以及使整个画面变得更加饱满。所以在决定网站辅助色时，可以从以下几个方面入手考虑：

　　选择主色的互补色作为辅助色，能让网站的视觉效果产生强烈的刺激，情感浓烈，给人留下鲜明的印象。

　　主色和辅助色搭配时，需要控制使用的位置和信息面积，避免造视觉疲劳，或出现让人不安定的感觉。

　　在设计中大量使用冷暖色搭配，能使界面非常舒服平和，却不单调。

[返回上一级]