色彩搭配篇1

色彩产业就是基于人的心理需要而产生的，它的服务及涵盖范围十分宽泛，国外的色彩行业发展趋势就是不断对传统行业进行渗透，细化、时尚化各项服务，精确各行业定位。个人色彩消费除了色彩顾问坐店咨询以外，还可以拥有私人色彩顾问，上门服务，从上门设置基础衣柜到色彩顾问陪同购物。商业色彩搭配可以应用到包括服饰、室内、环境、建筑、广告等各个行业中去。

色彩营销的重要

恰当搭配和运用色彩，在市场营销中起着不可忽视的促销作用，恰到好处的色彩，具有很强的市场销售力。色彩营销，就是要在了解和分析消费者心理的基础上，做消费者所想，给商品恰当定位，然后给产品本身、产品包装、人员服饰、环境设置、店面装饰一直到购物袋等配以恰当的色彩，使商品高情感化，成为与消费者沟通的桥梁，实现“人心－色彩－商品”的统一，将商品的思想传达给消费者，提高营销的效率，并减小营销成本。

如今，竞争企业间产品的质量差距越来越不明显了，技术竞争、品种竞争不断地高度化，导致商品激烈竞争，附加价值的竞争就变的更有意义。色彩理论是最容易与市场及人群结合的基础理论，服饰色彩搭配与橱窗、货品、陈列设计相结合，运用色彩技巧还能提高商品价值。因而企业的品牌、产品的设计和色彩等形象因素已成为企业产品能否畅销的最关键因素，色彩营销在企业营销活动中的运用将会越来越频繁，逐渐成为企业在激烈的竞争中获得竞争优势的一个重要手段。

色彩搭配设计师应运而生

色彩营销的流行，使色彩搭配已经上升为战略问题。使用什么色彩不是设计师一个人可以决定的，只有色彩专家与设计师协作开发才是理想的状态。今后的时代需要色彩战略家，是色彩搭配的时代。

色彩搭配篇2

关键词：网页设计；配色原则；配色技巧

中图分类号：TP393.092

1网页色彩基础知识

每个人都生活在五光十色的色彩环境中，难以想象没有色彩的世界将是一个什么样子。人们除了享受到自然界的缤纷色彩之外，也正在运用各种色彩美化着生活。

色彩主要有明度、色相和纯度3个特征。

明度是指物体反射的光的量。反射的光越多，物体色彩的明度就越高。总的来说，色彩的明度取决于色彩中白色和黑色含量的比例。

在设计网页时，应该注意前景色、背景色及网页各部分之间的色彩明度要相互协调。如果网页的背景色的明度较低，则网页中的文字的色彩应该选择明度较高的色彩；否则，文字颜色和背景色差别不大，用户在浏览网页时会感到非常吃力。当然，也不能选择明度太高的色彩；否则，用户会感到刺眼。网页的各个部分之间的色彩明度尽量做到既有变化，又相协调。

色相是色彩最主要的特征，是色彩所表现的“外相”，是色彩的种类。

在设计网页时，如果选择暖色相，例如红色、橙色、黄色等则可以创造出温馨的效果。如果选择冷色相，例如蓝色、绿色，则可以使得网页呈现出清新、高雅的效果。

纯度是指色彩含有其它色彩的含量的多少。例如，粉红色的纯度比红色要低。

2网页色彩选择的原则及搭配技巧

网站色彩的选择非常重要，当用户打开网站时，最先看到的就是网站的色彩，其次才是网站的内容。色彩的选择与搭配是否得当，会在很大程度上影响浏览者的意愿。下面谈一下网页色彩的选择与搭配的原则，网页色彩搭配的技巧，以及页面中各区域的色彩分配。

2.1网页色彩选择与搭配的原则

