网店视觉营销与美工设计02课件.pptxVIP

《网店视觉营销

与美工设计》

[第2版]

;

10.1PC端网店首页视觉营销设计

10.2移动端网店首页视觉营销设计

10.3产品主图视频编辑与制作

10.4产品详情页视觉营销

设计

—4—;

第10章电商技能竞赛视觉营销设计

【学习目标】

掌握全国职业院校技能大赛电子商务技能赛项视觉营销模块要求。;

模块;

10.1PC端网店首页视觉营销设计

10.2移动端网店首页视觉营销设计

10.3产品主图视频编辑与制作

10.4产品详情页视觉营销设计

—7—;

10.1PC端网店首页视觉营销设计

10.1.1任务解析

10.1.2PC端店招图片设计

10.1.3PC端轮播图片设计

10.1.4PC端首页整体设计;

情境创设

康旭家居是一家在某主流电商平台经营家居用品类目的网店，主要面向中青年

消费群体，请根据网店营销需求及产品定位，结合目标客户特征，分析标志、色彩、字体等视觉传达元素，对网店首页、产品主图视频、产品详情页进行视觉营销设计，增加网店页面访问深度，提高产品转化率。

—9—;

任务背景

为了提高网店销量，吸引更多新客户，

康旭家居网店计划推出家居节促销活动。为了配合活动的宣传与推广，准备对PC端网店首页重新进行视觉营销设计。对此，需要为网店设计1张店招图片，同时以卷尺、泡脚桶、拖把、削皮刀等产品为基础，分别为每款产品设计1张轮播图片。图片设计完成后，需要对PC端网店首页进行整体布局设计，达到增加页面浏览深度、提高网店曝光量的效果。产品素材如表。;

设计规范

店招图片建议尺寸950*120像素；轮播图片建议尺寸950*250像素；图片大小3MB以内，支持jpg、jpeg、png格式。

任务要求

1.根据网店营销需求及产品定位，结合给的素材，遵照店招图片的设计规范及平台规则，完成店招图片设计；

2.根据网店营销需求及产品定位，规划轮播图片展示内容，并结合给的素材，遵照轮播图片设计规范及平台规则完成轮播图片设计；

3.根据网店首页布局原则，结合消费者购物心理逻辑及PC端消费者??览习惯，选择首页布局模块并进行合理编辑，完成PC端网店首页布局及整体设计。

—11—;

操作过程

1.设计1张店招图片；

2.设计4张轮播图片；

3.通过页面编辑功能，完成PC端网店首页布局及整体设计，包括设计模块的选择编辑、页面的布局管理等；

4.发布PC端网店首页。

评分标准(10.5分)

首页布局：首页布局合理，层次清晰，有明确的视觉动线(2分)。

店招图片：店招设计需包含店标，能够体现网店或产品特色，准确传达经营理念(2分)。

轮播图片：轮播图片主题突出，定位明确，有较强的营销导向(2.5分)。

轮播图片视觉要素应用合理，设计感强，有明确的视觉焦点(2分)。

—12—;

步骤解析

步骤1:

新建一个大小为950*120像素，分辨分辨率为72像素/英寸，颜色模式为RGB颜色，名称为“店招”的文件，填充浅蓝色。选择画笔工具，调整画笔的大小和前景色，依次在背景上单击，为背景添加一些大小不一的彩色小圆。;

10.1.2PC端店招图片设计

步骤2:

步骤3:康旭家居

KANGXUJIAJU;

10.1.2PC端店招图片设计

步骤5:

康旭家居康旭家居旗舰店

关注生活关注质量收震店销;

步骤8:

康旭家居

KANGXUJIAJU

步骤9:

康旭家居

KANGXUJIAJU;

50

圈角矩形3本1

图角超形;

10.1.3PC端轮播图片设计

步骤解析海报1:卷尺

根据赛题要求和评分标准，设计一张小清新风格的海报。

得力钢卷尺

经典手锁/卡扣设计/回缩缓冲

限时优惠价：19.6/卷

立即购买

活动时间：4月23日00,00--4月30日2359

步骤1:

新建一个大小为950*250像素，分辨分辨率为72像素/英寸，颜色模式为RGB颜色，名称为“海报1”

的白色底图。选择“矩形选框工具”,新建一个图层，在上方绘制一个矩形，填充浅绿色。新建一个图层，在下方绘制一个矩形，填充浅绿色到白色的线性渐变。

—18—;

10.1.3PC端轮播图片设计

步骤解析海报1:卷尺

步骤2:

步3:;

10.1.3PC端轮播图片设计

步骤解析海报1:卷尺;

10.1.3PC端轮播图片设计

步骤解析海