2022年网页建设之色彩应用全攻略CSSHTML教程.docx

《2022年网页建设之色彩应用全攻略CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年网页建设之色彩应用全攻略CSSHTML教程.docx（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年网页建设之色彩应用全攻略CSSHTML教程色调是人视觉最敏感的东西。不同色调之间的对比会有不同的效果，当两种颜色同时在一起时，这两种色各自走向自已的极端，例如红色与绿色对比，红的更红，绿的更绿，黑色与白色对比，黑的更黑，白的更白。由于人的视觉的不同，对比的效果通常会有不同。当大家长时间的看一种纯色，例如红色，然后再看看四周的人，你会发觉四周的人脸色会成绿色，正是因为红色与四周的对比，形成了对我们视觉的刺激 ! 色调的对比会受许多因素影响，例如色调的面积、时间、亮度等等。色调的对比有许多方面，色相的对比是其中的一种。比如湖蓝与深蓝对比时，你会发觉深蓝带点紫味，而湖蓝则有点绿味，各种纯色

2、的对比会产生显明的色调效果，很简单给人带来视觉与心理的满意。色调间的对比也有纯度对比，如黄色是夺目的色，但是加入灰色会失去其夺目的光彩。通常可以用混入黑、白、灰色来对比纯色，这样可以减低其纯度。纯度的对比会使色调的效果更明确确定。主页的色调处理得好，可以锦上添花，达到事半功倍的效果。色调总的应用原则应当是“总体协调，局部对比”，也就是：主页的整体色调效果应当是和谐的，只有局部的、小范围的地方可以有一些剧烈色调的对比。那么如何搭配颜色才能让自己的主页更加绚丽多彩呢？我们经常遇到的问题其实主要是背景颜色和字体颜色的搭配问题：达到既不显得呆板，又不至于过于亮丽而造成过强刺激的视觉效果。1.颜色是因为

3、光的折射而产生的。2.红，黄，蓝是三原色，其它的色调都可以用这三种色调调和而成。网页html语言中的色调表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们常常看到的“bgColor=#FFFFFF”就是指背景色为白色。3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的全部色调。4.任何色调都有饱和度和透亮度的属性，属性的改变产生不同的色相，所以至少可以制作几百万种色调。网页制作用彩色还是非彩色好呢？依据专业的探讨机构探讨表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般状况

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

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

6、间含高亮度的对比，会给人镇静、稳重、深厚的感觉觉，如深红中间是刺红，中性色与低高度的对比，给人模糊、朦胧、深邃的感觉，如草绿中间是浅灰、纯色与高亮度的对比，给人跳动舞动的感觉。如黄色与白色的纯色与低亮度的对比，给人温柔、欢快的感快。如浅蓝色与白色纯色与暗色的对比，给人强硬，不行变更的感觉。以下是部分色调的象征意义1色调暖色调。即红色、橙色、黄色、赭色等色调的搭配，可使主页呈现温馨、和煦、热忱的氛围。冷色调。即青色、绿色、紫色等色调的搭配，可使主页呈现安静、凉爽、高雅的氛围。对比色调。即把色性完全相反的色调搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等的搭配，可以产生剧烈的视觉效果，给人亮丽、艳丽、喜庆的感觉。当然，对比色调假如用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应当是统一和谐的，局部的地方可以有一些小的剧烈对比。本新闻共2页,当前在第1页12