《网店视觉营销设计》 课件 模块7 淘宝天猫网店视觉设计综合实训.pdf

《网店视觉营销设计》

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

•店铺整体的的视觉效果和统一协调的设计风格，能够让买家感受到店铺的形象和品位，提升

了买家购物体验，增加买家的购买欲望，进而增强店铺品牌影响力。在实体店购物，买家可

以通过眼睛观看、手触摸、现场试穿试用、或者品尝等方法去感知商品的颜色、材质、手感、

口味和舒适度等，但在淘宝店、天猫店购物，买家只能通过店铺中的商品图片、文字和视频

来认识商品，为了让店铺能够在千万家淘宝店、天猫店中脱颖而出，吸引买家的眼球，促进

成交转化，对店铺整体进行统一的美化设计非常重要。

•“电子商务技能”技能大赛知识点要求：

视觉营销模块（商品图片处理、广告设计）。

•“网店运营推广”1+X证书知识点要求：

网店装修模块（商品图片的设计形式、商品卖点提炼的方法、商品图片设计原则、商

品图片设计的营销要点）

THANKYOU

•（一）任务工单

•任务目的：完成“清青绿植”淘宝店的PC端网店首页的布局设计，定位网店装修风格。

•任务描述：以淘宝网的旺铺专业版为例，根据各模块的功能进行网店首页布局，整理规划美

工素材。

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

•能力目标：能掌握美工工作流程，据网店定位确定设计风格，收集整理素材。

•思政元素：借助案例中清青绿植淘宝店的网店整体的视觉营销设计，引导学生崇尚自然、尊

重自然，切实加强生态环保的责任感和使命感。

•（二）任务情境

“清青绿植”淘宝网店主营室内绿植、多肉、花卉、蔬果之类的观赏园艺产品。主营

细分产品分为：小型盆栽，多肉类组合或礼盒以及中大型绿植等。网店拥有成熟的植物

鲜花培育基地、盆景树桩加工基地，能够保障植物的充足性和多样性。绿植类产品能让

家庭、办公室环境更加美化、空气得到净化，主要面向20-39岁喜欢生活美学，喜欢用

绿植装饰环境、表达情绪的年轻群体。

•（三）任务解析

“根据网店背景资料进行分析，熟悉完整的淘宝天猫网店装修的工作流程，涉及本模块共四个任

务的主要内容，如图所示。为塑造好网店形象，提升用户浏览体验，从任务一开始对本网店的页面装

修方案进行整体设计分析，包括：风格定位，页面布局，配色方案等，并熟悉“淘宝旺铺”的工作

界面，着手按照板块对素材进行整理分类。本任务后续内容是进行任务二的步骤完成网店首页设计制

作，再进行到任务三的步骤完成商品列表页的制作，最后完成任务四中商品详情页的制作。

•（四）知识准备

•知识准备一了解“淘宝旺铺”是什么

淘宝旺铺（个性化网店）服务是由淘宝提供给淘宝卖家使用的一个更加个性化、细分

化、豪华版的网店界面，允许卖家使用淘宝提供的计算机和网络技术，实现区别于淘宝一

般网店展现形式的个性化网店页面展现功能的服务。目的是为了提升顾客购物体验，更容

易产生购物欲望，促进销量。

•（四）知识准备

•知识准备一了解“淘宝旺铺”是什么

“淘宝旺铺”目前有3个版本：基础版、专业版和智能版，所有淘宝卖家可以免费使用旺铺基础版，

网店信誉一钻以下可以免费使用旺铺专业版，一钻以上需要付费使用专业版和智能版。不过为了商家降

低日常运营成本，提供更好的营商环境，2020年2月12日起，智能版由收费变成免费订购，本网店

“清青绿植”以“淘宝旺铺专业版”为标准平台完成设计制作任务，如图所示。

•（四）知识准备

•知识准备二熟悉网店首页的构成模块

以淘宝网的旺铺专业版为例，完整

的PC端网店首页主要包括：店招、导航

栏、海报/轮播图、优惠券、商品分类

图、商品促销展示图、网店页尾。如图

所示。

•（四）知识准备

•知识准备二熟悉网店首页的构成模块

不同的网店首页的基本模块都是相同的，在

设计前要先确定各个模块的内容。淘宝的统计数

据显示：买家进入网店后看到的前三屏图片链接

点击量是最高的。因此要将网店的主推产品放置

在最佳位置，也就是海报和轮播图的位置，页面

上要主次分明，逐步引导用户浏览整个网店首页，

依据网店个性，首页在装修