网页中的色彩.ppt

1、网页中的色彩,在网页制作中，色彩是一个非常重要的元素，只有合理地安排色彩，页面才能够吸引浏览者的眼球，各种信息才能够正确地传达出来。学习运用色彩是一个长期积累的过程，需要在了解各种色彩原理的基础上不断实践和总结才能够运用自如。通过本章的学习，可以掌握最核心的色彩知识和运用方法。,3.1 色彩的基本常识,掌握一些色彩的基本常识对于制作网页非常有帮助，这些常识内容都源自人们对色彩的理解和科学归类。其中色彩的色相、明度和饱和度与网页色彩的构成紧密相关，了解并掌握色彩的相关知识可以让网页设计工作事半功倍。 1原色 2色彩的构成 3分辨率,3.2 色彩的心情,色彩由于人生理结构和生活习惯的原因都有自己的

2、表情特征，当纯度和明度发生变化时，颜色的表情也会一起改变。因此要想说出各种颜色的表情特征是非常困难的，下面就对每个表情的基本特征做一个简单的描述。 红色：热烈、冲动、强有力的感觉，用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色也常用来作为警告，危险，禁止，防火等标示用色，比如防火的指定色。 橙色：欢快活泼的光辉色彩，是暖色系中最温暖的色，使人联想到金色的秋天，丰硕的果实，是一种富足、快乐幸福的颜色。 黄色：灿烂、辉煌，有着太阳光辉的颜色，象征着照亮黑暗的智慧之光。黄色有象征着财富和权利，骄傲的色彩。 绿色：传达出清爽，理想，希望，生长的意象，符合服务业，卫生保健业的诉求

3、，工厂中用作避免工作时眼睛疲劳的颜色，一般的医疗机构场所也常采用绿色。 蓝色：博大的色彩，是永恒的象征，它表现出一种美丽、文静、 理智、安祥与洁净。 紫色：强烈的女性化性格，在商业设计用色中，紫色也受到相当的限制，除了和女性有关的商品或企业形象之外，其他类的设计不常采用为主色。,3.3 网页色彩搭配的方法,网页的色彩搭配非常复杂，每一个由于对色彩的理解不同，以及所经历的事情和所处的环境不同，对色彩的把握也有所差别，所以本节只针对最基本的色彩搭配方法进行讲解。掌握了这些最基本的色彩搭配方法，然后灵活运用，并多多学习和借鉴就可以搭配出色彩丰富的网页了。,3.3.1 同种色彩的搭配,同种色彩搭配也叫

4、做类似色搭配，意思是使用色环上相邻或者相近的颜色进行搭配，或者使用同一色相不同明度和饱和度的颜色进行搭配。这种同种色彩的搭配是所有色彩组合中最容易掌握的，可以构成一种和谐统一的效果。,3.3.2 对比色彩的搭配,对比色彩的搭配是指使用色环中相对的，或者距离较远的颜色进行搭配。对比色彩的搭配会给人一种鲜明的效果，因为色彩跳跃性比较大，所有在使用对比色的时候要注意色彩面积的大小，不同大小的对比色产生的视觉效果完全不同。,3.3.3 暖色色彩搭配,色彩的冷暖是色彩最明显的特征之一，比如红色、黄色特别是明亮的黄色可以给人一种阳光温暖的感觉，而蓝色、绿色就给人一种偏冷的感觉。这种色彩的冷暖对网页主题的设

5、置非常重要，比如通常食品相关的网站都会使用暖色系，目的是引起读者的食欲，从而增加顾客对网站的好感度。,3.3.4 冷色色彩搭配,冷色系的搭配被使用到大部分的商务网站之中，因为冷色系通常可以给人一种专业、冷静、稳重的感觉。在冷色系的搭配中也可以尝试增加暖色的元素，这样可以避免页面颜色过于单调，让浏览者感觉乏味。,3.4 网页色彩搭配原则,网页色彩的搭配虽然非常复杂，但是还是有迹可循的，只要遵循一定的原则就可以制作出颜色合理的效果。其中比较重要的几个原则是色彩的鲜明性、独特性、艺术性和合理性。这些基本的原则虽然很简单但是需要大家在网页设计的过程中不断的实践和总结才能获得最好的效果。,3.4.1 色

6、彩的鲜明性,色彩的鲜明性，并不是说要求色彩非常的活跃或者夸张，而是色彩的意向鲜明，可以让整个网站的色彩更加突出和明确。同时色彩的鲜明性也意味着色彩要非常吸引眼球，可以一下抓住浏览者的注意力。,3.4.2 色彩的独特性,色彩的独特性不是指使用别人没有用过的非常特殊的色彩，也不是要在色彩上标新立异。色彩的独特性指的是视觉效果上的独特性，就是给人一种耳目一新的感觉，也许使用的都是常见的色彩，但是由于不同的组合和呈现方式，可以让色彩看起来非常独特。,3.4.3 色彩的艺术性,色彩的艺术性是指色彩的控制上要有分寸，做到优美和谐，不流于媚俗。由于不同人对艺术的理解不同，在最终的呈现效果上可能会有所差异。,

7、3.4.4 色彩搭配的合理性,色彩搭配的合理性指的是色彩的安排和选择要符合网页主题的需要，不要盲目的使用色彩。在现实生活中，由于习惯的影响和生理的原因，大家都会对某些颜色具有倾向性，比如警告的颜色都偏向红色或者黄色、食品的颜色都偏向暖色等等。所以在制作网页的时候，对于色彩的选取最好安装大家心目中约定俗成的习惯进行选择，这样会让网页更容易被大家接受。,3.5 网页色彩搭配技巧,网页中使用颜色是非常复杂的，没有一成不变的原则或者标准，但是如果可以遵循一定的技巧可以让网页色彩的搭配变的更加事半功倍。下面进行详细讲解。 1使用网页安全色。 216种网页安全色可以在任何网络环境中都正常显示，这就避免了颜色偏差的问题。 2内容和背景的对比程度要大。 由于网页的目的是为了方便大家的浏览，所以内容和背景的颜色有一定差异才能更好的进行阅读。很多没有经验的网页设计师会忽略这一点。 3尽量少用太多的颜色。 网页的颜色尽量控制在三种以内，这样可以让画面更加统一。 4保持整个站点颜色风格的统一。 每个网站都是由很多个页面构成，在设计网站的时候，要考虑到整体的风格和色彩的统一，避免不同页面颜色差别过大的问题。 5使用不同的颜色和样式规划内容。,3.6 网页色彩搭配的禁忌,在设计网页颜色的时候要注意几个问题。 第一不要使用过多的颜色，避免视觉效果的混乱。 第二文字一定要突出显示，因为文字对于传达信息非常重