网页制作中的色彩搭配，有哪些基本原则？

网站制作过程中，颜色的搭配，有时候很难找出合适的颜色，那么我们到底该怎么做才能做得更好呢，那么看看下面的一些分析，相信你会找到你需要的。

一是根据页面风格及产品本身的需求来确定主色；二是根据主色来寻找配色；三是调整页面颜色比例。

先谈谈找主调，关于找主调，我个人一直觉得色彩有一些心理暗示，举例子就是麦当劳、肯德基这样的快餐店，往往选择红色作为主调，因为红色有促进食欲的作用。红是热情、革命和危险；绿是希望、春天和环保；橙是活泼、快乐；紫是绚丽、妖艳、神秘；如有兴趣的同学，可以去找一些色彩心理学的资料略作研究，这里略加提及，仅供参考。

因为颜色本身具有心理暗示的作用，很多行业都有自己的行业颜色，如商务/工业蓝、环保绿等，当在某些特定行业时，以行业颜色为主色调会是安全的选择。

在选择主色调时，当然也有其他因素需要考虑，比如整个网站的艺术效果，需要传达的气氛/感觉，以及用户的看法。谈到观感，很多设计师都会忽略一个问题，就是色彩纯正，从广告效果来看，是好的色彩，能瞬间吸引使用者的眼球。但不宜长时间浏览，长时间浏览纯色网页，会造成视觉疲劳(有人说绿色是保护眼睛的颜色，但实际上，纯绿色对眼睛的刺激也不小)；灰度较高的颜色，虽然不太引人注目，但有利于长时间浏览，不易造成视觉疲劳。

高调页(整页调性偏白色的那种)，虽然看上去会有一种简洁干净的感觉，但因为显示器的不同，所以在部分电脑上，高调页容易没有层次而显得单薄；而以黑色为主的页面，虽然整体把握比较容易，但同样的问题，高调页可能会失去层次，另外，深调色使用不好会使页面显得单调。因此，多从用户的角度来考虑观感问题，被“飞机”化的可能性就会降低。

主色确定后，再进行配色。色彩搭配方面，个人感觉不宜过多，对于初学者来说，不要超过3种，实际情况是色彩过多不利于把握主调，易花。在色彩搭配方面，很多时候靠经验积累，但也并非完全没有技巧：简单的方法是用LOGO本身设置的色彩搭配或VI设计时设置的标准色彩搭配，这样的色彩搭配多适用于企业宣传网站，属于比较懒散的方法；第二种方法是选择两种颜色相似的颜色(主要颜色)，然后再选择一种颜色相对较深的颜色(辅助颜色)，这样的搭配在大多数情况下是比较合适的；第三种颜色是搭配消色。

“消色”指的是黑白灰(又称黑白金银灰)，这种颜色由于本身没有色性，所以可以说是一种万用配色。说到万用搭配色，当然也有一些值得注意的地方：首先，色彩本身不具有色彩性，它们需要和色彩较强的颜色搭配才能比较出效果；第二，当色彩与其他颜色搭配时，要控制好比例，特别是灰色，灰色是一种非常“高大上”的颜色，但问题是，过度使用，会使页面失去质感。

色泽确定以后，就是调配色泽比例了，在色泽比例方面，我觉得没有什么特别好的规律，好的办法就是做一个小稿看效果。如果你足够自信，当然，胸有成竹也没问题。

另外，还有一些特殊的色彩搭配：说到纯色搭配，很多人会想到“红与绿，大傻X”但农民画中红与绿的搭配却很多。但是很有感觉，为什么呢？在这个问题上，用四到五种纯色来搭配，基本不用考虑颜色搭配的问题，如果稍微有点压力的话，用一点去色压就可以了。与此相似的还有粉色和灰粉色，这类颜色因本身含消色，而且调性较好，所以搭配起来会很清爽。当然，只要颜色、纯度、明度这三个属性中有一个属性是基本相同或相近的，搭配起来基本上都不会太牵强，只是比较前面提到的几种搭配比较常见而已。

在色彩方面，我们说了很多。总之，对于色彩处理软件之类的东西，确实有值得一说的地方，只是个人不推荐。色彩软件是死的，人是活的，对色彩软件的使用习以为常后，人就会产生惰性，设计就会死亡。上面提到的一些事情，只是我个人的一些经历，并不完全正确，仅供参考。在色彩搭配上，感觉仍然是关键的东西，同时多看作品，多注意生活中的设计才是正道。

说到排版，网页设计的排版和平面设计的排版是一脉相承的，所以对于网页设计的排版学习可以从平面媒体的排版设计开始，我接触较早的专业书籍是《英国版式设计教程》，很多理论对我后来都有深刻的影响，建议想多了解版式的同学去看看。虽然说平面媒体的排版经验对网页设计排版有借鉴作用，但由于载体的不同，因此还是有一些区别的，希望大家在学习的过程中有自己的思考。

网站设计首先要讲整体感，整个页面的风格氛围需要从上到下一脉相承。很多人做书页的时候头重脚轻，书页的头做得很花哨，书页的尾部就随便来一下，虽然从实际情况看确实书页的头比较重要，但作为一部作品，这种想法还是不太可取的。因此，作为设计师，心里一定要树立这样一种观念，即，出现在网页上的信息，都是有用的，都是有人看的，关注的人再少也不能马虎，这是对自己的设计负责，对浏览网页的用户负责。

网页的整体感受需要得到重视，但同时网页也局限于浏览器，浏览方式由上而下。因此，在用户眼中呈现的大部分是页面的部分。很多设计者都很注重页面的整体效果，而很少考虑各浏览器在滚动浏览时截取片段的效果。与平面媒体排版一样，网页排版也需要注意到图片、文字标题等元素在页面上呈现的效果如何平衡，但网页排版更需要注意的是一种动态的平衡，不管页面滚动到什么位置，在浏览器中呈现的效果至少应该是视觉上“舒适”的。

网站设计排版与平面媒体排版的不同之处在于：网站设计排版具有许多互动功能和动态效果。因此排版时要考虑到更多的功能性需求和动态视觉效果。因为页面中要排列的元素很多，所以页面在排版时需要考虑的因素很多，对页面元素的排列逻辑的要求也比较高。此时，简单的处理方式是假定：假设用户是您，您希望导航条位于何处？采用何种方法(静态/动态)？展示您会觉得方便吗？假如您是后台管理人员，在后台实际操作后，您会出现什么问题？好的解决办法是什么？…这在用户体验中被称为“假设用户”，是一种比较常用的方式。

在版式设计方面(无论是平面设计版式设计还是网页设计版式设计)，成功的核心要素是什么？就是通过页面的艺术效果，引导用户浏览信息，引导用户进入页面想要带来的气氛。因此，好的设计，应该是“无设计”——注意，“无设计”不是说没有设计，而是整个设计浑然一体，让人感觉没有设计的痕迹。

这种设计不会影响用户对信息的浏览，好的排版层次会使页面的逻辑性更强，让用户有更好的体验，甚至可以通过设计中的一些技巧，引导用户主动浏览页面，主要的是要呈现给用户的信息，只有做到这一点，才算成功排版。尽管说设计者主要的工作就是把页面做得漂亮，但希望大家不要忘记自己设计的原始的用途。