《电商创意设计分享》PPT课件
合集下载
电商视觉设计-PPT第5章
利用文字对细节 进行说明
对女鞋细节参数进行系统介 绍，让消费者一目了然了解
商品信息
系统介绍商品信息
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 商品细节展示区设计
电子商务视觉设计PPT课件(共8章)第6章 电商网店详情页视觉设计
学习重点和难点
• 学习重点： 电商网店详情页视觉设计方法
• 学习难点： 电商网店详情页视觉设计制作
第一节 电商网店详情页认知
1.1 详情页意义
电商网店详情页是展示商品信息的页面，通常消费者注意到感兴趣的首页后， 最想浏览的就是详情页，它直接决定了电商网店能否留住消费者，达成交易。
1.2 详情页营销流程
第四节 产品细节图视觉设计
4.3 商品细节图视觉设计案例——品牌女鞋 案例效果：选择“直线工具”，性栏中将填充颜色设置为黑色，描边颜色设置
为无，描边宽度设置为1像素，然后绘制指示连接线，完成最终效果图。
第五节 商品功能图视觉设计
5.1 商品功能图认知
如下图所示商品功能图对商品的功能或作用进行翔实、透彻的分析和说明。 在整个商品详情页中商品功能图的位置相对靠后，能坚持浏览到这里的消费者说 明已经对商品产生了很大兴趣。因此，商品功能图视觉设计的好坏，直接影响消 费者对商品的持续认可，进而影响消费者下单。
（四）服务型：详情页中保修费用全免、送货上门、无忧退换等有保障的售后 服务虽然不计入商品价值，却深受消费者喜爱。
（五）附加型：有时可以通过详情页中体现的附加价值来提高店铺的销量和消 费者的黏性。该类型详情页虽然是老客户的服务通道及专属的优惠力度，但是新 客户也会有相应的礼品。
第二节 商品主图视觉设计
第二节 商品主图视觉设计
2.2 商品主图设计形式 （一）摆拍设计商品主图的基本要求是可以清晰
地展示商品全貌。商品摆拍可以使用纯白背景或简洁 背景，这种设计的优点是直接、干净，可以让消费者 快速了解商品的外观与颜色，最能直观地表现商品特 点和属性。
（二）场景设计场景设计是指通过模特进行商品 展示，或者根据产品特点和用途搭建生活化、场景化 的环境。这种设计在展示商品的同时，还可以起到烘 托商品氛围的作用。场景设计通常需要较高的成本和 一定的拍摄技巧运用不当会适得其反。
扁平化互联网电商创业策划方案大学生创业PPT模板课件
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
创意科技电子商务项目策划工作总结PPT模板课件
投资回报
点击输入标题
所有文字都可以随意更改成您的文字内容 鼠标点击修改的地方
所有文字都可以随意更改成您的文字内容 鼠标点击修改的地方
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
重大事件名称
尊重人才
人文精神
人文感知
策略先导
Products Figure
+
ADD TO CART
ADD TO CART
ADD TO CART
ADD TO CART
项目一
单击此处添加文字，添加具体 文字内容，您的说明文字在此 处添加，此处输入详细的说明 文字。单击此处添加文字，添 加具体文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
点击输入标题
所有文字都可以随意更改 成您的文字内容
2019
演讲完毕 谢谢观看
月季度工作总结/计划/ 工程报告/教育培训/项目策划等
13
年风雨兼程
60
广州60家 营业网点
100
接待人数超
过100万
20%
连续5年增长 超20%
重大事件名称 重大事件名称
这里填写目录内容说明，设计的发展存 在着一个时代价值观的问题。这里填写 目录内容说明
添加文本
项目介绍
在此添加标题
点击添加文字说明或复制文本黏 贴自此内容要言简意赅
在此添加标题
点击添加文字说明或复制文本黏 贴自此内容要言简意赅
在此添加标题
电商创意设计分享ppt课件
一：给用户一个购买理由
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
电商创意广告设计思路概述PPT课件
在服饰类电商中，时尚和潮流是 让用户产生购买兴趣的重要手段
二、简单的信息传达，让用户迅速了解广告内容
商品名+价格+商品图，让用户在一 秒内就知道该商品价格非常实惠
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 页)
二、简单的信息传达，让用户迅速了解广告内容
商品名+价格+商品图，让用户在一 秒内就知道该商品价格非常实惠
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 页)
蓝粉创意电商活动策划PPT模板
请输入标题
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
输入标题 输入您的文本文字，更改文字的颜色或者 大小属性。点击输入文本内容
请输入标题
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.
原创顶级梦幻可爱矢量渐变电商风格工作汇报ppt模板
45 输入标题
55
在这里输入内容……
在这里输入内容……
Stylish design
Contemporary Colors
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
在这里输入标题
输入标题
1 输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
输入 标题
在这里输入内容……在这里输入内容……在这里输入内容……
输入 标题
在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
202X
输入标题
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
……
在这里输入标题
A
输入标题
在这里输入内容…… 在这里输入内容…… 在这里输入内容……
B
输入标题
在这里输入内容…… 在这里输入内容…… 在这里输入内容……
在这里输入标题
VS
电商项目PPT模板精选全文
概述
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
单击输入标题内容
输入你的标题
这里输入简单的文字概述里输入简单
单的文字概述里输入简单文字概述
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
单击输入标题内容
输入你的标题
这里输入简单的文字概述里输入简单
单的文字概述里输入简单文字概述
通用顶级典雅时尚立体渐变中国风电商风格文案策划ppt模板
输入标题
在这里输入内容 在这里输入内容 在这里输入内容
在这里输入标题
2020年
输入标题
在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……
2021年
VS
输入标题
在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……
在这里输入标题
在这里输入标题
输入标题
在这里输入内容…… 在这里输入内容……
在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
在这里输入内容……
输入标题
在这里输入内容……
输入标题
在这里输入内容……
பைடு நூலகம்
输入标题
输入标题
输入标题
输入标题
输入标题
输入标题
在这里输入内容……
输入标题
在这里输入内容……
在这里输入标题
Guang Dong
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
输入标题
在这里输入内容……在这里输入内容……在这里输入内容…… 在这里输入内容……在这里输入内容……在这里输入内容……
在这里输入标题
输入标题
• 在这里输入内容…… • ……
输入标题
在这里输入标题
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
输入标题
在这里输入内容…… 在这里输入内容……
25电商美工课件108-111,101-104
8
（三）背景处理 1.填充黑色背景 在“产品1”图层下方新建图层，并将图层重命名为“背景”。选择背 景色为黑色，接“Ctrl+Delete”键，在图层中填充背景色。在黑色背 景上，产品非常突出。 2.调整海报背景的通透度 在“背景”图层的上方创建一个新图层，并将图层重命名为“背景装饰 1”。吸取产品中的黄色（#fec801）作为前景色，选择“画笔”工具， 设置大小为1100像素，硬度为0。用画笔工具单击产品中心处，同时， 调整图层的不透明度为70%，提高海报的通透度。
13
其他效果处理
○ 对于前景的叶子，执行菜单中的“滤镜”—“模糊”—“高斯模糊” 命令，设置参数为4.5，产生虚化效果。采用同样的方法调整另外两片 叶子，注意使中景叶子的清晰度高于前景和远景。
○ 至此，就完成了一张比较有品质的、体现健康理念的芒果汁饮料海报。 ○ 【操作题】完成食品类海报的设计。
14
7
二、步骤详解 （一）新建文件 按快捷键“Ctrl+N”执行“新建”命令，在打开的“新建”对话框中设置文 件名为“芒果汁海报”，宽度为1920像素，高度为800像素，分辨率为72像 素/英寸。 （二）置入产品 执行菜单“文件”—“置入嵌入对象”命令置入素材“芒果汁产品素材 .png”，重命名图层名为“产品1”。按快捷键“Ctrl+T”调整产品大小， 并将产品放置于图像的中间位置。
电商海报设计 方法ห้องสมุดไป่ตู้
1
（一）版式设计
1.左右版式 左右版式是最常用的一种版式，占整个电商产品海报设计的80%以上。左 右是相对于文案和产品而言的。有采用左边产品右边文案的版式，也有采 用左边文案右边产品的版式。 2.上下版式 上下版式常见于竖幅海报。据统计，相比横幅海报，竖幅海报更能促使客 户下单，因此，竖幅海报在电商平台中有着非常重要的作用。
（三）背景处理 1.填充黑色背景 在“产品1”图层下方新建图层，并将图层重命名为“背景”。选择背 景色为黑色，接“Ctrl+Delete”键，在图层中填充背景色。在黑色背 景上，产品非常突出。 2.调整海报背景的通透度 在“背景”图层的上方创建一个新图层，并将图层重命名为“背景装饰 1”。吸取产品中的黄色（#fec801）作为前景色，选择“画笔”工具， 设置大小为1100像素，硬度为0。用画笔工具单击产品中心处，同时， 调整图层的不透明度为70%，提高海报的通透度。
13
其他效果处理
○ 对于前景的叶子，执行菜单中的“滤镜”—“模糊”—“高斯模糊” 命令，设置参数为4.5，产生虚化效果。采用同样的方法调整另外两片 叶子，注意使中景叶子的清晰度高于前景和远景。
○ 至此，就完成了一张比较有品质的、体现健康理念的芒果汁饮料海报。 ○ 【操作题】完成食品类海报的设计。
14
7
二、步骤详解 （一）新建文件 按快捷键“Ctrl+N”执行“新建”命令，在打开的“新建”对话框中设置文 件名为“芒果汁海报”，宽度为1920像素，高度为800像素，分辨率为72像 素/英寸。 （二）置入产品 执行菜单“文件”—“置入嵌入对象”命令置入素材“芒果汁产品素材 .png”，重命名图层名为“产品1”。按快捷键“Ctrl+T”调整产品大小， 并将产品放置于图像的中间位置。
电商海报设计 方法ห้องสมุดไป่ตู้
1
（一）版式设计
1.左右版式 左右版式是最常用的一种版式，占整个电商产品海报设计的80%以上。左 右是相对于文案和产品而言的。有采用左边产品右边文案的版式，也有采 用左边文案右边产品的版式。 2.上下版式 上下版式常见于竖幅海报。据统计，相比横幅海报，竖幅海报更能促使客 户下单，因此，竖幅海报在电商平台中有着非常重要的作用。
经典高大上创意微立体动态小清新电商风格工作报告ppt模板
Company LOGO
20XX Please Enter Title HerLOGO
01. Title Here
Please Enter Text Here
02. Title Here
Please Enter Text Here
03. Title Here
3
Title Here
Please Enter Text Here Please Enter Text Here
Please Enter Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
Please Enter Text Here Please Enter Text Here
Title Here
Please Enter Text Here Please Enter Text Here
Please Enter Title Here
Title Here Title Here Title Here Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
• Please Enter Text Here • Please Enter Text Here
20XX Please Enter Title HerLOGO
01. Title Here
Please Enter Text Here
02. Title Here
Please Enter Text Here
03. Title Here
3
Title Here
Please Enter Text Here Please Enter Text Here
Please Enter Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
Please Enter Text Here Please Enter Text Here
Title Here
Please Enter Text Here Please Enter Text Here
Please Enter Title Here
Title Here Title Here Title Here Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
Title Here
• Please Enter Text Here • Please Enter Text Here
Title Here
• Please Enter Text Here • Please Enter Text Here