《网店视觉营销设计》 课件 模块7任务2 网店首页设计制作.pdf

•（一）任务工单

•任务目的：完成“清青绿植”淘宝店的PC端网店首页的图片设计，包括店招、导航栏、海报

轮播图、优惠券、客服中心、产品展示和网店页尾，并上传至淘宝旺铺—页面装修—首页。

•任务描述：以淘宝网的旺铺专业版为例，根据各模块的尺寸规格在Photoshop中进行图片制

作设计，在平台上完成素材管理并上传图片。

•知识目标：视觉营销设计原则，素材图片处理，Photoshop技能。

•能力目标：能设计风格统一、具有营销导向、独特且具有一定创新性的网店首页。

•思政元素：借助案例中素材的管理和图片处理等环节，引导学生增强图片版权意识，避免违规

使用来源网络的图片造成侵权。

•（二）任务实施

•步骤一店招的设计

1.本网店的风格为简约现代风格，按尺寸新建文件，选取了一张带有绿植的环境图片素

材做背景，调整图层的透明度至70%放置右侧，左侧添加文字文案，店招制作完成。

•（二）任务实施

•步骤一店招的设计

2.制作好的店招需要统一上传至淘宝旺铺的“素材中心”中，才能在“页面设置”添加

至相应的位置，接下来其它的图片也需要执行此操作，如图所示。

•（二）任务实施

•步骤二设计制作导航栏

上传了店招后，继续在“页面编辑”里设计制作导航栏，本网店主要产品类目为“多肉盆

栽”—“土培绿植”—“水培绿植”—“鲜切绿植”—“仿真绿植”—“花瓶花器”—“园艺用

品”—“中大型绿植”，依次添加后，完成导航栏的制作。

•（二）任务实施

•步骤三设计制作优惠券

卖家可以在淘宝旺铺中的营销工具中

设置“购物券”、“红包”、“满减”等

活动，网店美工在实际工作流程中需要与

运营部门对接完成此类营销工具完整功能

的设计，本任务中我们仅设计优惠券的图

片上传至网店首页中显示出来，暂不实现

优惠券的功能。

•（二）任务实施

•步骤四设计制作商品轮播图

首页第一屏显示的商品轮播图片可以是促销活动海报，也可以是主推商品的海报，本任务以多

肉盆栽和绿植产品为主推商品设计完成两张海报轮播图，并上传至平台后查看效果。

•（二）任务实施

•步骤五设计制作商品展示图

按照“布局管理”中的设

置，“自定义区”可以添加

“宝贝推荐”模块，此功能用

于将网店内已上架宝贝放置首

页进行推荐，促进深度访问的

内容。因本网店未上架任何商

品，所以此步骤中我们仅制作

一张热销商品展示图片上传至

平台中用于展现网店首页，实

际网店装修中要设置好宝贝链

接才能实现网页之间的跳转。

THANKYOU