说到色彩的选择与运用，黑、白、灰，这三色是万能色，可以跟任何色彩搭配。针对明度较高的网站，为其配上黑色，则可以适当降低明度。白色则是网站中应用得最普遍的颜色，很多网站甚至留着大块的白色空间作为组成的一部分，也就是留白的艺术。适当的留白对网页的协调与均衡有很大的作用，也会令人感觉舒适、畅快、没有压力。网页的色彩的选择与搭配大体可以遵循以下三个原则。

（1）符合网站的风格和主题

不同类型的网站就要使用不同的色彩和视觉元素，以求达到内容和形式上的统一，这样做更符合人们的认知习惯。例如政府部门的网站一般都以红色为主，体现出一种严肃、庄重的气氛。新闻类的网站应该以白底黑字为主，无须太多的颜色。购物类的网站则以橙色、蓝色等明亮轻快的颜色为主。

（2）色彩应该符合绝大部分访问者的审美观

网页的色彩与网页的内容应该相辅相成。色彩的选择应该适应绝大部分网站用户的审美情趣。各部分的色彩搭配要层次分明，能够将内容清晰地展示给访问者。国内的许多购物网站都不约而同地采用了橘黄色作为主色调，这是由于网上购物的绝大部分是年轻人，而橘黄色既有红色的热情，又有黄色的光明、活泼，正是年轻人非常喜欢的颜色。

（3）色彩应该与众不同

网页色彩的选择应该突出独特性，设计者应该在前面两个原则的基础上，大胆地使用色彩，展示自己的个性，创造出与众不同的视觉效果。一般来说，这种色彩的独特性与网站的内容是密不可分的。

2.2网页色彩搭配的技巧

明白色彩的基本概念及搭配原理之后，网页页面中各个要素的色彩又该如何搭配呢？

首先，一个网站不可能只使用一种颜色，否则会让人感觉单调、乏味；但是也不能将所有颜色都用到网站中，这会让人感觉轻浮、花哨。一个网站最好有一至三种主体色，所以确定网站的主体色是设计者最重要的课题。在页面上，除白色为背景外大量使用的颜色，就是这个网页的主体颜色。例如，腾讯网的主页以蓝色作为主色彩，新浪网则以黄色作为主色彩，美国微软公司的主页则以天蓝色为主色彩。

其次，一页网页尽量不要使用超过四种颜色，用太多色彩会让人感觉不够稳重。当主体色确定之后，考虑其它配色时，记得要留意其与主体色的关系，以及要呈现的效果。此外还要考虑配色中的哪种因素占主要地位，是明度、纯度还是色相。

使用以下几种搭配技巧可以快速地找到网页配色的最佳方案。

（1）无色方式

所谓无色，是指在网页设计中，不选择彩色，只使用黑色、白色及灰色。这种设计方案简洁、质朴，而又不失凝重感。此外，还透露出怀旧的感觉。例如：香奈儿公司的主页，层次分明，给人以很强的视觉冲击效果，散发出高贵的气息。

（2）单色方式

该方案只选择单一色相的色彩，然后对该色彩的明度及纯度进行调整，产生新的色彩，用于网页中的不同位置，这样的页面看起来色彩统一，又有层次感。

（3）相邻配色方式

这种配色方案比较简单，其原理是根据实际情况，在色相环上任意选择3个或者4个相邻颜色作为网页的色彩。由于都是相邻的色彩，所以色彩之间的过渡非常自然。

（4）互补配色方式

先选定一种色彩，然后选择它的对比色，接着调整纯度，用于网页中的不同位置，和谐的对比能够使整个页面色彩丰富、不花哨。

2.3页面中各区域的色彩分配

每个页面都是由多个区域组成的。由于每个区域的功能不同，在页面中的地位也不同，所以色彩的分配也会不同。色彩的分配，可以按照以下原则来进行。

（1）网页内容：内容是展示信息的主要区域，背景颜色的明度应该较高，文字颜色的明度则较低，背景与文字色彩的对比度要高。一般来说是白底黑字，如果是黑底，也可以是灰字。

