当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页建设之色彩应用全攻略

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 网页建设之色彩应用全攻略


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 27 ::
收藏到网摘: n/a

色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果,当两种颜色同时在一起时,这两种色各自走向自已的极端,例如红色与绿色对比,红的更红,绿的更绿,黑色与白色对比,黑的更黑,白的更白。由于人的视觉的不同,对比的效果通常会有不同。当大家长时间的看一种纯色,例如红色,然后再看看周围的人,你会发现周围的人脸色会成绿色,正是因为红色与周围的对比,形成了对我们视觉的刺激 ! 色彩的对比会受很多因素影响,例如色彩的面积、时间、亮度等等。

  色彩的对比有很多方面,色相的对比是其中的一种。比如湖蓝与深蓝对比时,你会发觉深蓝带点紫味,而湖蓝则有点绿味,各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。

  色彩间的对比也有纯度对比,如黄色是夺目的色,但是加入灰色会失去其夺目的光彩。通常可以用混入黑、白、灰色来对比纯色,这样可以减低其纯度。纯度的对比会使色彩的效果更明确肯定。

  主页的色彩处理得好,可以锦上添花,达到事半功倍的效果。色彩总的应用原则应该是“总体协调,局部对比”,也就是:主页的整体色彩效果应该是和谐的,只有局部的、小范围的地方可以有一些强烈色彩的对比。

  那么如何搭配颜色才能让自己的主页更加绚丽多彩呢?我们常常遇到的问题其实主要是背景颜色和字体颜色的搭配问题:达到既不显得呆板,又不至于过于亮丽而造成过强刺激的视觉效果。

 1.颜色是因为光的折射而产生的。
  2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。

  3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。

  4.任何色彩都有饱和度和透明度的属性,属性的变化产生不同的色相,所以至少可以制作几百万种色彩。

  网页制作用彩色还是非彩色好呢?根据专业的研究机构研究表明:彩色的记忆效果是黑白的3.5倍。也就是说,在一般情况下,彩色页面较完全黑白页面更加吸引人。

  我们通常的做法是:要考虑主页底色(背景色)的深、浅,这里借用摄影中的一个术语,就是“高调”和“低调”。底色浅的称为高调;底色深的称为低调。底色深,文字的颜色就要浅,以深色的背景衬托浅色的内容(文字或图片);反之,底色淡的,文字的颜色就要深些,以浅色的背景衬托深色的内容(文字或图片)。这种深浅的变化在色彩学中称为“明度变化”。有些主页,底色是黑的,但文字也选用了较深的色彩,由于色彩的明度比较接近,读者在阅览时,眼睛就会感觉很吃力,影响了阅读效果。当然,色彩的明度也不能变化太大,否则屏幕上的亮度反差太强,同样也会使读者的眼睛受不了。

也要考虑色彩的象征意义。颜色得配置,可以流露你的心情和喜好,也会暴露你对颜色的驾驭程度。
  在色彩的运用上,可以根据主页内容的需要和自己的喜好,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异。充分运用色彩的这些特性,可以使我们的主页具有深刻的艺术内涵,从而提升主页的文化品位。

  暗色中含高亮度的对比,会给人清晰、激烈、很有强烈的刺激如深黄到刺黄色。暗色中间含高亮度的对比,会给人沉着、稳重、深沉的感觉觉,如深红中间是刺红,中性色与低高度的对比,给人模糊、朦胧、深奥的感觉,如草绿中间是浅灰、纯色与高亮度的对比,给人跳跃舞动的感觉。如黄色与白色的纯色与低亮度的对比,给人轻柔、欢快的感快。如浅蓝色与白色纯色与暗色的对比,给人强硬,不可改变的感觉。
  以下是部分色彩的象征意义

  1.色调

  暖色调。即红色、橙色、黄色、赭色等色彩的搭配,可使主页呈现温馨、和煦、热情的氛围。

  冷色调。即青色、绿色、紫色等色彩的搭配,可使主页呈现宁静、清凉、高雅的氛围。

  对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如:红与绿、黄与紫、橙与蓝等的搭配,可以产生强烈的视觉效果,给人亮丽、鲜艳、喜庆的感觉。当然,对比色调如果用得不好,会适得其反,产生俗气、刺眼的不良效果。这就要把握“大调和,小对比”这一个重要原则,即总体的色调应该是统一和谐的,局部的地方可以有一些小的强烈对比。

本新闻共2页,当前在第1页  1