《网店视觉营销设计》 课件 模块2 学习网店视觉营销设计基本技能.pdf

《网店视觉营销设计》

新形态活页式教材和融媒体一体化教学

视觉设计师一般是指对平面、色彩、基调、创意等进行处理的技术人才。网店视觉设计师

特指对网店网店商品风格与色彩的搭配、字体的正确选择进行处理的技术人才。消费者可以通

过精美的排版、字体设计、色彩搭配,更直观方便地看到页面的重点,延长在网店的停留时间,

从而增加网店的流量和商品的销量。

学生通过本模块的学习，可以了解并掌握商品调色、字体运用、视觉构图、商品构图及文案

撰写等基本技能。

“电子商务技能”技能大赛知识点要求：视觉营销模块（文案策划、视觉识别（VI）、

商品图片等）。

“网店运营推广”1+X证书知识点要求：网店装修模块（店铺专属VI的概念、色彩的搭

配原则、字体的选择原则等）

THANKYOU

•（一）任务工单

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

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

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

运用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所示。

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

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

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

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

反之，纯度最低的颜