有些网站为了让浏览者对其留下深刻的印象，会在背景上做文章，例如，一页空白的某处用了大块的亮色，给人豁然开朗的感受。为了吸引浏览者的视线，突出背景，那么文字又要显得暗一些，如此才能跟背景跳脱，便于阅读。

网页设计的初学者可能习惯使用漂亮的图片作为网页的背景，但是当人们浏览一些著名、专业的大型的商业网站时，会发现其运用最多的是白色、蓝色、黄色等单色，这样会让网页显得典雅、大方和温馨，最重要的是极大地增进了浏览者开启网页的速度。一般而言，网页的背景色应该柔和、素雅，配上深色的文字之后，看起来自然、舒适。

（2）网页头部：头部是放置网页标志（LOGO）与横幅（Banner）的地方，这是宣传网站最重要的工具，所以这两个部分一定要在页面上脱颖而出。怎样做到这一点呢？可以将它们做的像象形文字，色彩跟网页的主体分离。有时为了更突出，也可以使用与主体色相反的颜色。

（3）导航菜单：这是网站的导游。浏览者在不同的网页中跳转，要了解网站的架构与内容，都必须通导航菜单。所以导航菜单可以使用具有跳跃性的色彩，吸引浏览者的目光，让人感觉架构清晰、层次分明。

（4）侧栏：侧栏主要显示一些辅助信息，只要与网页的主要内容清楚地区分开来就可以了。

（5）页脚：页脚主要显示版权信息，是次要的区域，不应该喧宾夺主。可以考虑使用与侧栏相同的颜色。

（6）超链接：一个网站不可能只有单一网页，所以文字与图片的超链接也是不可缺少的部分。现代人的生活节奏相当快，无法浪费太多时间去搜寻网站的超链接，因此要为它们设计独特的颜色，让人自然而然地去点选。若要明显区分超链接文字与一般文字，最好设计不同的色彩。

3总结

色彩拥有无穷的魅力，可以让本身平淡无奇的事物瞬间变得活泼生动。随着科技的发展与普及，社会进入信息时代，网络世界也开始变得多姿多彩。人们不再满足于简单的文字与图片的组合，而是要求网页看上去舒适、贴近主题，所以当代设计者不仅要掌握基本的网页制作技术，还需要了解网站的整体风格、配色等设计艺术。然而设计不可能通过一句话、一本书、一个案例就得到提升，而是要不断积累、增加阅历、增长见识、提高审美、以量变实现质变，最终设计出优秀的作品。

参考文献：

[1]胡崧，于慧.新锐网页配色设计与案例分析[M].中国青年出版社，2007.

[2]温馨工作室.页配色实用手册[M].科学出版社，2011.

[3]张春，黄勇等.网页制作与网站建设宝典[M].电子工业出版社，2012.

色彩搭配篇3

服装设计中的色彩搭配也称为色彩配色或者色彩布局。掌握其配色、布局的原则就能使色彩在服饰设计上发挥其最大的美感。在田园风格服装中如何正确进行色彩搭配是研究的重点。通过对当下流行的主流田园风格服装进行比较，我们发现田园风格服装的色彩搭配设计主要有以下几种形式：

1无色彩搭配

无色彩配色是指黑、白、灰三种无彩色的配色。我们常说，不会穿衣服，就穿黑与白。就是因为黑白灰这些无彩色搭配在一起色调稳定，视觉上的接受感比较强，不会产生太突兀的色彩冲突，属于比较简单易行的配色原则。无色彩搭配在英式田园风格的服装中运用的比较多，可以营造出雅致轻松的视觉效果，适合绝大多数人在日常生活中搭配使用。

2无彩色搭配

