最完美的配色方案.docx

最完美的配色方案.docx

《最完美的配色方案.docx》由会员分享，可在线阅读，更多相关《最完美的配色方案.docx（24页珍藏版）》请在冰豆网上搜索。

最完美的配色方案

  平面设计常见的配色方案及色标

基本配色——浪漫

-----------------------------------------------------------------------------------　　

粉红代表浪漫。

粉红色是把数量不一的白色加在红色里面，造成一种明亮的红。

象红色一样，粉红色会引起人的兴趣与快感，但是比较柔和、宁静的方式进行。

　　浪漫色彩设计，藉由使用粉红、淡紫和桃红（略带黄色的粉红色），会令人觉得柔和、典雅。

和其它明亮的粉彩配合起来，红色会让想起梦幻般的６月天和满满一束夏日炎炎下娇柔的花朵。

基本配色——流行

-----------------------------------------------------------------------------------　　

今天“流行”的，明天可能就“落伍”了。

流行的配色设计看起来挺舒服的，但却有震撼他人目光的效果。

　　淡黄绿色（chartreuse）就是一个很好的例子，色彩醒目，适用于青春有活力且不寻常的事物上。

　　从棒球运动鞋到毛衣，这种鲜明的色彩在流行服饰里创造出无数成功的色彩组合。

黄绿或淡黄绿色和它完美的补色——苯胺红（magenta）搭配起来，就是一种绝妙的对比色彩组合。

基本配色——平静

-----------------------------------------------------------------------------------　　

在任何充满压力的环境里，只要搭配出一些灰蓝或淡蓝的明色色彩组合，就会制造出令人平和、恬静的效果。

　　中间是淡蓝的配色设计，会给人安心的感觉，因为它看起来诚实、直接。

　　带着明色的寒色可保持安宁、平和的感觉。

补色和这些强调平静的色彩在明暗度方面一定要类似，这点很重要，因为要是色彩太鲜明，会制造出不必要的紧张。

基本配色——强烈

-----------------------------------------------------------------------------------------

　　最有力的色彩组合是充满刺激的快感和支配的欲念，但总离不开红色；不管颜色是怎么组合，红色绝对是少不了的。

　　红色是最终力量来源——强烈、大胆、极端。

力量的色彩组合象征人类最激烈的感情：

爱、恨、情、仇，表现情感的充分发泄。

　　在广告和展示的时候，有力色彩组合是用来传达活力、醒目等强烈的讯息，并且总能吸引众人的目光。

十二.基本配色——神奇

-----------------------------------------------------------------------------------　　

紫色透露着诡异的气息，所以能制造奇幻的效果。

各种彩度与亮度的紫色，配上橘色和绿色，便是刺激与新奇的最佳代言人。

　　如果紫色配上黄绿色或黄橘色，色调不合、怪异，而且俗不可耐，但如果配上它真正的补色——黄色，便能展现怪诞、诡异的感觉，令人不禁要驻足，欣赏一番。

　　以现代流行语来说，紫色象征“青涩”或“未成年”，常被用以代表两代关系之间的沟通桥梁。

二十一.基本配色——堂皇

-----------------------------------------------------------------------------------　　

纯蓝和一些红结合在一起，产生蓝紫色，这是色相环上最深的颜色，不具黑色来减低它内在的力量。

　　和这类色彩搭配，可象征权威，表现出皇家的气派，就象夏日的梅子，有深不可测的蓝黑，蓝紫和它的补色——黄橙搭配起来，就创造出最惊人的色彩设计。

　　这种豪华的组合设计，有皇室的雍容，但除了用在这类威吓人的环境，一般是鲜少使用的。

二十二.基本配色——土性

-----------------------------------------------------------------------------------　　

深色、鲜明的红橙色叫赤土色。

我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味的色彩。

这种色彩有种淡淡的温暖，就像经过琢磨、润饰的铜器。

　　和白色搭配起来，就会象散发出自然灿烂的光。

土性的色彩有年轻人爱笑、爱闹的个性，令人联想到悠闲，舒适的生活。

　　因为是类比设计的一部分，这种温馨、土味的色调会产生有趣的色彩组合。

例如出现在美国西部的装潢设计。

二十三.基本配色——友善

-----------------------------------------------------------------------------------　　

配色设计要想表达友善之意时，常会使用到橙色。

这种色彩组合，开放、随和，又有一切表现能量和动力的素质。

能够创造出平等、有序气氛，却没有强势和支配的霸气。

