网页颜色匹配方案

网页色彩匹配方案制作主页对色彩需要有一定的感觉，许多网友总是配不好颜色。阿捷教你一个窍门：就是用同一色系的色彩，色彩丰富但不花。颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，笔者认为多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。所以，笔者总结了一些著名网站的颜色搭配方法，这些方法可以让我们的学习少走弯路，快速提高我们的网页制作水平。一、网页颜色原理和象征意义我们所有网页上颜色，在HTML下看到的是以颜色英文单词或者十六进制的表示方法（如#000000表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。红色：热情、奔放、喜悦、庄严黄色：高贵、富有、灿烂、活泼黑色：严肃、夜晚、沉着白色：纯洁、简单、洁净蓝色：天空、清爽、科技绿色：植物、生命、生机灰色：庄重、沉稳紫色：浪漫、富贵棕色：大地、厚朴二、网页颜色的使用风格不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型：1、公司色在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C：100%，M：60%，Y：0%，K：0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。2、风格色许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。3、习惯色这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。三、设计用色十例以下我将分别介绍十个配色较好的网站，大家可以学习和借鉴一下，培养对色彩的敏感以及独到的审美能力。1）这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景，但是这个网站却用灰黑色RGB为（48，48，48/#333333）（以下颜色都用RGB表示），文章标题用色为RGB为（203，201，153/#CCCC99），菜单使用的RGB为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。如图1图12）下面是一个娱乐类的综合性网站UGO，他的配色方案是背景色为黑色RGB为（0，0，0）中嵌套RGB（0，0，82），字体白色RGB（255,255,255）,菜单为RGB（77,114,159）。这样的虽以黑蓝为主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。如图2。图23）下面的这个网站是大名鼎鼎的微软公司网站，微软不仅软件做的好，连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。背景颜色使用蓝色RGB为（0，151，254），菜单为黑色RGB（0，0，11），菜单为灰色RGB（200，200，200），字体为黑色RGB（0，0，0），如图3。图34)现在介绍的网站相对简单，但是她的用色也别具匠心，现在我们来看一看，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111）字体使用的是RGB（83，86，91）。虽然简单，但颜色搭配非常的科学合理。如图4图45）下面的网站采用黄色调为主，很体现公司的个性，现在我们就来看一看她的颜色搭配。主色调为黄色RGB为（255，199，48/#FFC730），辅助色调为RGB（49，102，46）字体为棕色RGB（153，103，0），中间再配以抽象的图片，显得个性十足但又不单调。如图5图56）橘红色如果运用得当的话是一种非常使用于网页上的颜色。下面的这个网站就是一个非常著名的例子。他的主色调为RGB（255，151，0）辅助色调为RGB（255，103，4），菜单RGB为（252，200，0）。字体使用黑色RGB为（0，0，0）。此种配色显得主人较为前卫，色彩热烈，给人的震慑力较强。如图6图67）鲜红色也是一种震撼感很强的颜色，如果搭配不当，也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是RGB（200，9，0），配以抽象的图形，文字使用的是RGB（213，229，167）显得美观而不失独特，大气而不逼人。如图7图78）下面介绍的这种色调是我们制作网页的时候不会经常用到的颜色，如果使用到你的网页中，肯定会给人耳目一新的感觉。他的主色调为RGB（144，151，97）辅助色调为RGB（173，168，112）边饰为黑色RGB（0，0，0）字体为黑色RGB（0，0，0）。这样的搭配显得风格独特，颜色和谐而庄重。如图8图89）下面的设计更加的简单化，但是颜色的使用使网页并不呆板，反而让人感觉到一股浓浓的生活和家庭气氛，使人置身于美丽和爱中。他的主体是由两种颜色构成，分别是RGB（239，200，161）和RGB（201，254，200）。如此简单，但是却栩栩如生，跃然网上。如图9图910）下面举出这个例子是想证明一个道理——只要你有足够的想象力，你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色，否则就有杂乱之感。下面的这个网站远远的超过了三种颜色，但是她并不失美丽。因此重要的还是色彩的驾驭能力。下面这个例子的菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。如图10图10网页设计的颜色搭配需要在实践中不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。可以说。网页颜色搭配得当，成功也就走了一半。如果大家有什么好的方法，别忘了和别人交流，让我们共同进步！一些概念CI设计百科名片CI，也称CIS，是英文CorporateIdentitySystem的缩写，目前一般译为“企业视觉形象识别系统”。CI设计，即有关企业视觉形象识别的设计，包括企业名称、标志、标准字体、色彩、象征图案、标语、吉祥物等方面的设计。CI系统是由理念识别（MindIdentity简称MI）、行为识别（BehariourIdentity简称BI）和视觉识别（VisualIdentity简称VI）三方面所构成。1、理念识别（MI）它是确立企业独具特色的经营理念，是企业生产经营过程中设计、科研、生产、营销、服务、管理等经营理念的识别系统。是企业对当前和未来一个时期的经营目标、经营思想、营销方式和营销形态所作的总体规划和界定，主要包括：企业精神、企业价值观、企业信条、经营宗旨、经营方针、市场定位、产业构成、组织体制、社会责任和发展规划等。属于企业文化的意识形态范畴。2、行为识别（BI）是企业实际经营理念与创造企业文化的准则，对企业运作方式所作的统一规划而形成的动态识别形态。它是以经营理念为基本出发点，对内是建立完善的组织制度、管理规范、职员教育、行为规范和福利制度；对外则是开拓市场调查、进行产品开发，透过社会公益文化活动、公共关系、营销活动等方式来传达企业理念，以获得社会公众对企业识别认同的形式。3、视觉识别（VI）是以企业标志、标准字体、标准色彩为核心展开的完整、体系的视觉传达体系，是将企业理念、文化特质、服务内容、企业规范等抽象语意转换为具体符号的概念，塑造出独特的企业形象。视觉识别系统分为基本要素系统应用要素系统两方面。基本要素系统主要包括：企业名称、企业标志、标准字、标准色、象征图案、宣传口语、市场行销报告书等。应用系统主要包括：办公事务用品、生产设备、建筑环境、产品包装、广告媒体、交通工具、衣着制服、旗帜、招牌、标识牌、橱窗、陈列展示等。视觉识别（VI）在CI系统中最具有传播力和感染力，最容易被社会大众所接受，据有主导的地位。在CI设计系统中，视觉识别设计（VI）是最外在、最直接、最具有传播力和感染力的部分。VI设计是将企业标志的基本要素，以强力方针及管理系统有效地展开，形成企业固有的视觉形象，是透国视觉符号的设计统一化来传达精神与经营理念，有效地推广企业及其产品的知名度和形象。因此，企业识别系统是以视觉识别系统为基础的，并将企业识别的基本精神充分地体现出来，使企业产品名牌化，同时对推进产品进入市场起着直接的作用。VI设计从视觉上表现了企业的经营理念和精神文化，从而形成独特的企业形象，就其本身又具有形象的价值。