在有彩色系中选择任何一个颜色与黑、白、灰三色进行搭配称为无彩色配色。这种配色常常能产生醒目的视觉效果，用于服饰搭配中有画龙点睛的良好作用。田园风格服装的色彩搭配中也常常选择这种搭配原则，可以起到既醒目又舒缓的柔和效果。另一方面，无彩色搭配在田园风格服装的色彩搭配中也能够大行其道，表现出非同一般的感官效果。当然，在一般情况下，我们在进行无彩色搭配的时候，一定要注意高明度的色彩配以白色，中明度的色彩配以灰色，高明度的色彩配以黑色。这样进行配色视觉效果才会感觉协调。

3相似色搭配

色彩在色相环上的角度差异是色相基调统一的基础。因此所谓相似色是指色环大约在90°以内的邻近色。比如红与黄、橙红与黄绿、绿与紫等都是相似色。用相似色来搭配服装，可以获得协调统一的整体效果，并能营造出青春积极的色彩性格，这一特点非常符合田园风格服装中“乡村田园的气息。很受女性，尤其是年轻女性的青睐。因此很多田园风格的服装在搭配的时候也多采取相似色搭配的原则来突出其风格上的青春气息。这种色彩的搭配形式往往增添了服装的风格韵味。相似色的搭配在实际操作的时候一定要注意全身出现的色彩数量不宜过多，否则其他的色彩将影响或遮盖相似色的和谐视觉效果。

4互补色搭配

色彩搭配篇4

关键词：网页设计；色彩搭配；方法

中图分类号：G642文献标识码：A文章编号：1003-2851（2012）-12-0183-01

一、引言

网站是否美观，色彩搭配非常重要。网页设计就是依据网站的宗旨，把网站的造型、结构、信息、色彩等视觉元素有机地统一在网页中，并对网页风格等进行整体设计。其目的主要是利用造型的原则和规律，合理的分配和排版文字、图形、动画等视觉元素，以便准确、系统、有效地传达网站所要表示的信息。

二、色彩的特征

色彩的基本特征主要有色调、亮度和饱和度。

1.色调。色调是表现色彩的种类。色调是色彩的主要特征，同一色调的色彩是指色彩中组成彩色成分的三原色光组合比例相同的一系列色彩，在外观上表现出一种鲜明的色彩倾向。

2.亮度。色彩相同的色彩看上去还有深浅之分，通常把色彩的这一个特征称为亮度。亮度表现出色彩的明亮程度。在网站的设计中，如果底色是黑色的，而文字也选用了较深的色彩，那么由于色彩的亮度比较接近，浏览者在浏览时，眼睛就会感觉很吃力，影响到浏览的效果。当然，色彩的亮度也不能变化太大；否则屏幕上的亮度反差也会太强，也会使浏览者在浏览时感到刺眼。

3.饱和度。色调相同的色彩除了亮度上的差别外，还表现出不同的鲜艳程度，即色彩的饱和度。饱和度表现色彩鲜艳程度。色彩的饱和度的高低受物体表现结构、照射光源的特点及视觉生理特性的影响。

三、网页设计的色彩搭配的原理

搭配的原理主要包括：第一，色彩的鲜明性。网页的色彩鲜艳，容易引人注目；第二，色彩的独特性。要有与众不同的色彩，使得大家对你的网站印象深刻；第三，性站点的温柔性；第四，色彩的联想性，用不同的色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等。总之，选择的网页色彩要和你网页的内涵相关联。

四、网页色彩的搭配方法，应遵循以下几个要点

1.确定主体色。遵循主从关系，这是处理色彩的主要原则。色相是指色彩的相貌，是区别色彩种类的名称。红、黄、绿、蓝、紫都代表一类具体的颜色。在页面上，除了白色为背景外大量使用的颜色，就是这个网面的主体颜色。设计时应确定选用何种颜色作为页面主体色，避免在同一个页面内运用多种颜色，其他的颜色面积不能过大，应该遵循主从关系。

