商业网页版式构成设计资料汇编.ppt

（9）灰色。 　　　灰色具有中庸、平凡、温和、谦让、中立和高雅的感觉。灰色属于中间性格，男女皆能接受。所以灰色也是永远流行的主要颜色。灰色具有柔和，高雅的意象，许多的高科技产品都采用灰色来传达高级，科技的形象。韩国网页尤其喜欢利用灰色不同层次的变化组合来搭配其它色彩，使页面色彩更为整体、协调。 3．商业网页色彩设计的配制方法 1）网页色彩的组成 　　　网页色彩由主颜色、副颜色、点缀色组成。 　　　主颜色是网页的主要颜色，起到在显示网页整体基调和风格的作用，通常不超过２种颜色。副颜色在网页中辅助主颜色的次要颜色，通常为１－３种颜色。点缀色在网页中用于突出、强调显示，主要用于Logo、范围较小的按钮、标签等，通常为１-2种颜色。 2）主颜色的配色 　　　主颜色是整个网页的基调色，是网页色彩设计的关键颜色。配制主颜色的方法有如下几种： （1）用色彩的意象来配制主颜色。譬如要为一家果园开发网站，可以选绿色或橙色。绿色有生长、希望的意象，又是大自然色，果树都是绿色的。而橙色寓意果实累累，丰收的景象。 （2）用行业色来配制主颜色。每个行业都有它自己的标准色，比如IT行业总是用蓝色来表现，而医药行业总是用绿色来表现。因此IT行业的网站主颜色可以用蓝色，医药行业的网站主颜色可以用绿色。 （3）用商品色来配制主颜色。所谓“商品色”是指某些或某类商品在消费者的心目中已经形成的、固定不变的色彩形象。在长期的广告宣传作用下，某些商品的包装、色彩等外观形态已经与商品的内在特性融为一体，成为不可分离的基本特征。比如为上岛咖啡设计网页，就可以采用咖啡的褐色调子作为主颜色。 （4）用浏览者的偏爱来配制主颜色。每种网页都有自己不同的受众群，不同的浏览者对色彩的喜好大相径庭。比如针对儿童的网站主颜色可采用鲜艳、活泼的粉红或粉蓝，而为白领女性服务的网页，可采用各种高级灰色作为主颜色。 （5）用流行色来配制主颜色。设计流行元素的站点，可以参照本年度的流行色进行配色，使网页配色前卫、时尚。 3）副颜色的配色 　　　副颜色的配色主要是主颜色与副颜色所形成的对比关系，可以有明度对比、色相对比、纯度对比、冷暖对比。 （1）明度对比。 　　　明度对比是指主颜色与副颜色因明度差别而形成的色彩对比。色彩的层次、立体感、空间关系，主要靠色彩的明度对比来实现，由于明度倾向和明度对比程度不同，会形成高调、中调、低调。 　　　高明度基调情快、活泼、柔软、辉煌。色相的明度提高后，色彩的明度和色相的对比相对降低，产生了统一的感觉，整体色调明快柔和，但要注意其明度差，以造成一定的节奏感。 　　　中明度基调刚强、有力量、丰富感。明度差距小，给人以含蓄厚重的感觉，为了避免过分软弱无力，可在色相和纯度上略加变化。低调朴素、丰富、宏大，有寂寞感。 　　　单独的明度对比调和的页面它有一个很显著的缺点，画面沉闷，因此明度对比调和在很多情况下是不单独存在的，它往往需要结合其他的调和方式，作为一种辅助的调和方式存在。如果以明度对比调和作为主要调和方式的页面需要在其他的辅助色的用色上多多考虑，用辅助色打破沉闷的感觉。明度对比强时，给人的感觉是光感强，体感也强，页面的清晰度高，明度对比弱时，给人的感觉是光感弱，体感也弱，页面不清晰，不易看清楚．如果明度对比太强，则会给人生硬、空洞、简单化的感觉。 （2）色相对比。 　　　色相对比是指主颜色与副颜色因色相差别而形成的色彩对比。各色相由于在色相环上的距离不同而形成不同的色相比，形成同类色、类似色、对比色、互补色。 　　　同类色配色。主颜色与副颜色是同类色的关系，总体上会给人一种安静、协调、整齐的感觉。同一色相里不同明度与纯度色彩的对比，色相感显得单纯、柔和、高稚、文静。 　　　类似色配色。主颜色与副颜色是类似色的关系，色相虽不同，但仍属接近，页面色彩和谐、统一，更蕴含变化的效果。此种配色亦可搭配白色，使画面更明亮；或以灰色搭配，让图面较柔和；或用黑色来增加厚实感。两个类似色对比调和要注意与无彩色相结合，即黑和白，这样的页面会比较干净、大众化，是门户网站用色方式的较好选择。用类似色的色相可表现出细微不同的感觉，为了避免单调，在配色时应注意选择具有明确色相的色彩组合，并合理调整其间的明度差。 　　　对比色配色。主颜色与副颜色是对比色的关系，使页面色彩感鲜明、强烈、饱满、丰富，凝造出的是一种强弱分明的氛围。影响这种配色方案效果的最大因素在于所选的颜色在整体画面中所占的比例。由于色彩感觉较强烈，可加入无彩色缓和，以增加调和与统一之感。运用对比色相间的组合，易产生生动活泼的感觉，但有时会缺少调和感，在具体配色时可根据情况利用明度和纯度的变化进行调和。 2）Banner设计原则 （1）文字编排简洁、和谐。 （2）内容醒目、美观，视觉效果好 （3）广告内容的