《电商创意设计分享》PPT课件

利用文字对细节 进行说明
对女鞋细节参数进行系统介 绍，让消费者一目了然了解
商品信息
系统介绍商品信息
5.2 商品细节展示区设计
2 商品细节展示区通用设计方式
素材让细节展示 更直观
箭头能将商品整体外观 图与细节图联系起来， 具有引导视线的作用
聊天气泡用于修饰细节图、 说明文字的边框，使文字和 图片能一一对应，准确传递
5.4 女鞋商品详情页视觉设计案例
03
添加文字
5.4 女鞋商品详情页视觉设计案例
04
绘制矩形并制作渐隐 效果
5.4 女鞋商品详情页视觉设计案例
05 添加文字和修饰直线
5.4 女鞋商品详情页视觉设计案例
06
添加商品图
5.4 女鞋商品详情页视觉设计案例
07
设置标题文字
5.4 女鞋商品详情页视觉设计案例
淘宝、天猫和京东的商品详情页设计尺寸规范：
电商平台
商品详情页设计尺寸规范
淘宝网
详情页左侧边栏宽190像素，中间空10像素，右侧宽750像素，加起 来总宽度为950像素。如果关闭左侧边栏，就可以显示950像素宽， 不然只显示750像素宽
天猫商城
详情页布局与淘宝类似，不同之处在于天猫商城新版页面的宽度由 750像素变为790像素
1 商品细节展示区的表现形式
指示型表 现形式
局部图解型 表现形式
5.2 商品细节展示区设计
指示型表 现形式
1 商品细节展示区的表现形式
完整的商品形象 展示
用实线连接
放大的局部细节
5.2 商品细节展示区设计
1 商品细节展示区的表现形式
局部图解型 表现形式
5.2 商品细节展示区设计

学习重点和难点
• 学习重点： 电商网店详情页视觉设计方法
• 学习难点： 电商网店详情页视觉设计制作
第一节 电商网店详情页认知
1.1 详情页意义
电商网店详情页是展示商品信息的页面，通常消费者注意到感兴趣的首页后， 最想浏览的就是详情页，它直接决定了电商网店能否留住消费者，达成交易。
1.2 详情页营销流程
第四节 产品细节图视觉设计
4.3 商品细节图视觉设计案例——品牌女鞋 案例效果：选择“直线工具”，性栏中将填充颜色设置为黑色，描边颜色设置
为无，描边宽度设置为1像素，然后绘制指示连接线，完成最终效果图。
第五节 商品功能图视觉设计
5.1 商品功能图认知
如下图所示商品功能图对商品的功能或作用进行翔实、透彻的分析和说明。 在整个商品详情页中商品功能图的位置相对靠后，能坚持浏览到这里的消费者说 明已经对商品产生了很大兴趣。因此，商品功能图视觉设计的好坏，直接影响消 费者对商品的持续认可，进而影响消费者下单。
（四）服务型：详情页中保修费用全免、送货上门、无忧退换等有保障的售后 服务虽然不计入商品价值，却深受消费者喜爱。
（五）附加型：有时可以通过详情页中体现的附加价值来提高店铺的销量和消 费者的黏性。该类型详情页虽然是老客户的服务通道及专属的优惠力度，但是新 客户也会有相应的礼品。
第二节 商品主图视觉设计
第二节 商品主图视觉设计
2.2 商品主图设计形式 （一）摆拍设计商品主图的基本要求是可以清晰
地展示商品全貌。商品摆拍可以使用纯白背景或简洁 背景，这种设计的优点是直接、干净，可以让消费者 快速了解商品的外观与颜色，最能直观地表现商品特 点和属性。
（二）场景设计场景设计是指通过模特进行商品 展示，或者根据产品特点和用途搭建生活化、场景化 的环境。这种设计在展示商品的同时，还可以起到烘 托商品氛围的作用。场景设计通常需要较高的成本和 一定的拍摄技巧运用不当会适得其反。

ADD YOU TITLE
ADD TITLE
Add your words here，according to your need to draw the text box size。Please read the instructions and more work at the end of the manual template.
标题数字等都可以通过点击和重 新输入进行更改，顶部“开始” 面板中可以对字体、字号、颜色、 行距等进行修改。建议正文12号 字，1.3倍字间距。
ADD YOU TITLE
THE KEY IS ALWAYS YOU!
If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything
Add your words here，according to your need to draw the text box size。Please read the instructions and more work at the end of the manual template.
2
PART TWO
ABOUT US
ADD YOU TITLE
Add your words here，according to your need to draw the text box size。Please read the instructions and more work at the end of the manual template.
ADD TITLE
according to your need to draw the text box size

