红色代表热情、活泼、热闹、温暖、幸福、吉祥
橙色代表光明、华丽、兴奋、甜蜜、快乐
黄色代表明朗、愉快、高贵、希望
绿色代表新鲜、平静、和平、柔和、安逸、青春
蓝色代表深远、永恒、沉静、理智、诚实、寒冷
紫色代表优雅、高贵、魅力、自傲
白色代表纯洁、纯真、朴素、神圣、明快
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞
黑色代表崇高、坚实、严肃、刚健、粗莽
二、色彩搭配的原则
色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
1.特色鲜明
一个网站的用色必须要有自己独特的风格,这样才能显得个性鲜明,给浏览者留下深刻的印象。
2.搭配合理
网页设计虽然属于平面设计的范畴,但它又与其它平面设计不同,它在遵从艺术规律的同时,还考虑人的生理特点,色彩搭配一定要合理,给人一种和谐、愉快的感觉,避免采用纯度很高的单一色彩,这样容易造成视觉疲劳。
3.讲究艺术性
网站设计也是一种艺术活动,因此它必须遵循艺术规律,在考虑到网站本身特点的同时,按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
三、色彩搭配要注意的问题
1.使用单色
尽管网站设计要避免采用单一色彩,以免产生单调的感觉,但通过调整色彩的饱和度和透明度也可以产生变化,使网站避免单调。
2.使用邻近色
所谓邻近色,就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一。
3.使用对比色
对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。
4.黑色的使用
黑色是一种特殊的颜色,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑色一般用来作背景色,与其它纯度色彩搭配使用。
5.背景色的使用
背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。
6.色彩的数量
一般初学者在设计网页时往往使用多种颜色,使网页变得很“花”,缺乏统一和协调,表面上看起来很花哨,但缺乏内在的美感。事实上,网站用色并不是越多越好,一般控制在三种色彩以内,通过调整色彩的各种属性来产生变化。
网页色彩搭配内涵 (1)
网页的色彩搭配往往是网友们感到头疼的问题,尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢?
一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。
1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。
2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。
3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。
4、在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。
二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视性格趋于甜美、亮丽、芳香。
2、 在橙色中混入小量的白,可使橙色的知觉趋于焦躁、无力。
网页色彩搭配内涵 (2)
四、绿色是具有黄色和蓝色两种成份的色。在绿色中,将黄色的扩张感和蓝色的收缩感相中庸,将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。
1、 在绿色中黄的成份较多时,其性格就趋于活泼、友善,具有幼稚性。
2、 在绿色中加入少量的黑,其性格就趋于庄重、老练、成熟
3、 在绿色中加入少量的白,其性格就趋于洁净、清爽、鲜嫩。
五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。
1、 在紫色中红的成份较多时,其知觉具有压抑感、威胁感。
2、 在紫色中加入少量的黑,其感觉就趋于沉闷、伤感、恐怖。
3、 在紫色中加入白,可使紫色沉闷的性格消失,变得优雅、娇气,并充满女性的魅力。
六、白色的色感光明,性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色,都会影响其纯洁性,使其性格变的含蓄。
1、 在白色中混入少量的红,就成为淡淡的粉色,鲜嫩而充满诱惑。
2、 在白色中混入少量的黄,则成为一种乳黄色,给人一种香腻的印象。
3、 在白色中混入少量的蓝,给人感觉清冷、洁净。
4、 在白色中混入少量的橙,有一种干燥的气氛。
5、 在白色中混入少量的绿,给人一种稚嫩、柔和的感觉
6、 在白色中混入少量的紫,可诱导人联想到淡淡的芳
色彩的魅力是无限的,它可以让本身很平淡无味的东西,瞬间就能变得漂亮、美丽起来。信息时代的快速到来,网络也开始变的多姿多彩。人们不再局限于简单的文字与图片,他们要求网页看上去漂亮,舒适。所以当代设计者不仅要掌握基本的网站制作技术,还需要掌握网站的风格,配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。
一、认识色彩
为了能更好地应用色彩来设计网页,我们还是先来了解一下色彩的一些基本概念。自然界中有好多好多种色彩,比如玫瑰是红色的,大海是蓝色的,桔子是橙色的……但是最基本的有三种(红,黄,蓝),其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。
现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征:色相,明度和纯度。其中非彩色只有明度属性。
色相,指的是色彩的名称。这是色彩最基本的特征,是一种色彩区别于另一种色彩的最主要的因素。比如说紫色,绿色,黄色等等都代表了不同的色相。同一色相的色彩,调整一下亮度,或者纯度很容易搭配,比如,深绿,暗绿,草绿,亮绿。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。如紫色(#993399)跟黄色(#ffff00),暗红(#cc3300)跟草绿(#99cc00),暗蓝(#0066cc)跟橙色(#ff9933)等。
纯度,指色彩的鲜艳程度,纯度高的色彩纯,鲜亮。纯度底的色彩暗淡,含灰色。
相近色:色环中相邻的三种颜色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。
互补色,色环中相对的两种色彩。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。
暖色,暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。
冷色,冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果,绿色,蓝色,蓝紫色等等都属于冷色系列。
色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
二、色彩的作用
色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰,联想到喜庆,联想到兴奋。白色联想到纯洁,干净,简洁;紫色象征着女性化,高雅,浪漫;蓝色象征高科技,稳重,理智;橙色代表了欢快,甜美,收获;绿色代表了充满青春的活力,舒适,希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下,同种色彩可以代表不同的含义。
三、色彩的运用
要说色彩的运用,还是先谈谈黑白灰色彩的应用吧,因为黑白灰色彩是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果哦。
对一些明度较高的网站,配以黑色,可以适当地降低其明度。 白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
四、确定网站的主题色
一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让客户迷失方向,也不到于单调,乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
一个页面尽量不要超过4种色彩,用太多的色彩让人没有方向,没有侧重。当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果。另外哪种因素占主要地位,是明度,纯度还是色相。
五、色彩的搭配
在学习了解了色彩的一些基本概念及色彩的一些搭配问题,具体运用到网页中,各要素的色彩又是如何搭配的呢?
1、网页标题
网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰,明了,层次分明。想往哪里走都不会迷失方向。
2、网页链接
一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,因为链接区别于文字,所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快,不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心必然趋使他移动鼠标,点击鼠标。
3、网页文字
如果一个网站用了背景颜色,必须要考虑到背景颜色的用色,与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。
当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,是不是让你豁然开朗呢!此时他为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
4、网页标志
网页标志是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢?我们将LOGO和BANNER做的鲜亮一些,也就是色彩方面跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
为了能让自己的网页设计得更靓丽、更舒适,为了增强你的页面的可阅读性,必须合理,恰当地运用与搭配页面各要素间的色彩!