制作网页时彩搭配
一、彩的三个属性
相 ( Hue )-也称为度,可以想成特定波长的可见光,也就是平常我们讲的红、蓝、草绿...等,
相环-->
明度:可以理解为颜的亮度,不同的颜具有不同的明度,例如黄就比蓝的明度高,
在一幅画中要合理安排不同明度的块。
例如,如果天空比地面明度低,就会产生压抑的感觉。
黄的明度最高,紫最低。
同一相的明度也有深浅变化,如绿由浅到深有粉绿、淡绿、翠绿等明度变化。
所谓的饱和度,指的其实是彩的纯度,也叫彩度。纯度越高,表现越鲜明,纯度较低,表现
则较黯淡,在英文中,Saturation 及 Chroma 讲的是同一回事。
彩的纯度强弱是指相感觉明确或含糊,鲜艳或浑浊的程度。
高纯度相加白或黑可以提高或减弱它的明度,但都会降低他们的纯度。对比混合,最易降低纯度。
黑白灰无彩度,只有明度。也称为中性。这种颜通常很柔和彩不那么明亮耀眼。中性是介于三大红黄蓝之间的颜,不属于冷调也不属于暖调。
三原:红、黄、蓝
基础:红橙黄绿蓝靛紫
二、调:指的是一幅画中画面彩的总体倾向,是大的彩效果。
1、举例:大自然中,我们经常会看到这样一种现象,不同颜的物体被笼罩在一片金的阳光之中,或被笼罩在一片轻纱薄雾中,淡蓝的月光之中,或被统一在冬天的银白世界里。这种在不同颜的物体上,笼罩着某一种彩,使不同颜的物体都带有同一彩倾向,
这样的彩现象就是调。
2、调不是颜的属性。
一副绘画作品虽然用了多种颜,但总体有一种倾向,是偏蓝还是偏红,是偏冷还是偏暖。这种颜上的倾向就是一副绘画的调。
通常可以用相,明度,纯度,冷暖来定义一幅画的调。
3、调的象征意义
暖调。即红、橙、黄、赭等彩的搭配,可使主页呈现温馨、和煦、热情的氛围。
冷调。即青、绿、紫等彩的搭配,可使主页呈现宁静、清凉、高雅的氛围。
对比调。即把性完全相反的彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一
个重要原则,即总体的调应该是统一和谐的,局部的地方可以有一些小的强烈对比。
三、网页制作时颜搭配
我们通常的做法是:要考虑主页底(背景)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底浅的称为高调;底深的称为低调。底深,文字的颜就要浅,以深的背景衬托浅的内容(文字或图片);反之,底淡的,文字的颜就要深些,以浅的背景衬托深的内容(文字或图片)。这种深浅的变化在彩学中称为“明度变化”。有些主页,底是黑的,但文字也选用了较深的彩,由于彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。
四、彩的象征
也要考虑彩的象征意义。颜得配置,可以流露你的心情和喜好,也会暴露你对颜的驾驭程度。
在彩的运用上,可以根据主页内容的需要和自己的喜好,分别采用不同的主调。因为
彩具有象征性,例如:嫩绿、翠绿、金黄、灰褐就可以分别象征着春、夏、秋、冬。其次还有职业的标志,例如:军警的橄榄绿,医疗卫生的白等。彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于彩的喜好也存在着较大的差异。充分运用彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。
暗中含高亮度的对比,会给人清晰、激烈、很有强烈的刺激如深黄到刺黄;暗中间含高亮度的对比,会给人沉着、稳重、深沉的感觉,如深红中间是刺红;中性与低亮度的对比,给人模糊、朦胧、深奥的感觉,如草绿中间是浅灰、
纯与高亮度的对比,给人跳跃舞动的感觉。如黄与白的;
纯与低亮度的对比,给人轻柔、欢快的感快。如浅蓝与白;
纯与暗的对比,给人强硬,不可改变的感觉。
以下是部分彩的象征意义
>>彩的心理感觉
不同的颜会给浏览者不同的心理感受。每种彩在饱和度,透明度上略微变化就会产生不同的感觉。
红:强有力,喜庆的彩。具有刺激效果,容易使人产生冲动,是一种雄壮的精神体现,愤怒,热情,活力的感觉
橙:也是一种激奋的彩,具有轻快,欢欣,热烈,温馨,时尚的效果。
黄:亮度最高,有温暧感,具有快乐、希望、智慧和轻快的个性,给人感觉灿烂辉煌
绿:介于冷暖中间,显得和睦,宁静,健康,安全的感觉。和金黄、淡白搭配,产生优雅,舒适的气氛。
颜的意义蓝:永恒、博大,最具凉爽、清新,专业的彩。和白混合,能体现柔顺,淡雅,浪漫的气氛,给人感觉平静、理智
紫:女孩子最喜欢这种,给人神秘、压迫的感觉
黑:具有深沉,神秘,寂静,悲哀,压抑的感受
白:具有洁白,明快,纯真,清洁的感受
灰:具有中庸,平凡,温和,谦让,中立和高雅的感觉
黑、白:不同时候给人不同的感觉,黑有时感觉沉默、虚空,有时感觉庄严肃穆。白有时感觉无尽希望,有时却感觉恐惧和悲哀。
五、网页彩搭配的原理
●原理
1.彩的鲜明性。网页的彩要鲜艳,容易引人注目。
2.彩的独特性。要有与众不同的彩,使得大家对你的印象强烈。
3.彩的合适性。就是说彩和你表达的内容气氛相适合。如用粉体现女性站点的柔性。
4.彩的联想性。不同彩会产生不同的联想,蓝想到天空,黑想到黑夜,红想到喜事等,选择彩要和你网页的内涵相关联。
●网页配忌讳
1.不要将所有颜都用到,尽量控制在三种彩以内。
2.背景和前文的对比尽量要大,(尽量不要用花纹繁复的图案和纯度很高的彩作背景),以便突出主要文字内容。
●彩搭配要注意的问题
1.使用单
尽管网站设计要避免采用单一彩,以免产生单调的感觉,但通过调整彩的饱和度和透明度也可以产生变化,使网站避免单调。
2.使用邻近
所谓邻近,就是在带上相邻近的颜,例如绿和蓝,红和黄就互为邻近。采用邻近设计网页可以使网页避免彩杂乱,易于达到页面的和谐统一。
3.使用对比
对比可以突出重点,产生了强烈的视觉效果,通过合理使用对比能够使网站特鲜明、重点突出。在设计时一般以一种颜为主调,对比作为点缀,可以起到画龙点睛的作用。
4.黑的使用
黑是一种特殊的颜,如果使用恰当,设计合理,往往产生很强烈的艺术效果,黑一般用来作背景,与其它纯度彩搭配使用。
5.背景的使用
6.彩的数量
六、背景与字体的搭配经验
BGCOLOR=“#f1fafa”>>//做正文的背景好,淡雅
BGCOLOR=“#E8FFE8” //做标题的背景好,与上面的颜搭配很协调
这两种颜可以配黑字或FONT COLOR=“#800080”
bgcolor=“#E8E8FF”>>//做正文的背景好,字体配黑较好
bgcolor=“#8080C0”>>//上配黄白字体较好
bgcolor=“#E8D098” //上搭配浅蓝或蓝字体较好
bgcolor=“#EFEFDA” //上搭配浅蓝或红字体较好
bgcolor=“#F2F1D7”//配黑字素雅,红字醒目
bgcolor=“#336699” //配白字做标题较好
bgcolor=“#6699CC”和bgcolor=“#479AC7”和bgcolor=“#66CCCC"和bgcolor=“#00B271”和bgcolor=“#B45B3E”配白字都较好看//可做标题
bgcolor=“#FBF8EA"和bgcolor=“#D5F3F4"和bgcolor=“#D7FFF0"和bgcolor=“#F0DAD2"和bgcolor=“#DDF3FF"配黑字都较好看 //一般做正文以上配方案都比较淡雅。
发布评论