投资回报
点击输入标题
所有文字都可以随意更改成您的文字内容 鼠标点击修改的地方
所有文字都可以随意更改成您的文字内容 鼠标点击修改的地方
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
重大事件名称
尊重人才
人文精神
人文感知
策略先导
Products Figure
+
ADD TO CART
ADD TO CART
ADD TO CART
ADD TO CART
项目一
单击此处添加文字，添加具体 文字内容，您的说明文字在此 处添加，此处输入详细的说明 文字。单击此处添加文字，添 加具体文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
2019
演讲完毕 谢谢观看
月季度工作总结/计划/ 工程报告/教育培训/项目策划等
13
年风雨兼程
60
广州60家 营业网点
100
接待人数超
过100万
20%
连续5年增长 超20%
重大事件名称 重大事件名称
这里填写目录内容说明，设计的发展存 在着一个时代价值观的问题。这里填写 目录内容说明
添加文本
项目介绍
在此添加标题
点击添加文字说明或复制文本黏 贴自此内容要言简意赅
在此添加标题
点击添加文字说明或复制文本黏 贴自此内容要言简意赅
在此添加标题

一：给用户一个购买理由
1、直接采用价格做标题
网购用户最关心的价格，因此用低价吸引用户是最保险的 做法。女性对于购物的兴趣及价格敏感度相比男性更强烈。 由于无法直接感受到商品特性，因此价格是最能吸引用户 的不二法宝
11
2、直接点明产品的利益点
用户除了关心你的价格外，功能也是购买商品的重要理由
3、体现商品的时尚感
14
服装类商品选择模特，更能表现出商品带给人的独特气质.
vancl
M18
masamaso
moonbasa
四、符合用户审美风格的设计更能打动目标用户
七格格：20-25，潮人定义，注重个性的女性用户
时尚起义：20-25，哈韩哈日的最爱，个性，自我潮流
15
1、注意品牌调性
并不是所有的设计风格都与我们的目 标客户相符。例如服装，不同年轻人 对时尚的 标准并不统一。只有找到 与我们的用户审美一直的设计风格 （正准确的说是品牌调性），才能激 发他们的兴趣。
6
2、内容的疏密对比：
在密密麻麻的文字页面中，采用非常大 的留白处理，也可以让素材更醒目，
7
3、动静对比：
Flash素材幀之间迅速切换，以及画面闪动，都能让用户注意 到广告的存在
4、字体大小对比：
系统为12磅字，文字为主的素材可采用特大 号字吸引用户注意
8
二、以新闻资讯形式出现，在不知不觉中给用户引导！
30
三、其他类创意
MasaMaso两帧产品特 点创意： 在进行一段投放后，我们 突出必备元素中的产品特 点提出，明确告知消费 者，每一帧都相当于一屏 广告。
1、折扣购买 2、点击购买
强烈吸引相关点击 仅吸引相对有效点击
28

在服饰类电商中，时尚和潮流是 让用户产生购买兴趣的重要手段
二、简单的信息传达，让用户迅速了解广告内容
商品名+价格+商品图，让用户在一 秒内就知道该商品价格非常实惠
KISS原则Keep It Simple, Stupid
让我们的广告变得更简单直观，信息传递清楚无误， 不要用户在猜你想表达的意思！
三、精美的图片选择，增加用户的好感度
电商创意广告设计思路概述P P T 课件
电商创意广告设计思路
电商创意广告设计思路概述P P T 课件
whatPSFra bibliotek图片制作
店铺装修
一：创意的思路主旨
1、吸引注意 2、信息告知 3、打消顾虑 4、点击了解
在网页里众多的广告和内容中，抓住消费者的眼球 卖什么？多少钱？有什么好处？什么牌子的？ 打消用户关于尺码、送货、退换等实际顾虑 点击元素明显，着陆页面对应广告创意，保持一致性
only：25-30，偏成熟，办公司白领的休闲装
m18：25-30，ol风格，简单，优雅
调性的形成：语言风格、字体应用、排版布局，主推商品选择，这些决定了给用户的感受
3、如何打消客户顾虑，让其产生点击行动
一、醒目的价格标注是让用户行动的第一要素
原价，现价产生的对比， 促使用户产生购买冲动
二、限时，限量的紧迫感能推动用户购买
难怪才卖268元
电商创意广告设计思路概述( P P T 3 2 页)
3、打消顾虑
MASAMASO高质高价的衬衫，消费者会有什么顾虑？
这样的价格值不值
产品不能亲身体验
我买了方便不方便送货
这么贵不合适咋办
那我们说什么来打消顾虑?
电商创意广告设计思路概述( P P T 3 2 页)

