1.5 APP设计教程之色彩搭配信息图标

色彩运用也是一门学问，也是很重要的元素之一。人们对颜色的视觉感受是很敏感的，所以在进行设计的时候，要学会通过颜色来传递设计理念。

1.5.1 色彩三要素

有色彩系的颜色具有3个基本特征：包括色相、明度、纯度。在色彩学上也称为色彩的三大要素或色彩的三属性。下面我们来逐一介绍。

色相：

色相，它是色彩的首要特征，除了黑白灰以外的任何颜色都有色相的属性。色相是由原色、间色、和复色来构成的，最能准确地区别各种颜色。那么什么是色相呢？色相是色彩所呈现出的面貌。就如我们看到的赤橙黄绿青蓝紫，如上图所示。

明度：

明度，是指色彩的亮度。颜色通过明暗所呈现出来的颜色是不一样的，比如红色系就有深红、大红、粉红等。这些颜色在明暗、深浅上的不同变化，便是色彩的明度变化，如上图所示。

而明度的变化分为3种情况：一个是不同色相之间的明度变化；另一个是在某种颜色的基础上加白或者加黑，通过明暗来变化颜色。最后一种是指相同的颜色，因为光照的强弱而产生的明度变化。

纯度：

纯度，是指色彩的新鲜度。从科学的角度看，一种颜色的鲜艳度取决于色相反射光的单一程度。人眼能辨别有单色光特征的色，都具有一定的鲜艳度。不同的色相不仅明度不同，纯度也不同，如上图所示。

1.5.2 配色工具

Adobe KuIer可以帮助设计师节约时间功能强大的配图工具，也提供了很多免费的色彩主题，可以自己收藏并在下次使用。不论是初学者还是职业设计师，它都可以为你解决色调这个头疼的问题。选择相应的颜色类型，可以出现在颜色的类比色、补色等，（如图1-44~图1-49所示）。相应的颜色、数值都会显示。我们可以下载软件，也可以在网站上进行使用（http://kuIer.adobe.com）。

1.5.3 色彩搭配

无论什么设计，好的色彩搭配总能一下子便锁住了人们的眼球。色彩是神奇的、魔幻的、可爱的、浪漫的、变幻莫测的。拥有丰富的色彩知识，才能更好地进行色彩搭配，更完整地表达出你想要传达的主题。下面我们简单地介绍一些色彩的搭配方法。

单色搭配：以单一颜色作为基础色，再通过以饱和度和亮度的变化来选择搭配的颜色。因为属于同一个色系的颜色，所以使用起来，画面整个的对比度不强。单色具有舒适感和亲切感，如图1-50所示。

类似色：有一个主色，在它旁边搭配等距的两个颜色，类似色都有共同的颜色，这样颜色搭配产生色会有一种柔和、赏心悦目的和谐感，如图1-51所示。

三原色搭配：三原色的搭配一般很少见，不是很常用。但是粉色、咖啡色搭配是很常见的，包括食品，还有一些化妆品商品大促销都会喜欢用到这两个颜色做搭配，如图1-52所示。

补色搭配：在色轮上直线相对的两种颜色称为补色。常用的是红色与绿色。两种颜色的搭配能传递出活力、兴奋、能量的意义。但是两种颜色在版面的占有面积不能同等，这样会有失美感。最好是其中一个面积较小，另一个面积较大。图1-53为补色界面搭配。

分裂补色：以3个类似色为基础，加上色环对面的一个对比色，构成一个既不失优雅又能强调重点的有效配色法。

这种颜色搭配既具有类似色的低对比度的美感，又具有补色的力量感，形成了一种既和谐又有重点的颜色关系，如图1-54所示。

单色：以一种颜色为主体设计界面，时常出现在网页设计中，再选取一个冷色系或者暖色系的颜色作为辅色，一般用于按钮上。

这种颜色搭配具有简洁的效果，让使用者有一目了然的清新感，如图1-55所示。

1.5.4 色彩的强度与选择

色彩的强度是用肉眼难以分辨的。它是通过眼、脑和我们的生活经验所产生的一种对光的视觉效应。在补色对比与对比色之前给人的视觉强度会有明显差异。

在色彩的选择上，要知道不同的颜色给人带来的心里感受与视觉感受是不相同的。例如

黄色：乐观和年轻的颜色，看起来充满活力和阳光。

红色：充满动力，增加心跳，能够制造出紧急氛围，常用于产品促销。

蓝色：能够营造出稳定、安全、信任的感觉，一般用于科技、银行、贸易等。

绿色：轻松、生机的颜色，常用于轻松购物、环保保健等。

橙色：激情、欢快，代表有收获的，促进行动、下单、购买、销售。

粉色：可爱、柔美、女性化的颜色，常用于女性产品。

黑色：看起来沉稳。

紫色：缓和放松的颜色，充满浪漫、高雅的气质。

在服装、建筑、家居、美术、广告等设计中，越来越多地运用现实中的对比色。市场经济时代就是被关注的时代，在艺术设计中对比色的应用也越来越重要了。像黑白、红绿、蓝黄等经典对比色，更是在各行各业中常常用到的。常见的对比色有：互补色对比、对比色对比、中差色对比等。

互补色

互补色对比指在色相环上距离180度左右的颜色组对比，在视觉效果中具有强烈刺激感，从而使色彩对比达到最大的程度。

对比色

对比色是人的视觉感官所产生的一种生理现象，是视网膜对色彩的平衡作用。在24色相环上相距120度到180度之间的两种颜色，称为对比色。

两种可以明显区分的色彩，叫对比色。包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。

对比色对比，指24色相环上间隔120左右的三色对比，如：品红-黄-青，橙红-黄绿-蓝，黄橙-青绿-紫等，视觉效果饱满华丽，让人觉得欢乐活跃，容易兴奋激动，如图1-56所示。

中差色

色相环中90度的配色，在视觉上是有很大的配色张力的效果，是非常个性化的配色方式。在24色相上任选一色；与此色相邻之色为邻色；与此色相间隔2～3色为类似色；与此色相间隔4～7色为中差色，它的色彩的对比效果比较明快，是深受人们喜爱的配色，如图1-57所示。

补色

又称互补色，余色，也称强度比色，就是两种颜色混合后呈黑灰色，那么这两种颜色一定互为补色，如图1-58所示。色环的任何直径两端相对之色都称为互补色，如黄与蓝、青与红、品红和绿均为互补色。

一种特定的色彩总是只有一种补色，做个简单的实验即可得知。当我们用双眼长时间地盯着一块红布看，然后迅速将眼光移到一面白墙上，视觉残像就会感觉白墙充满绿（青）色。这种视觉残像的原理表明，人的眼睛为了获得自己的平衡，要产生出一种补色作为调剂。