《网店视觉营销设计》 课件 模块2任务1 色彩搭配和商品调色.pdf

•（一）任务工单

•任务目的：利用图形图像处理软件，了解色彩搭配和商品调色以独特的视觉冲击，让顾客留

下深刻印象，提高推广转化率。

•任务描述：利用提供的奶茶饮品图片素材，通过对产品色彩进行分析构思，结合商品特点，

运用Photoshop软件完成商品主图色彩选择及搭配。

•知识目标：了解色相、明度和纯度等相关概念，认识色彩平衡工具、自然饱和度工具。

•能力目标：能利用图形图像处理软件，综合各种视觉元素，进行色彩搭配与商品调色。

•思政元素：中国传统节日主要有春节、元宵节、清明节、端午节、中秋节、重阳节等，传承

的是中华民族优秀历史文化，红色是中国人最喜欢在节日使用的色彩。

•（二）任务情境

“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内主图的颜色搭配并优化商品颜

色属性。通过这个重要的环节，获得巨大的流量，进而提高网店的销售额。

•（三）任务解析

根据提供的店铺主图PSD文件，调整各个图层的颜色搭配，优化商品的颜色。如图2.1.1

所示。

通过卖点文案部分的色彩搭配，突出店铺本次活动的折扣优势和活动期限等信息，引流消

费者。效果如图2.1.2所示。

图2.1.1商品主图初始图2.1.2设置颜色后的商品主图

•（四）知识准备

知识准备一了解色相

色相是色彩的相貌称谓，用以区别各种不同色彩

的名称，如图2.1.3所示。

1.基本色相：红、橙、黄、绿、青、蓝、紫。

2.暖色、冷色与中性色：

•大部分的红、橙色相属于暖色，给人温暖、热

情的感觉；红色是中华民族最喜爱的颜色，成

为中国人的文化图腾和精神皈依,代表着喜庆、

热闹与祥和。

•大部分的蓝色、青色等色相属于冷色，给人寒

冷、安静的感觉。

•其他没有明显冷暖倾向的颜色属于中性色。

图2.1.3色相圆环图

•（四）知识准备

知识准备二了解明度

色彩的明度是指色彩的深浅程度，如图2.1.4所示。

1.不同色相的不同明度：不同的色彩具有不同的明

度，任何色彩都存在明暗变化。在彩色中，明度

最高的是黄色，明度最低的是紫色。红、橙、蓝、

绿的明度相近，为中间明度；

2.相同色相的不同明度：在同一色相的明度中存在

深浅的变化，如蓝色中由浅到深有粉蓝、淡蓝、

天蓝等明度变化。

在一个画面中如何安排不同明度的色彩也可以帮

助表达不同的感情。图2.1.4明度展示图

•（四）知识准备

知识准备三了解纯度

色彩的纯度是指色彩中所包含某色的饱和程度。如图

2.1.5所示。

它表示色彩中所含有色成分的比例，

比例越大，含有色成分越多，纯度越高；

比例越小，含有色成分越少，纯度越低。

最为鲜艳、纯度最高的颜色称之为“纯色”；

反之，纯度最低的颜色称为“无色”的灰色。

图2.1.5色彩纯度

•（五）任务实施

步骤一调整背景颜色

①分析图2.1.2所示商品色彩，进行色彩搭配构思。在

PS2020中打开图2.1.1所示“商品主图上色.psd”(位

置：教材资源/素材文件/模块2.1/)。

②点击背景图层，设置前景色为“#fcaa54”，填充前

景色；选择图层1，填充前景色；

③选择圆角矩形3，双击图标输入“#fcaa54”；

④选择圆角矩形2，双击图标输入“#fcaa54”。

图2.1.6主图添加背景色

完成后效果如图2.1.6所示。

•（五）任务实施

步骤二调整其他颜色

①选择形状1双击图标，填充“#f8c31