网页色彩设计2.ppt

网页色彩设计 黑白灰 　　　白色和黑色的搭配的网页很都市化，还有一种特殊的严肃感。 　　　黑色具有高贵、稳重、科技的意象，许多科技产品如轿车、电视音响、摄影器材，大多采用黑色。黑色庄严的意象，也常用在一些特殊场合作为空间设计。 网页色彩设计 3．商业网页色彩设计的配制方法 1）网页色彩的组成 　　　网页色彩由主颜色、副颜色、点缀色组成。 　　　主颜色是网页的主要颜色，起到在显示网页整体基调和风格的作用，通常不超过２种颜色。副颜色在网页中辅助主颜色的次要颜色，通常为１－３种颜色。点缀色在网页中用于突出、强调显示，主要用于Logo、范围较小的按钮、标签等，通常为１-2种颜色。 2）主颜色的配色 　　　主颜色是整个网页的基调色，是网页色彩设计的关键颜色。配制主颜色的方法有如下几种： （1）用色彩的意象来配制主颜色。 　　　譬如要为一家果园开发网站，可以选绿色或橙色。绿色有生长、希望的意象，又是大自然色，果树都是绿色的。而橙色寓意果实累累，丰收的景象。 （2）用行业色来配制主颜色。 　　　每个行业都有它自己的标准色，比如IT行业总是用蓝色来表现，而医药行业总是用绿色来表现。因此IT行业的网站主颜色可以用蓝色，医药行业的网站主颜色可以用绿色。 （3）用商品色来配制主颜色。 　　　所谓“商品色”是指某些或某类商品在消费者的心目中已经形成的、固定不变的色彩形象。在长期的广告宣传作用下，某些商品的包装、色彩等外观形态已经与商品的内在特性融为一体，成为不可分离的基本特征。比如为上岛咖啡设计网页，就可以采用咖啡的褐色调子作为主颜色。 （4）用浏览者的偏爱来配制主颜色。 　　　每种网页都有自己不同的受众群，不同的浏览者对色彩的喜好大相径庭。比如针对儿童的网站主颜色可采用鲜艳、活泼的粉红或粉蓝，而为白领女性服务的网页，可采用各种高级灰色作为主颜色。 （5）用流行色来配制主颜色。 　　　设计流行元素的站点，可以参照本年度的流行色进行配色，使网页配色前卫、时尚。 3）副颜色的配色 　　　副颜色的配色主要是主颜色与副颜色所形成的对比关系，可以有明度对比、色相对比、纯度对比、冷暖对比。 （1）明度对比。 　　　明度对比是指主颜色与副颜色因明度差别而形成的色彩对比。色彩的层次、立体感、空间关系，主要靠色彩的明度对比来实现，由于明度倾向和明度对比程度不同，会形成高调、中调、低调。 （2）色相对比。 　　　色相对比是指主颜色与副颜色因色相差别而形成的色彩对比。各色相由于在色相环上的距离不同而形成不同的色相比，形成同类色、类似色、对比色、互补色。 　　　 　　　主颜色与副颜色是同类色的关系，总体上会给人一种安静、协调、整齐的感觉。同一色相里不同明度与纯度色彩的对比，色相感显得单纯、柔和、高稚、文静。 　　　主颜色与副颜色是类似色的关系，色相虽不同，但仍属接近，页面色彩和谐、统一，更蕴含变化的效果。 　　　两个类似色对比调和要注意与无彩色相结合，即黑和白，这样的页面会比较干净、大众化。 　　　对比色配色。主颜色与副颜色是对比色的关系，使页面色彩感鲜明、强烈、饱满、丰富，凝造出的是一种强弱分明的氛围。 　　　影响这种配色方案效果的最大因素在于所选的颜色在整体画面中所占的比例。由于色彩感觉较强烈，可加入无彩色缓和，以增加调和与统一之感。 　　　互补色配色。主颜色与副颜色是互补色的关系，使页面色彩感完整、丰富、富有激情，呈现强烈的相互辉映的视觉效果，具有很强烈的视觉冲击力。 （3）纯度对比。 　　　纯度对比是指因色彩纯度差别而形成的色彩对比。不同色相的纯度差别较大，可笼统地分为高调、中调、低调。 　　　 （4）冷暖对比 　　　冷暖对比是指因色彩冷暖差别而形成的色彩对比。红、橙、黄等色为暖色类，使人联想到烈火、阳光、血等，产生热烈、欢乐、开朗、活跃、恐怖等感情反应。蓝色、青色为冷色类，让人会联想到海洋、蓝天、冰雪、绿水、夜色等，产生宁静、清凉、深远、悲凉等感情反应。 　　　在实际的调配和使用中，错综复杂的冷暖色感只能在比较中相对地加以区别。以红色为例，朱红与玫瑰红的冷暖色感，在相互对比的情况下，朱红中带有黄味，具有暖色感；玫瑰红中带有紫味，具有冷色感。 　　　 　 　　　明度对比、色相对比、纯度对比和冷暖对比是主颜色与副颜色对比的基本形式，在网页色彩设计中往往四种配色方法结合使用，这样才能使网页结构的色彩关系既统一协调又有所变化。 例： 为一家医疗机构的网站配制色彩。 （1）分析、调研，了解企业状况，确定网页基调。 医疗机构的网页基调通常选用绿色或蓝色为主。绿色健康、平和，蓝色清新、自然。 （2）方案一：绿色基调。 ①确定主颜色为青绿色（#19949C）。青绿色具有草绿色的健康感和蓝色的清新感，给心情低迷的人一种特殊的信心和活力。 ②确定副颜