04模块-网站及网页的色彩搭配.pptVIP

04模块 网站及网页的色彩搭配 ;能力目标 1．能区分冷暖色调。 2．能用Photoshop CS5拾取图片颜色。 3．能根据网站内容规划网站色调。 知识目标 1．三原色。 2．冷暖色。 3．常见网页颜色代码。 4．常见网页配色方案。 ;知识1 色彩的基础知识 ;网页HTML语言中的色彩表达即是分别用红、绿和蓝三种颜色的值来表示的。分别把红、绿和蓝三种颜色分为256个（0至255）等级，用不同的组合形成不同的颜色。经过组合后网页就可以表示224种颜色。通常每种颜色的值用两位十六进制数来表示，并以“#”开头。如红色表示为#FF0000，绿色表示为#00FF00，蓝色表示为#0000FF，白色表示为#FFFFFF。 ;Photoshop颜色拾取;知识2 网页色彩的冷暖视觉 ;淡雅清爽的百度网址大全首页 ;温暖活泼的淘宝网首页;知识3 网页的安全色;当网页中的有些颜色显示设备无法正确还原时，显示设备就会使用与需要相似的颜色，使显示的颜色尽量达到需要的效果。因此用这216种颜色表现高清晰度的图片时可能会有所欠缺，但表现网页的文字、背景的颜色还是完全可以的。 使用216中安全色是网页设计中累积经验的结果，在进行网页的页面设计时，要尽量使用网页安全色，这样就可以更准确、真实地表现网页的颜色效果。 ;知识5 网站总体色彩规划 ;2．站点内各栏目色彩搭配原则 在对网站进行颜色搭配时，需要遵循一些颜色搭配的原理和方法。这些配色原理是根据长期设计的经验和人们对颜色的感知形成的。网站的各个栏目，因为需要体现出不同的内容和浏览方式，需要针对不同的网站栏目进行不同的配色。 一般来说，需要吸引用户注意力的栏目应该使用鲜明的颜色。不同的栏目之间应该有一些颜色的对比，增强网页色彩的层次感。 ;知识6 网页色彩搭配原理;彩色搭配是一个比较复杂的内容。网页进行配色时，需要先确定网页的主色调。然后根据主色调再确定搭配的颜色。网站中不要使用过多的颜色，一个网页的颜色应尽量控制在3种颜色以内。使用太多种颜色可能使网站颜色混杂，视觉效果混乱。 背景与文本的颜色对比要强烈，不要将背景与文本使用相近的颜色。不要使用鲜明的花纹作为背景，这样无法突显出网页的内容，浏览网页时也会很吃力。 ;知识7 常见的几种网页配色方案;2．绿色色调的使用与搭配 绿色是大自然中生命的颜色，给人们以生命、成长、希望的气息。绿色是人们最愿意接受的纯自然感觉。绿色的性格平和、安稳，是一种温顺、恬静、自然和优美的颜色。 (1)在绿色中加入一些黄色，会使绿色的性格趋于活泼和友善。 (2)在绿色中加入一些黑色，会使绿色的性格趋于庄重和成熟。 (3)在绿色中加入少量的白色，会使绿色的性格趋于洁净、清爽和鲜嫩。 ;3．蓝色色调的使用与搭配 蓝色的色感冷清，性格朴实内向，是一种有助于人头脑冷静的颜色。蓝色可以很容易让人感觉到天空、大海的氛围，提供一个深远、广阔和平静的空间，可以衬托其他活跃的颜色。蓝色淡化后仍然能保持较强个性，不同的蓝色给人完全不同的感觉。如果在蓝色中分别加入少量的红、黄、黑、橙和白等色，会对蓝色的色感造成鲜明的影响。 蓝色是最养眼的颜色，蓝色的背景可以使人平静、遐想。网站常常使用蓝色作为网站的背景色。而不同的蓝色往往给人完全不同的感觉。 蓝色是现今网站中最常使用的主色调。蓝色风格的网页最容易被用户接受和认可。很多大中型的科技教育类和网络公司的网站都是使用蓝色风格。 ;4．黄色色调的使用与搭配 黄色可以表现出冷漠、高傲、敏感和不安宁的视觉印象。在所有的颜色中，黄色的色感最容易发生变化。只要在纯黄色中搭配少量的其他颜色，其色感和表现出的性格就会发生很大的变化。黄色在搭配其他的颜色时，会因为色彩的对比给黄色带来完全不同的色彩感觉。 (1)在黄色中加入少量的蓝色，会使其转化为嫩绿色，可使黄色表现出平和潮润的感觉。 (2)黄色和红色搭配在一起，会使其转化为橙色，色感会从冷漠、高傲转化为有分寸感的热情和温暖。 (3)在黄色中加入少量的黑色，会使其转化为橄榄绿色，色感表现成熟和随和的感觉。 (4)在黄色中加入少量的白色，会使色感变得柔和，可以淡化黄色的性格感，使颜色趋近于含蓄和易于接近。 ;5．橙色色调的使用与搭配 橙色具有红和黄的成分，其性格趋于甜美、亮丽和芳香，也有红色的效果，性格趋于兴奋和狂躁。 橙色中加入少量的白色，可淡化橙色的效果，使橙色的色感趋于焦躁和无力。 6．紫色色调的使用与搭配 紫色的明度在彩色的色料中是最低的。紫色的低明度给人一种沉闷和神秘的感觉。 (1)紫色中红的成分较多时，就会给人以压抑威胁的感觉。 (2)紫色中加入黑色，其感觉就趋于沉闷、伤感和恐怖。 (3)紫色中加入白色，就会变得优雅、娇气，并充满女性的魅力。 ;7．白色色调的使用与搭配 白色的色感光明，性格朴实、纯洁和快乐。给人以