网页中的色彩.ppt

1-* 网页中的色彩 第一页，共十九页，2022年，8月28日 3.1 色彩的基本常识 掌握一些色彩的基本常识对于制作网页非常有帮助，这些常识内容都源自人们对色彩的理解和科学归类。其中色彩的色相、明度和饱和度与网页色彩的构成紧密相关，了解并掌握色彩的相关知识可以让网页设计工作事半功倍。 1．原色 2．色彩的构成 3．分辨率 第二页，共十九页，2022年，8月28日 3.2 色彩的心情 色彩由于人生理结构和生活习惯的原因都有自己的表情特征，当纯度和明度发生变化时，颜色的表情也会一起改变。因此要想说出各种颜色的表情特征是非常困难的，下面就对每个表情的基本特征做一个简单的描述。 红色：热烈、冲动、强有力的感觉，用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色也常用来作为警告，危险，禁止，防火等标示用色，比如防火的指定色。 橙色：欢快活泼的光辉色彩，是暖色系中最温暖的色，使人联想到金色的秋天，丰硕的果实，是一种富足、快乐幸福的颜色。 黄色：灿烂、辉煌，有着太阳光辉的颜色，象征着照亮黑暗的智慧之光。黄色有象征着财富和权利，骄傲的色彩。 绿色：传达出清爽，理想，希望，生长的意象，符合服务业，卫生保健业的诉求，工厂中用作避免工作时眼睛疲劳的颜色，一般的医疗机构场所也常采用绿色。 蓝色：博大的色彩，是永恒的象征，它表现出一种美丽、文静、 理智、安祥与洁净。 紫色：强烈的女性化性格，在商业设计用色中，紫色也受到相当的限制，除了和女性有关的商品或企业形象之外，其他类的设计不常采用为主色。 第三页，共十九页，2022年，8月28日 3.3 网页色彩搭配的方法 网页的色彩搭配非常复杂，每一个由于对色彩的理解不同，以及所经历的事情和所处的环境不同，对色彩的把握也有所差别，所以本节只针对最基本的色彩搭配方法进行讲解。掌握了这些最基本的色彩搭配方法，然后灵活运用，并多多学习和借鉴就可以搭配出色彩丰富的网页了。 第四页，共十九页，2022年，8月28日 3.3.1 同种色彩的搭配 同种色彩搭配也叫做类似色搭配，意思是使用色环上相邻或者相近的颜色进行搭配，或者使用同一色相不同明度和饱和度的颜色进行搭配。这种同种色彩的搭配是所有色彩组合中最容易掌握的，可以构成一种和谐统一的效果。 第五页，共十九页，2022年，8月28日 3.3.2 对比色彩的搭配 对比色彩的搭配是指使用色环中相对的，或者距离较远的颜色进行搭配。对比色彩的搭配会给人一种鲜明的效果，因为色彩跳跃性比较大，所有在使用对比色的时候要注意色彩面积的大小，不同大小的对比色产生的视觉效果完全不同。 第六页，共十九页，2022年，8月28日 3.3.3 暖色色彩搭配 色彩的冷暖是色彩最明显的特征之一，比如红色、黄色特别是明亮的黄色可以给人一种阳光温暖的感觉，而蓝色、绿色就给人一种偏冷的感觉。这种色彩的冷暖对网页主题的设置非常重要，比如通常食品相关的网站都会使用暖色系，目的是引起读者的食欲，从而增加顾客对网站的好感度。 第七页，共十九页，2022年，8月28日 3.3.4 冷色色彩搭配 冷色系的搭配被使用到大部分的商务网站之中，因为冷色系通常可以给人一种专业、冷静、稳重的感觉。在冷色系的搭配中也可以尝试增加暖色的元素，这样可以避免页面颜色过于单调，让浏览者感觉乏味。 第八页，共十九页，2022年，8月28日 3.4 网页色彩搭配原则 网页色彩的搭配虽然非常复杂，但是还是有迹可循的，只要遵循一定的原则就可以制作出颜色合理的效果。其中比较重要的几个原则是色彩的鲜明性、独特性、艺术性和合理性。这些基本的原则虽然很简单但是需要大家在网页设计的过程中不断的实践和总结才能获得最好的效果。 第九页，共十九页，2022年，8月28日 3.4.1 色彩的鲜明性 色彩的鲜明性，并不是说要求色彩非常的活跃或者夸张，而是色彩的意向鲜明，可以让整个网站的色彩更加突出和明确。同时色彩的鲜明性也意味着色彩要非常吸引眼球，可以一下抓住浏览者的注意力。 第十页，共十九页，2022年，8月28日 第十一页，共十九页，2022年，8月28日 3.4.2 色彩的独特性 色彩的独特性不是指使用别人没有用过的非常特殊的色彩，也不是要在色彩上标新立异。色彩的独特性指的是视觉效果上的独特性，就是给人一种耳目一新的感觉，也许使用的都是常见的色彩，但是由于不同的组合和呈现方式，可以让色彩看起来非常独特。 第十二页，共十九页，2022年，8月28日 第十三页，共十九页，2022年，8月28