2.选用相近色。设计网页颜色时，应尽量选择色彩相近的颜色，易于搭配。明度是指任何一种色彩的明暗程度；色彩的纯度是指彩色系中每个色彩的鲜艳程度。一般情况下，同色彩系（同色相）、明度不同或者纯度不同的几种颜色比较容易搭配，如选择几种深浅不同的绿色来搭配，就不会使页面产生不和谐的问题。同一页面尽量不要超过四种颜色。同样，网站中超链接的色彩搭配也要遵循以上的原则。而文字颜色的搭配，则要与背景分离。在实际设计过程中，可以利用所选择的网页设计工具中的调色板，选中某种颜色周围的颜色作为页面设计的选用色。其中，在Dreamweaver的调色板中就列出了6色为一组的配色方案。

3.色彩均衡原则

遵循色彩均衡原则能够使页面中的色彩达到一种平衡。在网页设计中，当运用了较多明度较高的颜色时可以用黑色或者同色相的深颜色小面积色块点缀一下，使得页面增加分量，达到色彩重量平衡的效果。而平衡的颜色符合多数浏览者的色彩心理。

4.黑白灰颜色的运用

在网页设计时遇到色彩凌乱的情况，可以大面积地加白、灰等浅色，小面积加黑色，以调节颜色搭配不当的情况。当遇到使用纯度很高的颜色，如纯蓝、纯黄等，这样的搭配会很鲜艳，使人的视觉感受比较兴奋。

5.色彩心理与情感

在网页设计色彩的运用中，不同的颜色会使浏览者产生不同的心理感受。例如：红色代表热情、活泼、幸福、吉祥等。绿色代表和平、希望、环保、清新等。

五、色彩搭配的常用技巧

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度和饱和度，这样的页面看起来色彩统一、有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色。

3.用一个色系。简单地来说就是用一个感觉的色彩，如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。确定色彩的方法因人而异，例如：可以在Photoshop中单击前景色方框，在弹出的“混色器”对话框中选择“自定义”，然后在“色库”中选择即可。

4.用黑色和一种彩色。例如：大红的字体配黑色的边框感觉很鲜明。

5.避免配色中的一些误区。（1）不要将所有颜色都用到，尽量控制在三至五种色彩以内。（2）背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），否则，背景图案会影响要突出主要文字的内容。

总之，在网页设计时，色彩搭配总的应用原则是“总体协调，局部对比”，网页的整体色彩效果应该是和谐的，只是在局部的，小范围的地方突出强烈色彩对比，这样的色彩搭配才能进一步增强网站的吸引力。

参考文献

色彩搭配篇5

中国流行色协会色资深讲师

大干世界数以万计的商品，我们如何从中选择自己真正喜欢、适合的东西？厂家又如何把握住自己忠实的消费者、生产出符合本公司风格的产品？站在消费者的角度来看，有人喜欢冲动性消费，冷静下来则后悔不已；有人憧憬偶像明星，频繁山寨名人造型，却忘记展现属于自己的风姿。只有那些真正清楚自己爱好与品位的消费者，才能理智而正确的选择最合适的商品。站在企业的角度来看，有些厂家或凭着感觉走，或为了短期利益只顾跟风、追求流行，而忽略了自身产品的定位，这就如同空中楼阁，只见雕龙画凤而没有坚固地基，一个没有自己固定顾客群的企业如何能够在激烈的竞争中立于不败之地呢。因此无论个人还是企业都应了解自身的定位，而这个主题就是从定位入手来分析在不同风格之下的色彩特点。

定位说起来比较抽象，如果把它换成另一个比较形象的词，就是风格。虽然商品有千千万万让人眼花缭乱，但将这些商品按风格来划分的话就会一目了然，直接抓住其最根本的特点。为了进行准确的风格定位需要导入色彩的三属性，即色相、明度、纯度，它们是描述一个颜色最基本的三个要素。