请输入标题
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
请输入标题
01
输入标题
点击输入文本内容点击输 入文本内容点击输入文本 内容点击输入文本内容
请输入标题
Click here to enter your text, change the color or
size of the text.
请输入标题
Click here to enter your text, change the color or
size of the text.
PART
change the color or size of the text. You can also format and adjust the line the appropriate text and adjust the spacing of the text.
添加标题
点击在此输入说文本点击在此输入说明文本
点击在此输入说文本点击在此输入说明文本
点击在此输入说文本点击在此输入说明文本
添加标题
点击在此输入说文本点击在此输入说明文本 点击在此输入说文本点击在此输入说明文本 点击在此输入说文本点击在此输入说明文本
PART
change the color or size of the text. You can also format and adjust the line the appropriate text and adjust the spacing of the text.

45 输入标题
55
在这里输入内容……
在这里输入内容……
Stylish design
Contemporary Colors
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
在这里输入标题
输入标题
1 输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
输入 标题
在这里输入内容……在这里输入内容……在这里输入内容……
输入 标题
在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
202X
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
……
在这里输入标题
A
输入标题
在这里输入内容…… 在这里输入内容…… 在这里输入内容……
B
输入标题
在这里输入内容…… 在这里输入内容…… 在这里输入内容……
在这里输入标题
VS

概述
02
01
03
06
04
05
输入你的标题
这里输入简单的文字概述里输入简单文字概述输入简 单的文字概述里输入输入里这里输入简单的
输入(shūrù)你的标题
这里输入(shūrù)简单的文字概述 里输入(shūrù)简单文字概述输入 (shūrù)简单的文字概述里输入 (shūrù)输入(shūrù)里这里输入 (shūrù)简单的文字概述里输入 (输sh入ū(rsùh)ū简r单ù)文你字的概标述题 这里输入(shūrù)简单的文字概述 里输入(shūrù)简单文字概述输入 (shūrù)简单的文字概述里输入 (shūrù)输入(shūrù)里这里输入 (shūrù)简单的文字概述里输入 (shūrù)简单文字概述
输入你的标题
里 这里输入简单的文字概述里输入简单文字概述输入简单的文字概述里输入输入 这里输入简单的文字概述里输入简单文字概述
01
02
03
输入你的标题
这里输入简单的文字(wénzì)概述
里输入简单文字(wénzì)概述输入
简单的文字(wénzì)概述里输入输
入里这里输入简单的文字(wénzì)
概述里输入简单文字(wénzì)概述 输入你的标题(biāotí)
◆ 简约商务风图表系列
◆ 简约商务风图表系列
◆ 在此点击输入具体文本内容
◆ 简约商务风图表(túbiǎo)系列 ◆ 简约商务风图表(túbiǎo)系列 ◆ 在此点击输入具体文本内容
◆ 简约商务风图表系列
◆ 简约商务风图表系列
◆ 在此点击输入具体文本内容
精品2PPT
单击输入标题内容
输入你的标题
这里输入简单的文字概述里输入简单
单的文字概述里输入简单文字概述

输入标题
在这里输入内容 在这里输入内容 在这里输入内容
在这里输入标题
2020年
输入标题
在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……
2021年
VS
输入标题
在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……
在这里输入标题
在这里输入标题
输入标题
在这里输入内容…… 在这里输入内容……
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……
输入标题
在这里输入内容……
输入标题
在这里输入内容……
பைடு நூலகம்
输入标题
输入标题
输入标题
输入标题
输入标题
输入标题
在这里输入内容……
输入标题
在这里输入内容……
在这里输入标题
Guang Dong
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
• 在这里输入内容…… • ……
输入标题
在这里输入标题
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……