色彩搭配在推广图中的应用实训案例

活动背景

掌握了一定色彩基础知识和色彩搭配的方法，设计总监让小可开始实际上岗设计并制作店铺产品的推广图，以此也作为一个阶段培训的小测试。小可认真复习了之前所学色彩原理、色彩搭配方法，在实际的产品推广图中还应该注意哪些细节操作呢？产品的推广图是店铺引流的重要表现方式之一，一张好的推广图可以节省许多推广费用和时间，检验一张推广图的标准就是：能否快速吸引消费者的注意力，色彩因素就是这个环节的重要因素。

知识窗

1.主色、辅助色、点缀色

在一个画面中，每种色彩都有它们自己的角色分工，有的是主要角色，确定整个画面的色调和感觉——主色；有的是做衬托色，起到页面对比和增强视觉效果的作用——辅助色；有的是在页面中所占比例很小，但是视觉效果比较醒目，可以突出想要强调和引导人们关注的细节——点缀色，如图2.1.48所示。

2.商品吸色法的案例分析

很多时候我们可以根据画面中产品或模特自身上的颜色进行提取，这是一种很常见、简单易操作的配色方法。

在图2.1.49中，标题英文的颜色就是取决于模特本身的颜色，而背景色的蓝色与模特的衣服颜色是对比色，使得广告视觉效果突出。

图2.1.48

　　　　　 图2.1.49

在图2.1.50中，借助模特穿的衣服颜色，调整纯度，作为背景色以此来形成整体色调的呼应感，再用与蓝色在色相环120°左右形成强烈对比的黄色作背景衬托，以及营销文案的点缀色彩，整个广告色彩主题统一，又能有强烈的视觉效果。

图2.1.50

活动目标

了解店铺活动推广图的设计内容，掌握店铺活动推广图的色彩搭配方法。

活动实施

设计步骤参考如下：(www.xing528.com)

（1）打开配色练习素材“项目2→2.1.4 素材1.PSD文件”，运用色相环选择色相对比色，制作背景效果。选择两个色相对比140°左右，纯度和明度保持一致效果的色彩，黄（H：51、S：92、B：99）、蓝（H：199、S：92、B：99），突出广告主题色调——夏天，清爽的主题，形成强烈对比效果，如图2.1.51所示。

（2）广告中间的营销文字，运用与黄、蓝色的三角对比色红色系，突出营销氛围，如图2.1.52、图2.1.53所示。

（3）摆上商品图片，对文字细节添加渐变样式，增强视觉效果，如图2.1.54所示。

推广图配色

图2.1.51

图2.1.52

图2.1.53

图2.1.54

活动评价

广告的色彩搭配设计评分见下表：

活动拓展

尝试结合色彩搭配的方法，为提供的商品推广广告图PSD文设计配色，打开素材“项目2→任务1活动4→2.1.4素材4”完成练习，使得整体画面具有一定视觉营销效果。