　　橙色和它邻近的几个色彩常应用在快餐厅，因为这类色彩会散发出食物品质好、价钱公道等诱人的讯息。

橙色有耀眼、活力的特质，所以被选为在危险地区的国际安全色。

橙色的救生筏和救生设备（例如救生衣等）可以让人轻易地在蓝色和灰色的大海里发现踪迹。

二十四.基本配色——专职

-----------------------------------------------------------------------------------　　

在商业活动中，颜色受到仔细的评估，一般流行的看法，灰色或黑色系列可以象征“职业”，因为这些颜色较不具个人主义，有中庸之感。

　　灰色其实是鲜艳的红色或橘色最好的背景色。

这些活泼的颜色加上低沉的灰色，可以使原有的热力稍加收敛、含蓄一些。

　　虽然灰色不具刺激感，却富有实际感。

它传达出一种实在、严肃的气息，绝少幽默之感

常见主题配色方案：

颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。

但是对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。

除了学习各种色彩理论和方法之外，笔者认为多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。

所以，笔者总结了一些著名网站的颜色搭配方法，这些方法可以让我们的学习少走弯路，快速提高我们的网页制作水平。

　　一、网页颜色原理和象征意义

我们所有网页上颜色，在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

　2）下面是一个娱乐类的综合性网站UGO，他的配色方案是背景色为黑色RGB为（0，0，0）中嵌套RGB（0，0，82），字体白色RGB（255,255,255）,菜单为RGB（77,114,159）。

这样的虽以黑蓝为主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。

如图2。

　3）下面的这个网站是大名鼎鼎的微软公司网站，微软不仅软件做的好，连网页制作也是世界一流。

他的每一个网页都是制作的样板。

从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。

背景颜色使用蓝色RGB为（0，151，254），菜单为黑色RGB（0，0，11），菜单为灰色RGB（200，200，200），字体为黑色RGB（0，0，0），如图3。

　　4）现在介绍的网站相对简单，但是她的用色也别具匠心，现在我们来看一看，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111）字体使用的是RGB（83，86，91）。

虽然简单，但颜色搭配非常的科学合理。

如图4

　5）下面的网站采用黄色调为主，很体现公司的个性，现在我们就来看一看她的颜色搭配。

主色调为黄色RGB为（255，199，48/#FFC730），辅助色调为RGB（49，102，46）字体为棕色RGB（153，103，0），中间再配以抽象的图片，显得个性十足但又不单调。

如图5

　6）橘红色如果运用得当的话是一种非常使用于网页上的颜色。

下面的这个网站就是一个非常著名的例子。

他的主色调为RGB（255，151，0）辅助色调为RGB（255，103，4），菜单RGB为（252，200，0）。

字体使用黑色RGB为（0，0，0）。

此种配色显得主人较为前卫，色彩热烈，给人的震慑力较强。

如图6

　　7）鲜红色也是一种震撼感很强的颜色，如果搭配不当，也可能使网站没有风格和特点。

下面的这个网站就是使用红色比较好的网站。

我们来看看他的颜色搭配。

他使用的主色调是RGB（200，9，0），配以抽象的图形，文字使用的是RGB（213，229，167）显得美观而不失独特，大气而不逼人。

如图7

　8）下面介绍的这种色调是我们制作网页的时候不会经常用到的颜色，如果使用到你的网页中，肯定会给人耳目一新的感觉。

他的主色调为RGB（144，151，97）辅助色调为RGB（173，168，112）边饰为黑色RGB（0，0，0）字体为黑色RGB（0，0，0）。

这样的搭配显得风格独特，颜色和谐而庄重。

如图8

　9）下面的设计更加的简单化，但是颜色的使用使网页并不呆板，反而让人感觉到一股浓浓的生活和家庭气氛，使人置身于美丽和爱中。

他的主体是由两种颜色构成，分别是RGB（239，200，161）和RGB（201，254，200）。

如此简单，但是却栩栩如生，跃然网上。

如图9

　　10）下面举出这个例子是想证明一个道理——只要你有足够的想象力，你就能够设计出漂亮的网页。

目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色，否则就有杂乱之感。

下面的这个网站远远的超过了三种颜色，但是她并不失美丽。

因此重要的还是色彩的驾驭能力。

下面这个例子的菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。

如图10

 　　网页设计的颜色搭配需要在实践中不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。

可以说。

网页颜色搭配得当，成功也就走了一半。

如果大家有什么好的方法，别忘了和别人交流，让我们共同进步！