浅谈网站设计风格和色彩搭配
来源:用户上传
作者: 王丹 刘帆
中图分类号：J0 文献标识码：A 文章编号：1008-925X(2011)09-00-01
摘要：网站的风格决定网页的色彩，网页的色彩是树立网站形象的关键之一，色彩搭配却是一个头疼的问题。网页的背景，文字，图标，边框，超链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？本文将简单阐述网站的设计风格与色彩搭配的原则。
关键词：网页；风格；色彩
设计网站需要考虑的因素非常之多，从前期网站开始时的定位、设定网站框架、整理资料，到具体制作中的设计环节，再到最后的调试、发布、宣传。这是一个环环相扣的过程。在此我们仅讨论下设计网站时重要的两大部分：整体风格和色彩搭配。
1、 确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的，因为没有一个固定的模式可以参照和模仿。任意一个主题，任何两人都不可能设计出完全一样的网站。风格是抽象的，是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的标志、色彩、字体、标语、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。如：网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些感觉都是网站给人们留下的不同感受。如何让这些感觉在网页上体现出来：
（1）将标志logo，尽可能的放在每个页面上最突出的位置。
（2）突出网站的标准色彩。
（3）总结一句能反映网站精髓的宣传标语放在主页上。
（4）相同类型的图像采用相同效果，比如说标题字都采用阴影效果，那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的效果。
整个网站体现出的一种感觉就是这个网站的风格，只有风格统一了才能根据需要决定网站主色调。
2、网页色彩的搭配
色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果，当两种颜色同时在一起时，这两种色各自走向自已的极端，例如红色与绿色对比，红的更红，绿的更绿，黑色与白色对比，黑的更黑，白的更白。由于人的视觉的不同，对比的效果通常会有不同。当长时间的看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色，正是因为红色与周围的对比，形成了视觉的刺激。色彩的对比会受很多因素影响，例如色彩的面积、时间、亮度等等。无论是平面设计，还是网页设计，色彩永远是最重要的一环。
2.1网页色彩的搭配意义
如何搭配颜色才能让自己的主页更加绚丽多彩，达到既不显得呆板，又不至于过于亮丽而造成过强刺激的视觉效果。
（1）颜色是因为光的折射而产生的。
（2）红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。
（3）颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。
（4）任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
我们通常是要考虑主页底色的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的背景衬托浅色的内容；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容。这种深浅的变化在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，在浏览网站时，眼睛就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使眼睛受不了。
同时也要考虑色彩的象征意义。颜色得配置，可以流露出情感和喜好，也会暴露对颜色的驾驭程度。在色彩的运用上，可以根据主页内容的需要和喜好，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、金黄、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。 暗色中含高亮度的对比，会给人清晰、激烈、很有强烈的刺激如深黄到刺黄色。暗色中间含高亮度的对比，会给人沉着、稳重、深沉的感觉觉，如深红中间是刺红，中性色与低高度的对比，给人模糊、朦胧、深奥的感觉，如草绿中间是浅灰、纯色与高亮度的对比，给人跳跃舞动的感觉。如黄色与白色的纯色与低亮度的对比，给人轻柔、欢快的感快。如浅蓝色与白色纯色与暗色的对比，给人强硬，不可改变的感觉。
2.2 网页色彩搭配的原理及技巧
对色彩有了一定的了解，那么到底用什么色彩搭配好看呢？首先要把握好以下几点原则：①色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。②色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。③色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。④色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。其次掌握下列技巧：①用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。②用两种色彩。先选定一种色彩，然后选择它的对比色，比如主页用蓝色和对比色黄色就是这样确定的。整个页面色彩丰富但不花稍。③用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝等。④用黑色和一种彩色。比如大红的字体配黑色的边框感觉很”跳”。
在网页配色中，忌讳的是：①不要将所有颜色都用到，尽量控制在三种色彩以内。②背景和前文的对比尽量要大，绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。
掌握好以上内容，要设计出风格统一色彩漂亮的网站就很容易了。
转载注明来源:https://www.xzbu.com/1/view-237444.htm
