[精品]色彩的运用

《[精品]色彩的运用》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、色彩一、认识色彩为了能更好地应用色彩来设计网页，我们还是先来了解一下色彩的一些基本概念。口然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只冇明度属性。色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另-•种色彩的最主要的因索。比如说紫色，绿色，黄色等等都代表了不

2、同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。明度，也叫亮度，指的是色彩的明暗程度，明度越人，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffffOO）,H咅红（#cc33OO）跟草绿（#99cc00）,11咅蓝（#0066cc）跟橙色（#ff9933

3、）等。纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩喑淡，含灰色。原色红蓝二次色橙绿紫红橙黄櫃黄绿蓝绿蓝紫红紫12色相环24鱼相环说明：色相环是由原色、二次色和三次色组合而成.色相环中的三原色是红、黄、蓝，在环中形成一个等边三角形.二次色是橙、紫、绿.处在三原色之间.形成另一个等边三角形红糧、黄機、黄绿、蓝绿、蓝紫和红紫六色为三次色，三次色是由原色和二次色混合而成"相近色：色环中相邻的三种颜色。相近色的搭配给人的视觉效果很舒适，很口然。所以相近色在网站设计中极为常用。互补色，色环屮相对的两种色彩。对互补色，调整一下补色的亮度，

4、有时候是一种很好的搭配。暖色，暖色跟黑色调和可以达到很好的效果。暖色一般应川于购物类网站，电了商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。冷色，冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主耍表达严肃，稳重等效果，绿色，蓝色，蓝紫色等等都属于冷色系列。色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一•个部分。比如一个网站不可能单一的运用一利谶色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种

5、色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。二、色彩的作用色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。三、色彩的运用要说色彩的运用，还是先谈谈黑白灰色彩的应用吧，因为黑白灰色彩是万能色，可以跟任意

6、一种色彩搭配。当你为某种色彩的搭配苦恼的吋候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。四、确定网站的主题色一个网站不可能单一的运用一种颜色，让人感觉单调，乏味：但是也不可能将所有的颜色都运用到网站中，

7、让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑英它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主耍地位，是明度，纯度还是色相。五、色彩的搭配在学习了解了色彩的一些基本概念及色彩的-些搭配问题，具体运用到网页小，各要索的色彩又是如何搭配的呢？1、网页标题网页标题是网站的指路灯，浏览者要在网页间跳转，要了解网站的结构，网站的内

8、容,都必须通过导航或者贝面中的-些小标题。所以我们町以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网诂清晰，明了，层次分明。想往哪里走都不会迷失方向。2、网页链接一个网站不可能只是单