设计师froglt教你使用色相环配色(2)

3.3.3.3 补色搭配

在色相环上直线相对的两种颜色称为补色，在上图中，是橙色及蓝色。补色形成强列的对比效果，传达出活力、能量、兴奋等意义。补色要达到最佳的效果，最好是其中一种面积比较小，另一种比较大。比如在一个蓝色的区域里搭配橙色的小圆点，如图3-37所示。

图3-37 补色搭配

如图3-38所示，为韩国麦当劳网站(http://www.mcdonalds.co.kr/bigmac/index.asp)页面截图，整个页面红色是主体，右侧的绿色水杯与红色进行对比，使页面变得更加有活力，栩栩如生。

图3-38 韩国麦当劳网站网页截图

3.3.3.4 分离补色搭配

如果我们同时用补色及类比色的方法来确定的颜色关系，就称为分离补色。这种颜色搭配既具有类比色的低对比度的美感，又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中，红色就显得更加突出，如图3-39所示。

图3-39 分离补色搭配

如图3-40所示，为韩国百事可乐网站(http://www.pepsicola.co.kr/)网页截图，鲜艳的红色在其准对比色蓝色的映衬下，显得更加醒目。这不同于对比色的锐利感，而是一种稳定的欢快的配色效果。红色与蓝色并不是对比色，只是在色相环上大致位于相反一侧的色相。

图3-40 韩国百事可乐网站网页截图

3.3.3.5 原色搭配

除了在一些儿童的产品中，三原色同时使用是比较少见的。但是，无论是在中国还是在美国的文化中，红黄搭配都是非常受欢迎。红黄搭配应用的范围很广——从快餐店到加油站，我们都可以看见这两种颜色同时在一起。蓝红搭配也很常见，但只有当两者的区域是分离时，才会显得吸引人，如果是紧邻在一起，则会产生冲突感，如图3-41所示。

图3-41 原色搭配

如图3-42所示，为个人网站色爵2008(http://www.duboo.cn/home.html)网页截图，整个网站用红色和黄色的原色进行配色，给人以稳重的印象。即使使用了鲜艳的红色，也能保存平衡感。

图3-42 色爵2008网页截图

3.3.3.6 二次色搭配

二次色之间都拥有一种共同的颜色——其中两种共同拥有蓝色，两种共同拥有黄色，两种共同拥有红色——所以它们轻易能够形成协调的搭配。如果三种二次色同时使用，则显得很舒适、吸引，并具有丰富的色调。它们同时具有的颜色深度及广度，这一点在其它颜色关系上很难找到，如图3-43所示。

图3-43 二次色搭配

如图3-44所示，为韩国cinus娱乐网站网页截图(http://www.cinus.co.kr/)，网站使用了二次色搭配，给人时尚、活力的印象。

图3-44 韩国cinus娱乐网站网页截图

3.3.3.7 全色相搭配

从色相环上取出所有的色相，开放、热闹、像节日一样的配色就产生了，如图3-45所示。全色相给人带来可以随时参与进去的气氛，这恰好是适合节日气氛的色相。

图3-45 全色相

如图3-46所示，为网络游戏“生肖传说”网站(http://www.12ha.com/)首页截图，页面颜色丰富多彩，给人以热闹、开放的印象。

图3-46 网络游戏“生肖传说”网站首页截图

即使是相同的色相，排列的顺序不同，效果也会大不一样，如图3-47所示。

图3-47 按照色相的顺序排列

如图3-48所示，为国外某个人设计工作室网站(http://www.lucas-ortega.com.ar/)网页截图。整个页面色彩沿着色相环的顺序进行排列，就是人们一般所说的彩虹色的色相顺序，具有强调秩序、集中性好、成熟的印象。

图3-48 国外某个人设计工作室网站页面截图

相反地，把各种色相大乱规律任意排列，就形成了节日般的、开放性的配色效果，如图3-49所示。

图3-49 任意排列的色相

如图3-50所示，为俄语的音乐娱乐网站(http://alisa.mtv.ru/)页面截图，整个页面使用了多种色相，并且任意进行排列，给人开放性的自由和热闹的感受。

图3-50 俄语音乐娱乐网站页面截图