《网店视觉营销设计》教案 模块2 学习网店视觉营销设计基本技能.docx

《网店视觉营销设计》教案2-1

教师姓名

授课形式

授课课时

2

教案编号

授课班级

授课日期

年 月 日 第 周 星期

授课章节

名 称

2.1色彩搭配和商品调色

使用教具

网店运营推广实训室标准机房一个

教学目标

（含思政目标）

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

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

思政元素：中国传统节日主要有春节、元宵节、清明节、端午节、中秋节、重阳节等，传承的是中华民族优秀历史文化。

教学重点

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

教学难点

如何结合商品特点对产品色彩进行分析构思，提高转化率。

更新、补充、删节内容

无

课外作业

补充练习

教学后记

工作任务的完成情况检查反馈

授课主要内容或板书设计

理论一体化教学，无板书。

《网店视觉营销设计》备课笔记

教学

过程

主要教学内容及步骤(包括教学方法与教学手段)

学生

活动

课程思

政设计

导入

理实一体教学

任务导入：

“爱尚乳饮”网店为了提高“双十一”销售额，决定优化店内主图的颜色搭配并优化商品颜色属性。通过这个重要的环节，获得巨大的流量，进而提高网店的销售额。

教学实施：一、任务解析

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

通过卖点文案部分的色彩搭配，突出店铺本次活动的折扣优势和活动期限等信息，引流消费者。效果如图2.1.2所示。

图2.1.1商品主图初始颜色图2..1.2设置颜色后的商品主图二、知识准备

（一）了解色相

1.定义：色相是色彩的相貌称谓，用以区别各种不同色彩的名称。

2.作用：色相作为色彩重要特征之一，是人类区分各种不

同色彩最准确的标准。

3.分类：除了黑白灰以外的所有色彩都有色相属性,基本色相为红、橙、黄、绿、青、蓝紫。其中，大部分的红、橙色相属于暖色，给人温暖、热情的感觉；而大部分的蓝色、青色等色相属于冷色，给人寒冷、安静的感觉。其他没有明显冷暖倾向的颜色属于中性色。

4.互补色：在色相环中，通过中心点处于对角位置的两种

分析任务

分析任务目标

归纳

红色是中华民族最喜爱的颜色，成为中国人的文化图腾和精神皈依,代表着喜庆、热闹与祥和。

色彩称为互补色，因为这两种色彩的性质差异最大，所以当它们在配色中并置时，各自的色彩特征会相互衬托得格外明显，因此补色配色是极为常见且具有代表性的配色方式。

（二）了解明度

1.定义：色彩的明度是指色彩的深浅程度，各种有色物体由于反射光量的不同而产生不同的明暗强弱。

2.分类：色彩的明度分为两种情况：一是不同色相的不同明度。不同的色彩具有不同的明度，任何色彩都存在明暗变化。在彩色中，明度最高的是黄色，明度最低的是紫色。红、橙、蓝、绿的明度相近，为中间明度；二是相同色相的不同明度。在同一色相的明度中存在深浅的变化，如蓝色中由浅到深有粉蓝、淡蓝、天蓝等明度变化。

（三）了解纯度

1.定义：指色彩中所包含某色的饱和程度。它表示色彩的鲜艳程度。

2.表现：色彩中有色部分的比例。比例越大含有色成分越多，纯度越高；比例越小，含有色成分越少纯度越低。3.纯色与无色：最为鲜艳、纯度最高的颜色称之为“纯色”；反之，纯度最低的颜色称为“无色”的灰色。

想一想：

想要突出商品应该改变商品和背景的什么属性？

增强商品和背景的对比，调整色相，使用对比度大的颜色。

三、任务实施

（一）调整背景颜色

1.分析图示商品色彩，进行色彩搭配构思。在PS2020中打开图示“商品主图上色.psd”(位置：教材资源/素材文件/模块2.1/)。

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

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

理解概念

有哪些信誉好的足球投注网站网络确认工作