《网店视觉营销设计》 课件 模块3任务7 设计与制作商品促销展示图.pdf

•（一）任务工单

•任务目的：利用图形图像处理软件，设计制作商品促销展示图，产品布局整齐统一，凸显

产品特点，价格信息，吸引购买。

•任务描述：利用网店提供的商品素材图片，通过布局设计，运用色彩，图形等进行版面设

计，完成商品促销展示图制作。

•知识目标：了解圆角矩形工具，钢笔工具，图层样式，文字工具的使用，指导商品促销展

示的作用。

•能力目标：能利用图形图像软件，综合多种视觉元素，进行商品促销图片创意。

•思政元素：注重细节，培养工作过程中耐心、细心的优秀品质。

•（二）任务情境

爱尚服饰是一家主营各类女装、男装、女鞋、男鞋等的综合性服饰网店，为更好地推

广本店商品，准备设计商品促销展示模块。展示模块根据产品特点，划分不同功能区，比

如：新款、主推、热款，每个模块放置几款店铺主推产品，并将商品的价格、销量，图片

等必要信息展示出来，让买家能快速做出决策，并进入商品详情页进一步了解商品信息。

•（三）任务解析

爱尚服饰店铺商品促销展示区以新品热

卖功能模块为例，在本区域放置了三款

店铺比较热销的新品，不过多的堆砌产

品，让买家在大面积的产品中迷失。商

品和文案进行左右布局，将商品图片尽

可能大的展示给买家，每一款产品版式

固定，排列整齐划一，文案中主要展示

商品的名称、卖点、价格等信息，重点

突出，让顾客一目了然。

•（四）知识准备

知识准备了解商品促销展示

促销展示区的商品页面设计要求整体设计风格统一，注意突出宝贝，吸引顾客的购买欲望。通

过不同的视觉呈现方式，营造出不同的销售氛围，从而影响顾客的消费心理，好的商品促销展

示要做到以下几个方面。

1.产品页面整洁，数量合理。产品展示页面的整洁干净是必须遵循的原则，太多的产品展示会让买家浏

览乏力，太少的产品展示又会显得店铺冷清，建议一般展示3-8个宝贝，在产品展示中，将最有代表性

的产品一一展示，这也是新品展示最常用的方法。

2.爆款突出展示。在首页商品促销展示区，爆款产品可以突出展示，在同一个模块中，可以将展现方式

稍作调整，设计出有主次之分的展示模块，如下图所示。

•（四）知识准备

知识准备了解商品促销展示

3.布局整体统一。整体统一不仅指在产

品排列上统一，在每个展示位上的图

标、装饰元素、文案等都要统一，如

下图所示。

4.每个促销展示模块之间要有清晰的界

限。一般店铺的商品促销陈列模块往

往不止一个，每个模块都有其特殊的

功能，就好比不同的货架上陈列着不

同的商品，每个模块通常会带有标题

或用不同的颜色来区分，比如有店长

推荐，潮流推荐榜单，热卖推荐榜单。

•（五）任务实施

步骤一制作页头文字

①新建一个950像素*1420像素的文档，具体操作步骤参考“任务六制作商品分类图”中任务实施部分

“步骤一制作页头文字”完成效果如下图所示。

②新建图层，选择矩形工具，设置填充颜色为“#eb47bb”，在页面画深粉色矩形，按住Ctrl+T执行自

由变形命令，旋转矩形角度，如上图所示，在矩形里面输入字号为3号的白色文字“SELL”。

在每一张图片的设计中，有些装饰元素很微小，但是它也起着一定的作用，我们在操作过程

中也要注重细节的处理，耐心细心才能出精品。平时做事也要注重细节，因为机会往往隐藏

在细节之中；注重细节，因为可以见微知著，防范于未然；注重细节，因为细节决定成败。

•（五）任务实施

步骤二商品促销展示区商品陈列设计

①新建图层，选择圆角矩形工具，新建大小为950像素

*1170像素的圆角矩形，填充颜色为“#c2bdff”，作

为商品陈列区域的背景。

②第一件促销新品是牛仔外套，新建组“牛仔外套”，

在本组下面新建图层，改名为