1.3.3 和谐的颜色搭配
色彩搭配在电商设计中也非常重要。一个好的电商设计作品通常包含色彩、图像和文字这3个元素。而在这3个元素中，色彩可以说是较重要的一个元素，如图1-38所示。
图1-38
色彩的三要素包括色相、纯度和明度。色相即颜色的相貌，例如红色的色相即为红，绿色的色相即为绿，纯度即颜色的鲜艳程度，不同的色相明度不同，纯度也不相同，明度即色彩的明暗差别，也可以说是颜色深浅的差别，如图1-39所示。
图1-39
想要学好配色，首先需要了解配色的比例标准。日本的某位设计师曾提出一个配色的黄金比例，即70:25:5。其中，70指的是大面积使用的主色，25指的是使用的辅助色，5指的是使用的点缀色，如图1-40所示。
图1-40
在电商设计中，同一个画面的色彩不建议超过3种。画面中使用的颜色越少，就越好控制一些，最终生成的画面也会显得更简洁，如图1-41所示。
图1-41
小提示
当然，如果是一些特殊情况，例如要制作的是一张节日类的海报，要求画面呈现出热闹、有活力的氛围，这时候可以使用多种颜色进行搭配。
电商设计中有根据参考配色、根据理论配色、根据模特（产品）配色和根据印象配色这4种常见配色方式。
1. 根据参考配色
此种配色方式是指找到好的配色案例作为参考，然后运用到我们自己的设计中。在找参考进行配色时，不一定要只参考一些电商作品，也可以将一些好的设计作品作为参考，如图1-42和图1-43所示。
图1-42
图1-43
2. 根据理论配色
根据理论配色也是一种很好的色彩搭配方法。从配色理论上来讲，通常包含有邻近色、间隔色和互补色等搭配方式。
（1）邻近色搭配
邻近色指的是色相环上位置相近的颜色，在色相环上颜色相差90°范围以内（度数仅供参考），如图1-44所示。使用此种配色方式设计出的画面视觉冲击力较弱，画面整体给人一种和谐、柔和、温馨的感觉。
图1-44
案例分析：图1-45所示案例展示的红色+橙色的邻近色配色方案。背景主色采用了红色，场景元素搭配和文案排版上都采用了橙色，使整体画面和谐统一，视觉冲击相对较弱，给人一种舒适的感觉。
图1-45
（2）间隔色搭配
间隔色指的是色相环中不相邻的颜色。在电商设计中，间隔色的使用是非常广泛的，它既没有互补色那么强的视觉冲击力，又比邻近色多了一些明快、活泼的感觉，如图1-46所示。
图1-46
案例分析：图1-47所示案例展示的是蓝色+黄色的间隔色配色方案。相比上一个案例来说，这个案例的视觉冲击力会更强，且版面整体会给人一种明快、活泼的感觉。
图1-47
（3）互补色搭配
互补色是指在色相环中间隔180°的颜色。比较常见的互补色搭配有红色+绿色、蓝色+橙色及紫色+黄色等。在电商设计中，互补色搭配可以表现出一种力量感、起势感和活力感，视觉冲击感非常强，而且属于非常时尚现代的一种颜色搭配，如图1-48所示。
图1-48
案例分析：图1-49所示案例展示的是紫色+黄色的互补色配色方案，构成了一冷一暖的搭配形式，让画面极具视觉冲击力，令人过目不忘，而且营造出一种力量感和气势感。
图1-49
小提示
在用互补色搭配时，要注意以下3个问题。
①控制好画面的色彩比例。由于互补色颜色对抗性较强，在搭配时通常将一个颜色作为主色，另一个颜色作为辅助色或点缀色。
②在具体搭配颜色时，可以根据实际需要，降低某个颜色的明度或饱和度，让画面产生一种明暗对比，以对颜色之间所产生的对抗性起到一定的缓冲作用。
③在具体的配色当中，在必要的情况下可以在画面中加入黑色或白色作为调和色，以进一步缓冲颜色之间的对抗性。
3. 根据模特（产品）配色
根据画面中要出现的产品或模特着装情况去进行颜色提取和搭配，是一种常见又快速有效的配色方式。
案例分析：图1-50所示的文字和背景颜色来源于模特的衣服。不过在具体设置的时候，可对纯度进行调整，避免直接使用吸管吸取的颜色。
图1-50
4. 根据印象配色
不同的色彩可以给人不同的印象。当人们看到一种颜色时，总是会下意识地联想到生活中常见的一些事物，并将当时的心理感受植入相应的色彩，这就是色彩印象。而在电商设计中，这种植入方式同样适用。
下面为大家介绍一些常见的印象配色方式。
（1）红色印象
红色在视觉上穿透力较强，且感知度高，它容易使人们联想到太阳、火焰、热血及花卉等，给人以温暖、兴奋、活泼、热情、积极、希望、忠诚、健康、充实、饱满及幸福的感觉，但同时也象征着幼稚、原始、愤怒、威胁等。
案例分析：图1-51所示为一张年货海报，红色历来是中国传统中喜庆的色彩，因此在春节之际，这样的颜色很适合用于电商海报，给人以喜庆、热情和积极的感觉。
图1-51
（2）橙色印象
橙色与红色一样，都属于暖色调。它既有红色的热情，又有黄色的光明、活泼，给人以阳光、温暖和欢快的感受，是一种比较受人们喜爱的颜色。
案例分析：图1-52所示为一张关于饮食的海报，采用橙色作为主色调，一方面给人以欢快、明亮的感受，另一方面也可以达到引人关注的目的。
图1-52
（3）黄色印象
黄色是所有色相中明度较高的色彩，给人以光明、迅速、活泼及轻快的感觉。不过，由于黄色过于明亮而且刺眼，所以大多时候会被用来作为警示的颜色，例如室外作业的工作服、警示牌及交通信号灯等的颜色。
案例分析：图1-53所示为一张服装海报，其针对的产品是偏少女风格的，为了让画面呈现出活泼、轻快的效果，主色调采用了黄色，同时也凸显一种高贵、大气的感觉。
图1-53
（4）绿色印象
绿色象征生命、青春、和平、安详及新鲜等，在视觉上具有消除眼部疲劳的功能。其中，黄绿带给人以春天的感觉，且较受儿童及年轻人的欢迎；蓝绿色、深绿色是海洋、森林的象征，有着深远、稳重、沉着及睿智等含义，多出现在一些护肤品、环保类产品的设计中；土绿、橄榄绿、咸菜绿及墨绿等色彩给人以成熟、老练和深沉的感觉，常出现在一些比较正式的场合或一些中老年用品的设计中。
案例分析：图1-54所示为一张关于护肤品的海报，采用绿色作为主色调，从侧面烘托出了纯天然、安全的感受。
图1-54
（5）蓝色印象
蓝色与红色、橙色相反，是典型的冷色，带有沉静、冷淡、理智、高深、透明、科技和现代的含义，同时又带有刻板、冷漠、悲哀及恐惧等含义。其中，浅蓝色系明朗又富有青春朝气，为年轻人所钟爱，但也给人以不够成熟的感觉；深蓝色系给人沉着、稳定的感觉，是中年人普遍喜爱的色彩。
案例分析：蓝色代表着科技感、商务感，因此在如图1-55所示的产品海报中将蓝色作为主色调，一方面可以突出高科技的感觉，另一方面也给人一种安全的感受。
图1-55
（6）紫色印象
紫色容易给人神秘、高贵、优美、庄重及奢华的感受，有时也给人孤寂、消极的感受。其中，偏暗或偏深灰的紫色容易给人以不祥、腐朽和死亡的感觉，多出现在一些复古产品的设计中；偏浅灰的红紫色或蓝紫色给人以优雅、神秘的感觉，多出现在一些时尚产品的设计中。紫色容易引起心理上的忧郁和不安，但紫色又给人以高贵、庄严的感觉，所以妇女对紫色的喜好度很高。
案例分析：图1-56采用紫色作为主色调来凸显出一种年轻女孩子的优美的气质，同时紫色也给人一种奢华的气质，显得更有档次。
图1-56