如图所示，我们可以把明度、纯度共同影响的区域划分成九块形成了一个九宫格的形状。当纯度较低的时候，最左边这列按照明度的低、中、高划分成三个区域。同样的道理，纯度居中的时候，按照明度的低、中、高再分成三个区域。最后高纯度的时候，还是按照明度的低、中、高划分，这样一共得到了九个色彩区域。通过观察下图的配色能够清楚地了解到这九个区域的特点。当纯度非常低的时候变化明度，明度高的配色具有纤细、有气质的感觉。适当降低明度得到中明度低纯度的配色感觉典雅而温和。将明度降至最低后形成了整齐而又格调的效果。然后将纯度整体调整至中纯度再看不同明度区间的配色，最上面是可爱清纯的，中间是自然中庸的，下面是讲究厚重的。最后看最右边高纯度的三组配色，上边一组明快活泼，注意这里使用了一个“明”字，明字突出了高明度带来的效果。中间是明朗跃动的，这里面同样有一个“明”字，但是与“朗”字相结合，所以这种动感里面加入了力量性。最后明度最低时是一种成熟、大胆、张扬的颜色。从这九个版块的配色中可以体现出“上则轻，下则重，左则静，右则动”的色彩特性，并且这九个板块实际上代表了最典型的九种风格。众所周知色彩应用在各行各业，大致可分为服饰色彩、工业色彩和环境色彩，那这种风格定位的思路同样能够落实到具体的行业上。例如蓝色既有冷静、智慧、信赖的层面，也有忧郁和阴冷的负面效果。但是在实际的色彩设计当中仅仅掌握这些是不够的，还需要将色相放到实际的风格板块中，体会一下相同的色相在不同板块中的感觉，这对于实际的色彩搭配有很大帮助，因此接下来再简单解释一下色相和定位的关系。了解色相需要使用色相环这个工具，无论哪种体系的色相环都包含了暖色和冷色，蓝色是最典型的冷色，红橙黄是最典型的暖色，剩下既非暖色也非冷色的称为中性色，例如紫色和绿色。暖色顾名思义，感觉温暖、积极、有活力。冷色感觉凉爽，宁静、知性而富于理智。中性色的冷暖不明导致其暖昧、费解、颇为神秘的印象。前面提到了把相同的色相放到九宫格的不同区间里也会产生不同的印象。以红色为例，高纯度的红色鲜艳奔放，动感十足，还与补充能量、提示危险等心理效果相关。但如果是中纯度中明度的红色则多了几分古朴与稳重，少了鲜艳红色的动感与张扬。如果是暗红色并且与金色、黑色相搭配则会展现红色复古与高级的一面。

说到配色的思路可以简单分为两个大方向――统一和变化，所有的配色无外乎就是在这两个方向当中不断地转换，或统一或变化，或者是统一与变化相结合，所以我们需要先掌握如何很好的实现统一与变化的搭配。使用调整色调或者调整色相的方法都可以达到统一或者变化的效果。首先从色相来分析，有两种方法可以达到统一的关系，一是让色相保持相同的关系，二是让色相保持类似或者是接近的关系。如下图，左边的第一幅作品色相的选择都是蓝绿色，色相一致，而且上衣和裙子的明度纯度也都极为接近，统一感非常强。左边第二幅和第三幅作品色相稍微加入一些变化，但是这个变化的幅度很小并且纯度也是相同的，所以整体的统一效果也是非常明显的。

那么如何用色相来营造变化的效果呢？方法很简单，就是拉大色相差，这个差拉到多大呢？首先第一个叫做中对比关系（下图左数第四幅作品）。中对比实际上就是在类似和对照之间，变化不大不小，既能明显地看出色相不同也不会觉得太过跳跃，例如红色与黄色的组合或者黄绿色与蓝绿色、蓝色的组合都属于中对比的关系范围。如果继续增大色相差的话就变成了对照或者补色关系（下图右数第一幅和第二幅作品），这个时候就能明显地看出来色相之间的差异了，例如黄色与蓝色或者蓝紫色的组合，对比明显，单从色相上看具有很强烈的动感。